Начало » Авторские дневники » Записки дизайнера » Немножко о дизайне. Часть 1. Передняя панель

 
 

Немножко о дизайне. Часть 1. Передняя панель

📆09.03.10   ✒️AAKA   🔎8.228   💬34  
Сколько сайтов по усилителям не обошел, сколько не расчесывал интернет, тему дизайна всегда оставляют на потом, кладут в пыльный мешок.
А как же красота? Как же гордость гостиной? Красивый радующий глаз даже в выключенном состоянии усилитель? Неужели это на последнем месте?

Источник фото: highendpalace.com

Товарищи вырубаем паяльники! Берем в руки карандаш, бумажку и собираем мысли в кучку. Будем думать вместе о нашем новом произведении искусства и не важно, что это, просто коробочка или грандиозный проект. Будем планировать дизайн девайса!
Начнем с мааааленького и банального, потому как дизайн как и любую науку нахрапом не возьмешь. Напряжем извилину в направлении компонентов визуальных — да, да, визуальных, никаких формул, резисторов и шаманских заговоров об анодных токах.

Кумекать будем по поводу передней панели. А точнее начнем с одной ручечки потом добавим шильдик с названием девайса. А там, если понравится, будем думать дальше и дальше. Пределов нету!

… Итак… Недостаточно купить глянцевый кругляшек, прилепить его на ножку резистора и греться в лучах, довольствуясь результатом. Может получиться так, что вы интуитивно попадете в хорошие пропорции, а может получиться, что ручка будет выглядеть залепушно на передней панели — эдакой декорацией, налепленным гламурным украшательством. А нам нужна визуальная гармония результирующего объекта.

Задание:
Добиться визуально уравновешенных, гармоничных пропорций между передней панелью и ручкой. (Эргономику пока затрагивать не будем).

Что имеем:
Прямоугольная ровная передняя панель.
Цилиндрическая ручка.

Как работаем?
Наша задача «думать» на бумаге.

Рисуем вид спереди прямоугольной панели и наносим на нее разнообразные деления, затем по ним рисуем элементы — кто более продвинутый, может после попробовать изобразить результат в изометрии или перспективе.

Поехали…

Размер ручки — как угадать?
Пропорцию будем искать в соотношении высоты передней панели.

Вариант 1.
Мааалюсенькая крутилка.



Вариант не очень хорош.

Причины:
1. Пропорциональное несоответствие. Маленькая ручка будет теряться по соотношению пропорции передней панели.
2. Выглядит прилепленной, как ни крути и какую найкрасивейшую ручку ни поставь. Эдакий кухонный ящик.
3. Панель и корпус получают «излишний вес», становятся визуально тяжелыми и громоздкими на фоне маленькой ручечки.

Вариант 2.
Ручка с большой буквы.



Тоже не очень гуд.

Причины:
1.Ручка притягивает к себе слишком много внимания, передняя панель становится вторичным элементом.
2. Ручка по диаметру, схожему с высотой панели, будет соперничать с самой формой корпуса и пытаться сказать:
 — «Да самом деле, не ручка я совсем, я продолжение формы панели (я выступ)».
3. Отсутствие визуальной иерархии объекта от большего (корпус) к меньшему (элементы управления). Все большое.

…Видел в природе чудо чудное — Для того чтобы отличиться в дизайне на переднюю панель нахлобучили ручку большего диаметра чем сама панель. Усилитель был на ножках и ручка крутилась, но чувство украденного катка от асфальто-укладочной машины не покидало. Конечно такой вариант в природе возможен, но чтобы он смотрелся хорошо, требуется обыграть его дополнительными деталями или изменением формы корпуса.

Пожалуйста, не делайте таких страшилок.

Вариант 3.
Хорошие пропорции.


*** То что я описываю, это не идеальные решения, каждая форма требует индивидуального подхода. Я только привожу примеры как подступиться, и лучше решить ту или иную проблему, а так же наоборот, что будет смотреться неубедительно.

Как добиться, чтобы ручка вышла не очень большая, и не очень маленькая, а именно такая как надо?

Делим переднюю панель по высоте примерно на 6 частей, отступаем сверху и снизу по одной шестой. Оставшееся место и будет размером ручки — четыре шестых. Отступ от края равен одной четвертой диаметра ручки.



В этом варианте ручка и панель визуально уравновешены.

Крупновато? Не нравится?
Тогда делим на 5 частей в высоту. Ручка по размеру равна трем пятым от высоты панели. Отступ равен одной третьей от диаметра ручки.


Смотрится тоже не плохо.

За счет того, что ручка вышла чуть меньше, чем в варианте деления на 6 частей, подчеркивается высота панели и визуальная массивность корпуса.
Чем меньше ручка — тем массивнее панель.

Гуд. Панель осталась панелью. А ручка ручкой. Не соперничают друг с другом, а дополняют.

*Если попробуете разделить на четыре части и ручка по диаметру будет половиной высоты передней панели — пропорции ручки начинают становятся маленькими. Ручка теряется на фоне массивной панели. (хотя возможен и такой вариант)

Следующий критерий это положение ручки.

Применение в основе формопостроения таких «материй» привычных нам из жизни как симметрии и разнообразные деления способствуют к спокойному гармоничному восприятию объекта. Объект нам нравится потому как построен на законах природы. Золотое сечение один из них — известен испокон веков и применяется во многих сферах жизни.

Процитирую Виктора Лавруса, он красиво сформулировал:
«Целое всегда состоит из частей, части разной величины находятся в определенном отношении друг к другу и к целому. Принцип золотого сечения — высшее проявление структурного и функционального совершенства целого и его частей в искусстве, науке, технике и природе.
Золотое сечение — это такое пропорциональное деление отрезка на неравные части, при котором весь отрезок так относится к большей части, как сама большая часть относится к меньшей…»

Золотое сечение — соотношение приблизительно равное 62 к 38 при отрезке в 100 единиц.
Мы же для простоты будем использовать деление на 3 равные части. В качестве приблизительного золотого сечения.

Вернемся к положению ручки.
В высоту будем придерживаться середины, ручку будем двигать только в стороны.

Вариант 1
Самый простой. Самый центровой.


Делим переднюю панель пополам и помещаем ручку посередине.
Получаем уравновешенную минималистичную модель — панель/ручка.
Без плюсов и минусов. Самое что ни на есть обычное деление.



Вариант 2.
Асимметричная композиция.


Как и в варианте с размером, недостаточно просто сдвинуть ручку в бок, желательно придерживаться делений, для того чтобы ручка гармонично соотносилась с пропорциями панели.

Делим панель на три равные части. Ручку располагаем по правому или левому пересечению нашего деления и центра высоты.





Что хорошо — немного убегаем от банальщины. В общей композиции появилась «игра пропорций» между передней панелью и ручкой. Если разделили честно, то никто на себя одеяло не перетягивать не будет.

Если есть желание, то можно попробовать разделить на четыре части и расположить ручку на крайнем пересечении центра и деления.
Каков минус обнаружится — ручка будет слишком смещена вбок, и на панели появится много свободного места с противоположной стороны. Это место будет смотреться пустым — как будто задумали место для какого-то дополнительного элемента, а сам элемент забыли поставить.

Теперь немного усложняем задачу, добавляем шильдик с названием продукта или фирмы.

Данность:
Расположение ручки центральное — размер шильдика по длине примерно половина ручки.

Расположим шильдик сбоку от ручки.

…Стоп, стоп! А что если я хочу расположить шильдик сверху или снизу ручки?
Тогда, есть 2 варианта — они более сложные и вдаваться в них на данной стадии мне бы не хотелось.
 — Первый, сдвинуть ручку вниз или вверх, чтобы освободить место для шильдика.
— Выиграть место за счет уменьшения диаметра ручки.

Сложность: Меняются пропорции отступов ручки от верхнего и нижнего края. Высота и пропорции шильдика, а так же расстояния между шильдиком и краем/ручкой начинают играть важную роль. И т. д. и т. п.
Все это требует более пристального разбора.
Это уже совсем другие композиции, немного более сложные для начального элегантного исполнения.
Сложного нам пока не надо — нам бы с простым разобраться.

Вернемся к нашим баранам — ручка по центру, шильдик справа или слева от ручки.

На каком расстоянии от ручки расположить шильдик?

Снова делим.
Ручка находящаяся в центральном положении уже визуально поделила нашу панель пополам и создала два свободных пространства с обеих сторон, их-то и будем делить. Не беря ручку в расчет, делим боковое свободное пространство по ширине пополам и располагаем шильдик на пересечении центра высоты и середины деления которое сделали.




На какой высоте расположить?

Желательно как мы говорили ранее, связать и соотнести все элементы в одну неразрывную композицию, тогда объект будет смотреться уравновешенно и красиво. Соотносить объекты можно не только за счет деления, а можно при помощи графического выравнивания.

Чу такое графическое выравнивание?

Вы бывали когда-нибудь в музее? Где картины висят или фотографии. Заметьте, что зачастую, все картины на стене разного размера по высоте и по ширине. А надо повесить так, чтобы смотрелись как единое целое.
Верхнюю (реже нижнюю) часть картин выравнивают по одной линии и вешают на стену. Получается как белье на веревке. Сверху под линеечку, снизу свободно. Причем стараются сохранить одинаковые расстояния в ширину между картинами.

В двух словах принцип графического соотношения — выравнивание элементов один относительно другого.

Грузить больше не буду обещаю.


Вы не забыли? Мы говорили о высоте расположения шильдика.


Графически выравниваем по высоте шильдик относительно ручки, так как это на данный момент единственный элемент к которому мы можем привязаться.

Три самых простых варианта:
— Центр шильдика отцентровать относительно продольной оси центра ручки.
— Верхнюю часть шильдика выровнять к прямой проходящей от верхнего края ручки.
— И наоборот нижняя часть шильдика и нижний край ручки.

Смотрим что выходит.
Довольно скучная композиция на мой взгляд. Из-за чрезвычайного уж деления на половинки, слева от ручки напрашивается еще элемент.





Попробуем исправить и разнообразить.

Изменяем деление, чтобы слегка добавить асимметрии.
Делим пространство от вертикального центра ручки вправо или влево на три части или кто хочет по золотому сечению. И смещаем шильдик на центр между второй и третьей частью. Тем самым мы слегка «портим» симметрию которая была в предыдущем варианте.



…И чАво хорошего в этом? А?
Все было посерединке, красота, а тут взял все и испортил!


А то, что в прошлом варианте из-за симметрии нашему глазу не хватало элемента со второй стороны. А теперь мы обманули наш мозг асимметрией, как бы объяснив ему, что идеальной симметрии нет — значит, и не должно быть дополнительных симметричных деталей со второй стороны. Ура проблема решена малой кровью!



Наш мозг коварен! С малолетства он приучен видеть симметрии в живой природе. Если вдруг в симметричном объекте не хватает какого-либо элемента, это моментально давит на подсознательном уровне. Мы настолько привыкли к этому, что давно не отдаем отчета этому фактору.
Представьте кошку с одним глазом (кошку жалко, но какой-то пример нужен). Перед тем как мы успеем ее пожалеть и подумать о том что с ней случилось, первой подсознательной реакцией будет — у кошки что-то не так как мы привыкли видеть. И это зачастую притягивает глаз.

Так же и в дизайне.
Если не брать в расчет явно видимые изъяны, то зачастую невозможно определить, из-за чего нам тот или иной объект не нравится, кажется не законченным. Это может состоять из множества порой едва уловимых критериев, таких как легкие огрехи пропорции, соотношение элементов, цвета и прочего.

Парадокс получается — лучше уже объект будет с явным изъяном. чем с легчайшим огрехом. В явном изъяне нам легче сразу уловить и уяснить себе где ошибка, а вот легкий огрех заставляет наш мозг напрягаться и морально изматываться в поиске проблемы.

 — Блин, ну вроде же все в порядке, и ручки есть и лампы не кривые, а все равно не смотрится! Ну почему, ну где?

Так что иногда лучше сделать чуточку хуже, чем сделать почти хорошо!

Пробуем композиции со смещенной ручкой и общим делением на три части.





Все бы хорошо, но получилось не очень. Элементы слишком стянуты к центру из-за этого общие пропорции передней панели становятся короткими и не элегантными. Элементы хоть и выровнены, а визуально дерутся за центровое место под солнцем.
Полбеды, если элементы были бы одинаковые, а так получился косоглазик.
Драчунов разгоняем в стороны. Делим на четыре части.



Вот это уже ничего!!! Можно можно браться за пилу!

Пока на этом остановимся. Пробуйте, экспериментируйте, разные соотношения, разные деления, бумага все стерпит.

Резюме.

Пару базовых принципов мы разобрали.

Главное — все детали должны гармонировать и «поддерживать» одна другую:
 — В соотношении пропорций разных деталей.
 — В их месторасположении одна относительно другой и пространства на котором они находятся (панель).

Достигаем цель при помощи разнообразных делений и графических соотношений деталей.

Заложен первый камушек который пригодится вам при построении разных разностей.
Пытаясь классифицировать и изложить в маломальски-понятной форме понятия «красоты» голова вскипела. Зато удовольствия море. Если понравится — будем продолжать.

С уважением, Даниил (AndrAKondrA, AAKA)

Камрад, рассмотри датагорские рекомендации

 

Читательское голосование

Нравится

Статью одобрили 33 читателя.

Для участия в голосовании зарегистрируйтесь и войдите на сайт с вашими логином и паролем.
 

Поделись с друзьями!

 

 

Связанные материалы

 

Схема на Датагоре. Новая статья Немножко о дизайне. Часть 2. Уровни детальности... Не прошло и двух лет с прошлой статьи о дизайне "Немножко о дизайне. Часть 1: передняя...
Схема на Датагоре. Новая статья Мощный светодиод в панель... Всем доброго дня! Возникла необходимость закрепить мощные светодиоды на панели без возможности...
Схема на Датагоре. Новая статья Пример внешней отделки колонок ВЕГА 25АС-101... Никаких изменений, касаемых электрических свойств колонок, не производилось. Задачей являлось...
Схема на Датагоре. Новая статья Метод крепления электрического защитного автомата на панели... Всем хороши современные автоматы: и малогабаритные и широкая номенклатура. Но они рассчитаны на...
Схема на Датагоре. Новая статья Hi-Fi аудиоплеер на базе миникомпьютера «Raspberry Pi». Часть 3. Регулятор громкости на PGA2310... Всем читателям datagor.ru привет! Продолжаем строить аудиоплеер. Сегодня подключим к «Raspberry...
Схема на Датагоре. Новая статья Прибор для наладки и тестирования импульсных блоков питания и сварочников... Я занят ремонтом инверторного сварочного оборудования, стабилизаторов переменного напряжения, и т....
Схема на Датагоре. Новая статья Избавляемся от помех в наушниках при подключении к фронтальной панели ПК на примере корпуса AirTone MC-6010... Наверное, все сталкивались с такой проблемой — вокруг близкие тебе люди спят, а тебе хочется что...
Схема на Датагоре. Новая статья Корпус усилителя мощности своими руками... Приличный корпус для усилителя сделать можно. Своими руками, с помощью простейших ручных...
Схема на Датагоре. Новая статья 6ГД-6, 2ГД-36 Малогабаритный громкоговоритель Салтыкова, кубики Салтыкова... Фото Polas Параметры описываемого ниже самодельного двухполосного громкоговорителя удовлетворяют...
Схема на Датагоре. Новая статья «Чёрная дыра»... Привет всем! Буду краток. Мы выпали из Сети на пару дней. У нас были серьёзные технические...
Схема на Датагоре. Новая статья Однотактный усилитель на 6Н9С и 6С4С... Я никогда не понимал людей, которые хоть чем-то не увлечены в своей жизни. Быть увлеченным и...
Схема на Датагоре. Новая статья Регулятор громкости и тембра с ДУ на TDA8425 + ATMEL AT90S4433... Когда-то, в 2005-2006 году, мной был сделан регулятор громкости и тембра на TDA8425 с ДУ. Статья...
 

Общаемся по статье 💬

Немножко о дизайне. Часть 1. Передняя панель

Комментарии, вопросы, ответы, дополнения, отзывы

 

<
Читатель Датагора

AAKA

Комментарий # 17 от 10-03-10, 2:54.
  • С нами с 25.02.2010
  • 48 комментариев
  • 11 публикаций
 
Попробую в одной из будущих статей рассмотреть тему шрифтов.

<
Читатель Датагора

Berg

Комментарий # 18 от 10-03-10, 2:58.
  • С нами с 27.11.2009
  • 10 комментариев
  • 0 публикаций
 
заранее благодарен!

<
Читатель Датагора

Artham

Комментарий # 19 от 10-03-10, 3:33.
  • С нами с 25.01.2010
  • 9 комментариев
  • 0 публикаций
 
Здорово написано, а про выбор цветовой гаммы описание будет?

<
Читатель Датагора

para4zit

Комментарий # 20 от 10-03-10, 4:59.
  • С нами с 17.04.2009
  • 15 комментариев
  • 0 публикаций
 
Огромное спасибо за поднятую тему. Многих касается, особенно начинающих. Конструкцию состряпать это только пол дела, довести до презентабельного вида, здесь и кроются подводные камни.

<
Читатель Датагора

Datagor

Комментарий # 21 от 10-03-10, 13:39.
  • С нами с 26.02.2006
  • 2 433 комментария
  • 274 публикации
 
Цитата: vbruy
На фотографию так и напрашиваются SE-M100, SU-MA10 или SU-A900MKII от Мацушиты (с центральным расположением РГ), а не Маранец.
Вадим, кому и кобыла невеста, на вкус и цвет товарищей нет. Мне этот Marantz понравился, поэтому он тут стоит и стоять будет.
Напишите свою статью о прелестях SU-A900MKII, а мы заценим.

Цитата: AAKA
Я не дал заглавной фотографии, за меня ее поставил Главнокомандующий . Я не виноват, не бейте
Даниил, не стоит так просто уступать чьим-то личным предпочтениям. Ну разве что моим. wink

<
Читатель Датагора

alchedat

Комментарий # 22 от 10-03-10, 15:17.
  • С нами с 20.03.2009
  • 57 комментариев
  • 9 публикаций
 
Очень хорошая статья!

<
Читатель Датагора

vel

Комментарий # 23 от 10-03-10, 21:20.
  • С нами с 26.01.2010
  • 9 комментариев
  • 0 публикаций
 
Очень актуальная статья! Хотелось бы обвесить этот коробок лампами,как пример оформления лампового усилителя.

<
Читатель Датагора

vladimirm2

Комментарий # 24 от 11-03-10, 12:51.
  • С нами с 5.01.2010
  • 141 комментарий
  • 14 публикаций
 
Спасибо за статью! По себе знаю, сколько нужно перепортить бумаги обдумывая внешний вид. (Привет из Хайфы!)

<
Читатель Датагора

Slavamir

Комментарий # 25 от 12-03-10, 0:28.
  • С нами с --
  • 0 комментариев
  • 0 публикаций
 
Дауш сидиш паяеш ночами не спиш пояеш, корпус немного бокопориш и все устройство неоценили(((

бывают огарчения, ну ниче мы исправились)) гы

<
Читатель Датагора

vbruy

Комментарий # 26 от 12-03-10, 22:57.
  • С нами с --
  • 0 комментариев
  • 0 публикаций
 
Цитата: Datagor
Напишите свою статью о прелестях SU-A900MKII, а мы заценим

Дело вовсе не в бренде, а в иллюстрации расположения рукоятки громкости по центру лицевой панели аппарата. Вот для примера:
Aurex SY-C15
Marantz PM245
Lo-D HA-30
ONKYO Integra A-2001
Pioneer SC-1500II
ROTEL RC1070
ROTEL RA-02
SANSUI AU-405
TEAC PA-7
VICTOR AX-S313
DIATONE DA-P7
CEC AMP3300R
DENON PMA-9.5
SONY TA-ER1
SONY TA-1000
KENWOOD L-A1
SHARP SM-SX200
SHARP SM-SX100 ...и это только Япония.
Два последних Шарпа очень красивы(необычны)
А техникс взят для примера как самый ширпотреб.

<
Читатель Датагора

Batan

Комментарий # 27 от 13-03-10, 3:26.
  • С нами с --
  • 0 комментариев
  • 0 публикаций
 
Классная статья !!! Аж вдохновляет на собственный дизайн ))) Как говорится, все гениальное просто !

<
Читатель Датагора

Дракон

Комментарий # 28 от 13-03-10, 22:34.
  • С нами с 7.03.2009
  • 7 комментариев
  • 1 публикация
 
Даниил! Спасибо огромное и за затронутую тему, и за ясность и простоту изложения. К сожалению многие радиолюбители в процессе изготовления очередного своего девайса потихоньку теряют запал, и на корпус, а самое важное - на лицевую панель у многих не хватает сил, а у некоторых, к сожалению, знаний или элементарного вкуса.
Поэтому и появляются устройства "на лицо ужасные, добрые внутри" (©"Бриллиантовая рука"). Если же человек будет придерживаться хотя бы основных правил дизайна, то риск изготовить "ужасное" изделие значительно уменьшится.

По поводу замечания vladimirm2:
По себе знаю, сколько нужно перепортить бумаги обдумывая внешний вид.
хочу заметить, что хотя бумага и карандаш - самые простые и доступные инструменты smile , не все из нас (увы...) могут достойно рисовать. Для таких людей хорошим подспорьем может стать (не сочтите за рекламу) программа для трёхмерного моделирования Solid Works.
В ней легко моделировать трёхмерные компоненты (в нашем случае это лицевая панель, ручки, кнопки, светодиоды, индикаторы и пр.), создавать из них сборки, переносить детали и сборки на чертежи (для их распечатки), а также делать реалистичные фотографии внешнего вида. Программа позволяет легко изменять размеры и форму компонентов, взаимное их расположение в сборке и видеть, что же в итоге у нас получится ещё до изготовления, экономя тем самым время, силы и материал. Как пример желающие могут разыскать здесь на сайте мою статью о Гибридном регуляторе - иллюстрации и чертежи к ней созданы в среде Solid Works.

И ещё по теме: Может кто подскажет либо список литературы по дизайну применительно к радиоэлектронике (звукотехнике), либо ссылки на сайты по этому направлению, либо ссылки на сайты с фото усилителей.

<
Читатель Датагора

Berg

Комментарий # 29 от 14-03-10, 1:29.
  • С нами с 27.11.2009
  • 10 комментариев
  • 0 публикаций
 
Статья и вправду нужная (три дня уже над ней размышляю). Сегодня представлял как размещать группы переключателей, регуляторов, индикаторов.
Даниил, может в продолжении напишешь о компановке группы элементов?
с уважением, Владимир.

<
Читатель Датагора

AAKA

Комментарий # 30 от 14-03-10, 1:39.
  • С нами с 25.02.2010
  • 48 комментариев
  • 11 публикаций
 
Спасибо.
Насчет SolidWorks сущая правда! Программа высоко профессиональная но между тем очень понятная и простая (хотя зависит какую форму нужно построить).
Для построения простых плосткосных форм она идеальна, а вот сложные аморфные формы в ней строить сущий ад, ну для этого есть другие программы. Но знание программы даже на базисном уровне, решает много проблем, упрощает жизнь и открывает новые горизонты!

<
Читатель Датагора

Valera

Комментарий # 31 от 14-03-10, 2:48.
  • С нами с 22.07.2008
  • 28 комментариев
  • 2 публикации
 
Отличная статья! И думаю многим пригодится .. Респект!

З.Ы. Дизайн MARANTZ - зацепил .. наверное такой себе забабахаю ..:))

<
Читатель Датагора

Корниенко В.А.

Комментарий # 32 от 14-03-10, 5:34.
  • С нами с --
  • 0 комментариев
  • 0 публикаций
 
Статья однозначно интересная, хотя это всего лишь один из возможных подходов Все таки техника это не мебель и не прикладное искусство. Лично мне больше нравится когда все обусловлено целесообразностью. Мысли только о техническом совершенстве и никаких украшательств. Подобный подход часто используется при создании военной техники. Возможно, как-то приведу несколько примеров усилителей в стиле милитари.
С уважением. Владимир.

Информация
Вы не можете участвовать в комментировании. Вероятные причины:
— Администратор остановил комментирование этой статьи.
— Вы не авторизовались на сайте. Войдите с паролем.
— Вы не зарегистрированы у нас. Зарегистрируйтесь.
— Вы зарегистрированы, но имеете низкий уровень доступа. Получите полный доступ.