Что такое дизайн? Мне почему-то сразу представляется деятельность по проектированию зданий. Однако речь о совсем ином виде проектирования – о проектировании внешнего вида. Внешнего вида сайтов, веб-приложений, интерфейсов программ. Дан ряд элементов: картинки, цветовые плашки, текстовые блоки, элементы интерфейса. Всё это надлежит упорядочить, разложить привлекательным и удобным образом. Правильно расположить всё это – это и есть #дизайн.
Да, дизайн требует некоторой эстетики, он же должен быть привлекательным; дизайн требует упорядоченности, он же должен быть удобным. Но ключевое в дизайне – логика! Ответ на вопросы: а почему мы берём именно это, а для чего мы это именно сюда вставляем? И, чего мы хотим достигнуть в конечном итоге?
Именно логикой определяются все, так называемые, «правила дизайна». Например, захочется ли самому автору дизайна рассматривать картинку с контрастными, вырвиглазными цветами? Нет? А значит, подбираем удобное для просмотра цветовое решение. Удобно ли читать текст, который написан несуразным плохо разбираемым «дизайнерским» шрифтом, со строчками налезающими друг на друга? Нет, не удобно. А как вам, скажем, хаос, творящийся на иной интернет-странички, где чёрт ногу сломит, чтоб разобраться что к чему? Беспорядок не удобен для восприятия. Уйдёт пользователь с такой странички и разбираться не захочет. Вот это и определяет #правила дизайна.
А значит, достаточно просто поставить себя на место пользователя, которого нелёгкая занесла посмотреть, почитать сайт, или попользоваться программой с «отредизайненным» интерфейсом, и сразу станет понятно каким правилам надлежит следовать. И чему людей месяцами на курсах дизайна обучают?!
Нужны представления о типографике? Пожалуйста! Возьмите любую книгу (желательно без картинок). Что видите? Есть главный заголовок, он написан самым крупным шрифтом, есть подзаголовки, они написаны шрифтом помельче. Есть основной текст – это самый мелкий шрифт (мельче – на подписях к иллюстрациям и в сносках). Текст, по крайней мере, в книге разделён на заметные абзацы. В русской традиции принято начинать новый абзац с «красной» строки и таким образом его выделять. В западной традиции абзацы отделяются пустым пространством – увеличением междустрочного интервала. Такой же подход используется в интернете. А уж если текстовый контент представляет собой разрозненные логические блоки (не абзацы даже) их тем более следует разделить: увеличением отступа, положением на странице, цветом наконец.
Вот, скажем, текст: «скидка –50%!!!» (И всегда меня смущало… Если, что такое скидка в 50% мне понятно – это удешевление на половину, то что такое, чисто математически, скидка в минус 50%?.. Удорожание?) Понятно же, что на нём надо максимально фиксировать внимание. А значит его нужно сделать ярче, крупнее, «центрее», если можно так сказать. И плевать на формальные правила! Если продаёт, если внимание привлекает, то так и правильно. Такая вот типографика...
Элементы интерфейса надо как-то расположить? Ну пляшите от удобства. Удобства, скажем какой-нибудь бабушки, которая подслеповатыми глазами смотрит через очки на ваше творчество. Сможет она, просто взглянув на ваш дизайн, сразу разобраться что к чему? Представьте работягу заводчанина, который здоровенными пальцами, в половину экрана своего мобильника толщиной, пытается попасть в малюсенькую кнопочку на этом экране. Какие эпитеты и пожелания он адресует разработчикам интерфейса иного мобильного приложения?
То есть, в дизайне нужно идти от человека, для которого этот дизайн предназначается. Вот базовое правило хорошего, правильного дизайна!
Примечательная ситуация возникло на одном телеграм-канале. Дизайнерские каналы, особенно из числа тех, которые привлекают людей на курсы, любят проводить «игры», типа, определите на какой картинке правильный дизайн, демонстрируя пару картинок. И вот в одном случае примерно процентов 80 участников такой игры считают, что правильный дизайн на условной картинке №1, а, по мнению администраторов канала (и, по совместительству, ведущих рекламируемого дизайнерского курса), «правильный» дизайн на картинке №2…
Объяснение же, по сути, следующее: администратор, он же ведущий курса – крутейший спец по дизайну со скиллом «насмотренность» сто-пятисотого левела, ему видней! (Мы в компьютерной игре с вами что ль? Левелы, скиллы – а нельзя по-русски? Или так курс не продашь? Умение, навык, мастерство. Применительно к дизайну – эстетическое восприятие. Не? Никак? Хотя, в описываемом примере, скорей уж – «вкусовщина»!)
То есть, специалистам, проводящим данный дизайнерский курс, в общем-то плевать на удобство для пользователя, на «пользовательский опыт», им не важно, что 4/5 пользователей более привлекательным воспринимают дизайн №1. Это всё оказывается от недостатка «насмотренности». (Выдумали же словечко! Ворд его стабильно красным подчёркивает, да и редактор Дзена ошибку в написании слова усматривает.) Вот отвалите деньжищ за курс, понасмотритесь там дизайну от сеньор-диджитал-мега-скиллс-дезигнера, и сами начнёте ваять дизайн как на картинке №2, которая менее привлекательна для подавляющего большинства пользователей!