На прошлой неделе один читатель задал вопрос: Как стать хорошим графическим дизайнером?

И пока я думал над ответом, то вспомнил, что не так давно решил выучить Мандарин (севернокитайский диалект). Изучение нового языка начинается с азов. Существительные, местоимения и глаголы — основа любого языка.

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

Хорошим визуальным дизайнером не рождаются, им становятся.

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

В статье приведены советы по выводу  навыков визуального дизайна на новый уровень.

Микровзаимодействие — один из ключевых моментов в UI/UX-дизайне. Это, наверное, лучшее доказательство того, что внимание к мелким деталям может дать большой и мощный результат. Большинство книг и статей по UX/UI-дизайну несут одну и ту же базовую идею: то, что получается по окончании процесса дизайна, должно быть не только красивым, но и быть удобным, приносить пользу.

Правило #1: Вернитесь к основам.

О дизайнере можно судить глядя на оформление сайта, потому что оформление — это основа любого дизайна.

Один только правильный стиль создает целый дизайн. Чтобы улучшить дизайн, начни с азов.

Разработай словарь для описания стилей. Изучи, что означают такие термины, как трассировка, кернинг, просвет. В этом тебе поможет статья “A Beautifully Illustrated Glossary Of Typographic Terms You Should Know”.

Если захочешь узнать больше о том, как связать типографию с веб-сервисом, прочитай статью “Web Typography: The Elements of Typographic Style Applied to the Web”.

И, наконец, научись комбинировать различные шрифты. Здесь отличными помощниками станут FontWolf и FontPair. Если ты научишься сочетать разные шрифты, то это положительно отразиться на динамике дизайна.

Больше информации о типографии читайте в статье “Typography can make your design… Or break it”.

Правило № 2. Используй отступы для создания баланса

Отступы помогают создать визуальное (вертикальное или горизонтальное) движение дизайна. Они являются важной составляющей при создании визуальной иерархии и формировании связей между элементами.

Примеры, как расставлять отступы, ищи на сайтах Behance и Dribbble. Однако для создания баланса и визуальной гармонии сайта необходимо развивать интуицию.

Изучая типографию, стоит обратить внимание на важность отступов в создании дизайна. Развивай этот навык с помощью изменения межзнакового интервала (кернинга) или межстрочного расстояния (интерлиньяжа). Попробуй KernType — игру, которая помогает “прокачать” глазомер и потренироваться делать кернинг.

Еще одно упражнение: возьми уже существующий проект, нарисуй ось Х и У, упрости дизайн насколько это возможно. Посмотри, насколько сбалансировано он выглядит, после чего измени элементы. Обрати особое внимание на то как негативное пространство влияет на баланс элементов.

Правило № 3. Размер шрифта для установки визуальной иерархии

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

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

В дизайне последовательность  – всему голова.

Упражнение на «прокачку глазомера».

Суть упражнения заключается в получении обратной связи.

Набросай эскиз или каркас целевой страницы. Затем попроси знакомых оценить дизайн. Пусть они обведут те элементы, которые больше всего выделяются. После этого попроси их пронумеровать элементы по возрастанию важности. Совпадают ли результаты с теми, которых ты ожидал?

Выполняя это упражнение, постарайся ответить на следующие вопросы:

• Для чего создан сайт? Что нужно сделать для его улучшения?
• Как различные элементы связаны между собой? На что стоит обратить внимание?
• Возникают ли у пользователей трудности в использовании сайта?

Когда знаний об основах теории цвета достаточно, переходи к практике и экспериментируй. 

Правило № 4. Цветовая гамма для передачи значения

Цвета играют важную роль. Они передают значение, влияют на эмоциональное восприятие и единство дизайна.

Чтобы лучше понять роль цвета в графическом дизайне читайте статью «Designing in Color» . Здесь я приведу несколько ключевых моментов из статьи:

• Прежде чем выбрать цветовую гамму определись с целью дизайна. Хороший дизайн ставит в один ряд цель дизайна с цветовой гаммой.
• Определи целевую аудиторию. Восприятие цвета — дело индивидуальное. Цвета могут по-разному влиять на людей в зависимости от их предпочтений, культуры, возраста.
• Простота — залог успешного выбора цветовой гаммы. Всегда делайте выбор в пользу нейтрального фонового цвета. При выборе цвета шрифта, склоняйся к тем, которые будут гармонично смотреться на фоне. Используйте разные цвета, для указания на различные вещи. Например, для указания на успешное выполнение операции используй зеленый цвет, на ошибку — красный и т.д.

Когда знаний об основах теории цвета достаточно, переходи к практике и экспериментируй.

Выходи из зоны комфорта и пробуй новые цветовые паттерны.

Упражнение, которое научит правильно сочетать цвета

Посмотри как гармонируют цвета в окружающем мире, на фотографиях, в журналах, в любимых ТВ шоу. Затем возьми существующий проект и добавь на него красок.

Обрати внимание, как они изменят настроение и тон дизайна. В какую сторону изменилось его восприятие?

Относись к работе как к искусству, в котором всегда есть куда расти. Полагайся только на себя, чтобы стать лучше!