Графический дизайн (как дисциплина) за последние 2 десятилетия развился больше, чем что-либо еще. Было время, когда дизайнеры считались только исполнителями. Дизайнеры старой закалки, помните свои дни в CoralDraw? Как вы думаете, насколько мы развились за последние несколько лет?

Сегодня дизайнеры щеголяют новым шикарным префиксом (например, IxD, UI, Motion Design), используют передовые инструменты (например, Sketch, Figma, Invision) и имеют лучшие онлайн-ресурсы (например, Dribbble, Muzli), которые направляют их в повседневной работе.

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

Хороший дизайн — это создание чего-то понятного и запоминающегося. Отличный дизайн — это создание чего-то запоминающегося и значимого.

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

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

1. Иерархия

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

• Установите визуальные связи между элементами макета
• Затем добавьте разный визуальный вес каждому из элементов
• Наконец, создайте шаблоны движения глаз

Например, заголовок блога потребует больше внимания, чем основной текст. Аналогично и в дизайне интерфейса,призыв к действию (CTA) может потребовать особого внимания, чем другие. Всякий раз, когда мы пытаемся визуально понять информацию, мы сначала замечаем сходства и различия в том, что видим. Эти отношения позволяют нам различать объекты.

2. Контраст

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

Размером

• Цветом
• Насыщенностью
• Стилями
• Шрифтами
• среди
• Засечками
• Заливкой без засечек