Как понять что дизайн это твое
12 признаков, по которым дизайнеры определяют хороший дизайн — а значит и вы сможете
С точки зрения не-дизайнера рабочий процесс дизайнера кажется чем-то загадочным.
Откуда они знают, какой шрифт использовать? Почему цвета у них так классно сочетаются? Как получилось сделать афишу, от которой захватывает дух?
В дизайне нет правильных и неправильных ответов — это одна из причин, по которым дизайн кажется новичками сложным предметом.
Интересуетесь свежими статьями по дизайну? Вступайте в группу на Facebook.
Ищите системное погружение в тему? Загляните в блог для дизайнеров.
Если на работе в вашем распоряжении есть дизайнер, то считайте вам повезло. Но если вам — как и тысячам других владельцев небольшого бизнеса — приходится самому иметь дело с дизайном, этот процесс наверняка кажется вам очень сложным.
У нас есть удивительный план: сделать дизайн на рабочем месте невероятно простым. Именно поэтому мы собрали этот чеклист из 12 важных вещей, которые должен учитывать дизайнер, чтобы создавать прекрасный визуальный контент.
Готовы проверить, выглядит ли ваш дизайн на все сто? На протяжении всего процесса дизайна — когда планируете, проектируете, пересматриваете — задавайте себе следующие вопросы:
01. Есть ли в дизайне точка фокуса?
При написании книги или статьи, автор старается привнести в текст нечто “цепляющее”, чтобы привлечь читателей и удержать их. В дизайне точка фокуса выполняет ту же задачу. Это может быть картинка или графика, заголовок или предложение, или любой другой текст.
В качестве примера рассмотрим этот разворот журнала. На что мы смотрим в первую очередь? На еду, правда же? А все потому, что дизайн четко спланирован, чтобы привлекать внимание зрителя именно к еде. Благодаря простой, черно-белой типографике, яркие и четкие фотографии сразу бросаются в глаза. А еще, если приглядеться, можно заметить, что текст и линии “обрамляют” фотографию, явно направляя наш взгляд.
Невозможно сфокусировать внимание зрителей на каждом элементе дизайна, нужно выбрать самый важный. Этот важный текст или изображение — ваша точка фокуса — должен иметь самый большой визуальный вес (в первого взгляда выделаться на странице). Привлечь внимание к точке фокуса можно при помощи размера, формы, направления, расположения, цвета, текстуры или других характеристик.
На следующей картинке внимание в первую очередь привлекает цифра 5 (точка фокуса выбрана правильно, ведь она информирует зрителя о скидке): она большого размера, написана самым жирным шрифтом и она единственная выделена тонкой внутренней линией.
02. Направлен ли поток внимания?
Итак, точка фокуса — это стартовая точка взаимодействия с дизайном, а далее взгляд должен плавно переходить к изучению всех остальных элементов дизайна. Это обычно называется иерархией: элементы дизайна организованы и расположены на странице таким образом, что поток внимания зрителя направляется по определенному “пути” (от самого важного — точки фокуса — к менее важным элементам). Возможно поток внимания должен идти сверху вниз? или по диагонали? или от одного раздела к другому?
Когда все элементы дизайна расположены хаотично, и зритель не понимает, куда смотреть дальше — пропадает ощущение потока. Поток внимания также нарушается, если у вас нет точки фокуса (или их слишком много), или нет иерархии, или дизайн перегружен.
Чтобы направить поток внимания зрителя в дизайне, попробуйте сделать следующее:
На этой иллюстрации мы видим, как повторяющиеся элементы ненавязчиво направляют наш взгляд и создают композицию. Горизонтальные линии повторяются в облаках, и в холмах на заднем плане, и в воде; а вертикальные — в пальмах, на доске для серфинга и на купальнике девушки. Эти повторяющиеся паттерны создают глубину, движение и ощущение согласованности.
В дизайне ниже прослеживается четкая иерархия: ее создают как секции, так и белое пространство. В левой части наиболее важная информация — дата и место проведения события — выделяется за счет расположения и размера слов. Расстояния между элементами согласованы, и дизайн не выглядит перегруженным: информацию достаточно просто прочитать. Разные цвета фона делят дизайн на четкие секции, у каждой из которых свое назначение: основная информация, логотип спонсора и форма RSVP.
03. Сбалансирован ли дизайн?
Когда картина на стене висит криво, нам так и хочется подойти и поправить ее. Не повторяйте такого в дизайне: если элементы дизайне не сбалансированы или не выровнены, это будет отвлекать зрителя от дизайна и его основной идеи.
Симметрия — один из самых главных помощников на пути создания сбалансированного дизайна. Симметричный дизайн — это дизайн, сбалансированный относительно центральной оси горизонтально, вертикально или радиально (то есть по кругу от точки фокуса). Мы на подсознательном уровне считаем симметрию более привлекательной, но кроме внешнего аспекта сбалансированный дизайн имеет и практическое назначение: он помогает создать иерархию и расставить приоритеты.
На этом логотипе мы видим два типа симметрии. Если провести вертикальную линию по центру, становится очевидно, что лейаут правой и левой частей практически идентичен — они являются зеркальными отражениями друг друга. Кроме того, лучи солнца в центральном элементе создают радиальную симметрию. В сочетании получается идеально сбалансированный, визуально привлекательных дизайн.
Отсутствие выравнивания также может нарушить баланс. Убедитесь, что текст и другие элементы дизайна выровнены относительно краев и друг друга. Дизайн будет выглядеть максимально согласовано, если использовать один и тот же тип выравнивания во всех параграфах и отрывках текста. Используйте сетку — это поможет вам при выравнивании элементов. (В инструменте Canva вы можете включить линии сетки при помощи следующих горячих клавиш: Cmd+ на Mac и Ctrl+ на Windows).
04. Сочетаются ли шрифты?
Типографика играет ключевую роль практически в любом дизайне. То, насколько хорошо вы подобрали шрифты, может сильно повлиять на привлекательность вашего проекта. Если шрифты не сочетаются между собой, это может отвлекать зрителя от содержимого и основной идеи дизайна.
Научиться подбирать гармоничные шрифты — непростая задачка: она основывается на знании основ типографики, практическом опыте, личных предпочтениях и интуиции дизайнера. В большинстве случаев достаточно подобрать для дизайна один шрифт с засечками и один — без засечек.
Но какие бы шрифты вы не выбрали, важно, чтобы настроение и характер шрифта были согласованы с идеей и назначением дизайна (поговорим об этом подробнее в пункте 9).
Если хотите глубже изучить тему комбинирования шрифтов, взгляните на это руководство: “10 золотых правил, которым нужно следовать при комбинировании шрифтов: советы дизайнера”.
05. Читается ли текст?
Если тексты в вашем дизайне невозможно прочесть, теряется сама цель дизайна, не так ли? Вы же не хотите, чтобы люди долго щурились в попытке найти номер телефона или адрес? Эти параметры способны повлиять на читаемость текста:
На этой визитке шрифты хорошо читаются благодаря использованию строчных букв, а также за счет контраста между темными и светлыми цветами.
На этом значке мы видим эффективное сочетание яркого показного шрифта с парой простых шрифтов без засечек. Стиль типографики (который идеально дополняет ретро-стиль всего дизайна) несет некое настроение и при этом остается разборчивым.
06. Сбалансированы ли форма и функция?
Дизайн может выглядеть классно, но плохо выполнять свою задачу: а именно выступать инструментом коммуникации. Это одна из самых сложных задач в веб-дизайне — сбалансировать форму и функцию. Ваш проект должен быть красивым, но при этом эффективно передавать свое сообщение.
Когда дизайнер забывает о сообщении и концентрируется только на внешнем виде дизайна, проект получается переполненным: слишком проработанный графический дизайн отвлекает, перетягивает на себя внимание. А ведь дизайн — это лишь одна составляющая продукта, которая отвечает за продажу, продвижение и привлечение подписчиков.
Эта иллюстрация для кукурузных чипсов Doritos очень эффективно “подружила” форму и функцию. Иллюстрация и цвета подобраны не случайно: они углубляют дизайн и поддерживают образ бренда. Горы (а также птицы и солнце) напоминают настоящие чипсы Doritos, а их цвета соответствуют разным вкусам.
07. Есть ли контраст?
Контраст не только делает дизайн красивее, но и выполняет важную функцию: он выделяет определенные элементы дизайна на общем фоне, подчеркивая их важность.
Контрастными могут быть не только цвета, стоящие по разные стороны цветового круга. В дизайне контрастировать могут формы, размеры, шрифты и другие элементы. Тем не менее, с контрастом можно переборщить (собственно, как и с любым другим дизайнерским приемом). Проверьте: не контрастируют ли элементы дизайна настолько сильно, что это раздражает? (Конечно, за исключением тех случаев, когда вы намеренно хотите вызвать раздражение).
В дизайне упаковки на этом рисунке контраст использован несколькими способами. Во-первых, здесь контрастные цвета: черные акценты выглядят более решительно в сочетании с ярко-желтым и оранжевым на белом фоне. Во-вторых, форма: округлые, органичные формы на картинке отлично контрастируют с прямыми, геометрическими формами букв (но при этом поддерживают круглую форму самой упаковки).
Если этот прием использован в дизайне правильно, то контрастирующие элементы выглядят подчеркнуто разными, но одновременно дополняют друг друга.
08. Правильно ли используется пространство?
В зависимости от дизайн-проекта в вашем распоряжении может быть разное количество пространства. Сложность заключается в том, чтобы создать привлекательный, сбалансированный дизайн в ограниченном размере. Но каким бы ни был этот размер — от визитки до билборда — существует ряд принципов расположения элементов в дизайне:
В этом примере дизайна есть несколько точек фокуса, а вокруг них достаточно много свободного пространства. Благодаря этому зритель обращает больше внимания на эти точки. Благодаря тонким, легким шрифтам ощущение пространства только усиливается, а продукты остаются в центре внимания.
09. У дизайна подходящее настроение?
Цвета, стили шрифтов и другие элементы придают дизайну определенное настроение — возможно, игривое, серьезное или утонченно-элегантное? Убедитесь, что настроение дизайна соответствует его назначению, чтобы не вводить пользователей в заблуждение.
Этот баннер, к примеру, посвящен детскому конкурсу по раскрашиванию, который проводился в рамках Октоберфеста. Поэтому подобраны очень осенние цвета, а также веселые и причудливые шрифты. С серьезными шрифтами и серыми цветами дизайн был бы совершенно другим, и (что самое важное!) он не подходил бы настроению самого события.
10. Гармонична ли цветовая схема?
Цвет оказывает на нас глубокое подсознательное влияние — эмоциональное, психологическое, культурное — и играет огромную роль в нашем восприятии того или иного дизайна. Конечно, важно учитывать, какое настроение привносит в дизайн каждый цвет: желтый, цвет морской волны и коралловый несут энергию лета, а черный и золотой делают дизайн утонченным. Однако кроме настроения каждого отдельного цвета необходимо также продумать цветовую схему в целом.
13 признаков, что вы можете стать крутым дизайнером
Если узнаете себя — предрасположенность к профессии у вас точно есть.
Везде видите дизайн
Вам нравится рассматривать вещи, объявления, рекламу и представлять, как их улучшить. Когда пользуетесь сайтом или приложением, часто замечаете, что нужно изменить для удобства пользователей. Если видите крутой креатив — кайфуете не только потому, что «вау, какая штука», но и от мысли, что его создатель здорово донес идею или сделал привычную вещь интереснее, проще, практичнее. Вам тоже хочется создавать нечто подобное и радовать людей!
Понимаете, что значит слово «улучшить»
Улучшение должно решать проблему — и оно не состоится, пока мы не понимаем, зачем вообще что-то менять. Вы знаете, что добавить анимации, стразов, градиентов, броских элементов — это не дизайн. Усовершенствовать — значит сделать удобнее, сократить расходы на производство, привлечь внимание потенциальной аудитории. Должна быть цель. А еще вы понимаете смысл фразы: «Лучший дизайн — незаметный дизайн».
Замечаете плохой дизайн
Вас смешит, когда благотворительная организация использует Comic Sans, а привокзальный ларек с шаурмой — золотую обводку шрифта и название «La ShAwErMa». Забавляют и слишком пестрые рекламные баннеры, и нарочито довольные лица из фотостоков. Чтобы смотреть на подобные дизайнерские фэйлы, вы подписались на тематические паблики вроде «Десигн», да и сами частенько выкладываете подобные находки в соцсети.
Обращаете внимание на детали
Симметрия, контрастность, композиция, текстура, сочетаемость цветов и другие «мелочи» важны для вас. Вам не безразлично расположение элементов на сайте — даже отсутствие отступа в несколько пикселей раздражает вашего внутреннего перфекциониста. Вы наверняка заметите разницу между этими скриншотами:
Любите оптимизировать
Вы смотрите видео с лайфхаками и любите придумывать нестандартные способы использовать обычные вещи, чтобы жизнь становилась проще и приятнее. Когда на сайте, баннере, в вещи все гармонично, каждый элемент служит цели, пространство не пропадает зря — вы кайфуете.
Умеете объяснять свои идеи людям или очень хотите научиться
Любой дизайн делается с людьми и для людей. Вы осознаете, что недостаточно сказать коллеге, менеджеру проекта или клиенту: «Я художник, я так вижу». Даже если идея кажется вам гениальной, нужно аргументировать это. Поэтому вы готовы учиться точно доносить мысли, слушать и слышать собеседника и воспринимать критику не как личную обиду, а как рабочий момент, который приведет к оптимальному решению задачи.
Друзья часто просят вас что-то придумать
Креативность — суперважная черта для дизайнера. Но бывает сложно сказать: «Да, вот кто-кто, а я точно креативный». Чтобы понять, обладаете ли вы этим качеством, можно вспомнить, как часто близкие просят вас что-то придумать. Поступали запросы на идею подарка, место для дивана в комнате, необычный ракурс для фотографии, блюдо из подручных продуктов? Если к вам любят обращаться с подобными просьбами — похоже, вы умеете генерировать полезные идеи.
Понимаете, что у каждого шрифта свой характер
Для вас нормально пофантазировать на тему: «Если представить Arial человеком, кем бы он был?». Возможно, выпускницей Гарварда, которая любит маленькие черные платья и никогда не наденет вульгарный наряд, а поговорить может о чем угодно: от абсурдных мемов до творчества Достоевского?
Редизайн известного бренда вам интереснее, чем скандал с участием знаменитостей
Вам интересно, как трансформировалась бутылка Coca-Cola с момента основания компании. Когда «ВКонтакте» сменила дизайн, а Instagram — логотип, вы увлеченно читали критику и участвовали в обсуждениях.
Вам важна форма, а не только содержание
Иногда вы грешите тем, что оцениваете книгу по обложке, а фильм — по постеру. Просматривая содержание, видите за ним форму: вам важна иерархия элементов, шрифт, акценты.
Любите обустраивать пространство вокруг себя
Конечно, гений правит хаосом — но вам нравится, когда на рабочем месте все расположено максимально удобно. Это касается и дачного участка, и мебели, и еды на тарелке. Вы поддержите этот пример:
Замечаете то, чего не видят другие
Вы видите необычное в привычных вещах, как бы пафосно это ни звучало. Вам говорили, что у вас интересное восприятие мира.
Кайфуете, когда что-то создаете
Творческий процесс настолько захватывает, что вы забываете поесть или поспать. Здоровый перфекционизм не позволяет остановиться, пока вы не будете довольны каждой деталью.
Узнаете себя? Или кого-то из друзей?
Если узнаете себя — предрасположенность к профессии у вас точно есть.
Везде видите дизайн
Вам нравится рассматривать вещи, объявления, рекламу и представлять, как их улучшить. Когда пользуетесь сайтом или приложением, часто замечаете, что нужно изменить для удобства пользователей. Если видите крутой креатив — кайфуете не только потому, что «вау, какая штука», но и от мысли, что его создатель здорово донес идею или сделал привычную вещь интереснее, проще, практичнее. Вам тоже хочется создавать нечто подобное и радовать людей!
Понимаете, что значит слово «улучшить»
Улучшение должно решать проблему — и оно не состоится, пока мы не понимаем, зачем вообще что-то менять. Вы знаете, что добавить анимации, стразов, градиентов, броских элементов — это не дизайн. Усовершенствовать — значит сделать удобнее, сократить расходы на производство, привлечь внимание потенциальной аудитории. Должна быть цель. А еще вы понимаете смысл фразы: «Лучший дизайн — незаметный дизайн».
Замечаете плохой дизайн
Вас смешит, когда благотворительная организация использует Comic Sans, а привокзальный ларек с шаурмой — золотую обводку шрифта и название «La ShAwErMa». Забавляют и слишком пестрые рекламные баннеры, и нарочито довольные лица из фотостоков. Чтобы смотреть на подобные дизайнерские фэйлы, вы подписались на тематические паблики вроде «Десигн», да и сами частенько выкладываете подобные находки в соцсети.
Обращаете внимание на детали
Симметрия, контрастность, композиция, текстура, сочетаемость цветов и другие «мелочи» важны для вас. Вам не безразлично расположение элементов на сайте — даже отсутствие отступа в несколько пикселей раздражает вашего внутреннего перфекциониста. Вы наверняка заметите разницу между этими скриншотами:
Любите оптимизировать
Вы смотрите видео с лайфхаками и любите придумывать нестандартные способы использовать обычные вещи, чтобы жизнь становилась проще и приятнее. Когда на сайте, баннере, в вещи все гармонично, каждый элемент служит цели, пространство не пропадает зря — вы кайфуете.
Умеете объяснять свои идеи людям или очень хотите научиться
Любой дизайн делается с людьми и для людей. Вы осознаете, что недостаточно сказать коллеге, менеджеру проекта или клиенту: «Я художник, я так вижу». Даже если идея кажется вам гениальной, нужно аргументировать это. Поэтому вы готовы учиться точно доносить мысли, слушать и слышать собеседника и воспринимать критику не как личную обиду, а как рабочий момент, который приведет к оптимальному решению задачи.
Друзья часто просят вас что-то придумать
Креативность — суперважная черта для дизайнера. Но бывает сложно сказать: «Да, вот кто-кто, а я точно креативный». Чтобы понять, обладаете ли вы этим качеством, можно вспомнить, как часто близкие просят вас что-то придумать. Поступали запросы на идею подарка, место для дивана в комнате, необычный ракурс для фотографии, блюдо из подручных продуктов? Если к вам любят обращаться с подобными просьбами — похоже, вы умеете генерировать полезные идеи.
Понимаете, что у каждого шрифта свой характер
Для вас нормально пофантазировать на тему: «Если представить Arial человеком, кем бы он был?». Возможно, выпускницей Гарварда, которая любит маленькие черные платья и никогда не наденет вульгарный наряд, а поговорить может о чем угодно: от абсурдных мемов до творчества Достоевского?
Редизайн известного бренда вам интереснее, чем скандал с участием знаменитостей
Вам интересно, как трансформировалась бутылка Coca-Cola с момента основания компании. Когда «ВКонтакте» сменила дизайн, а Instagram — логотип, вы увлеченно читали критику и участвовали в обсуждениях.
Вам важна форма, а не только содержание
Иногда вы грешите тем, что оцениваете книгу по обложке, а фильм — по постеру. Просматривая содержание, видите за ним форму: вам важна иерархия элементов, шрифт, акценты.
Любите обустраивать пространство вокруг себя
Конечно, гений правит хаосом — но вам нравится, когда на рабочем месте все расположено максимально удобно. Это касается и дачного участка, и мебели, и еды на тарелке. Вы поддержите этот пример:
Замечаете то, чего не видят другие
Вы видите необычное в привычных вещах, как бы пафосно это ни звучало. Вам говорили, что у вас интересное восприятие мира.
Кайфуете, когда что-то создаете
Творческий процесс настолько захватывает, что вы забываете поесть или поспать. Здоровый перфекционизм не позволяет остановиться, пока вы не будете довольны каждой деталью.
Советы А. Г. Как понять, что дизайн — это твоё, как развиваться в управлении, разработка сайтов в ЗД
Спасибо! Поделитесь с друзьями!
Вам не понравилось видео. Спасибо за то что поделились своим мнением!
Сегодня отвечаю на ваши вопросы о том, как дизайнеру развиваться в управлении, как найти призвание, вытеснят ли ЗД-технологии плоский дизайн сайтов и почему в советах нельзя сохранить картинку через «Сохранить как. ».
Приз за самый интересный вопрос я хочу вручить Даниилу Постнову — полгода подписки на учебник «Управление проектами, людьми и собой»:
https://bureau.ru/projects/book-fff/
0:00 Максим Ильяхов просил передать
2:23 Даниил Постнов: Сейчас я позиционирую себя как дизайнер. Но в последних проектах я не выступал дизайнером, а направлял команду. И мне это очень понравилось. Как можно назвать позицию такого человека: юикс-дизайнер, продакт-менеджер, арт-директор? Это вроде бы подходит, но с оговорками. Как развиваться дальше в этом направлении? Я понял, что я кайфую не от самого дизайна, а от того, что людям стало удобнее пользоваться интерфейсом.
5:03 Тимофей: Что вы советуете дизайнерам, которые сомневаются, что дизайн — это их дело? Я несколько лет занимаю место дизайнера, но не ощущаю себя дизайнером. Мне приятно видеть хорошие решения и красоту, но работать над шрифтами, кнопками, дизайн-системами — нет. Я не люблю разглядывать модные анимации на Дрибле, проводить воркшопы, исследовать пользователей и клеить стикеры на доску. Я часто думаю, что многое из дизайн-работы — это надувательство. Как разобраться: ты настоящий дизайнер или просто исполнительный и выполняешь любую задачу? Откуда берутся чёткие жизненные ориентиры и уверенность в том, что именно Школа дизайнеров — это то, что нужно?
7:34 Сергей Гура: Что вы думаете по поводу Веб-Икс-Эр. Возможно ли, что с появлением доступных технологий Ви-Ар и Эй-Ар дизайн и разработка сайтов будет в 3Д и плоский дизайн перестанет быть популярным?
9:05 Георгий Алавердян: Почему в «Советах» изображения загружаются в формате джифиф и почему нельзя их сохранять правым кликом. Бывает, в «Советах» найдёшь интересную инфографику и хочется её сохранить — приходится прибегать к сторонним способам вместо давно понятного «Сохранить как. »
11:08 Награждение автора лучшего вопроса
11:38 В следующих выпусках
_______________
Jimi Hendrix: Little wing
Айтюнс и Эпл-музыка — https://music.apple.com/us/album/little-wing/344799413?i=344799976
Спотифай — https://open.spotify.com/track/1Eolhana7nKHYpcYpdVcT5?si=35c35e572f884a76
Яндекс-музыка — https://music.yandex.ru/album/80056/track/691948
Ютуб-музыка — https://music.youtube.com/watch?v=72ABomY0MmA&feature=share
Stevie Ray Vaughan: Little wing
Айтюнс и Эпл-музыка — https://music.apple.com/us/album/little-wing/193063151?i=193064508
Спотифай — https://open.spotify.com/track/0UVM9trirBK5s1xBwLoVhZ?si=9b6da626e4aa4565
Яндекс-музыка — https://music.yandex.ru/album/3442371/track/671235
Ютуб-музыка — https://music.youtube.com/watch?v=6l_pY4ZDoMI&feature=share
_______________
Книга Максима Ильяхова «Как написать»: https://bureau.ru/books/howtowritethat/
Книга Артёма Горбунова «Типографика и вёрстка»: https://bureau.ru/books/typography/
Совет о модульной вёрстке: https://bureau.ru/soviet/20140901/
Книга Николая Товеровского «Управление проектами, людьми и собой»: https://bureau.ru/books/fff/
_______________
Задать вопрос А. Г.: https://bureau.ru/soviet/ask/
Авторы видео:
А. Г. — А. Г.
операторы — Данила Мазитов, Алиса Синяева
монтажёр — Александр Пониматко
дизайнеры — Миша Нозик, Юлия Бурдукова
редакторы — Марья Янкович, Вячеслав Лазарев, Софи Прозоровская