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

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

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

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

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

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

1. Иерархия

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

AMDBOJWPCS

Установить визуальные отношения между элементами макета

Затем добавьте различные визуальные веса к каждому из элементов

Наконец создадим паттерны движения глаз

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

2. Контраст

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

Размер

<ул>

Цвет

Вес

Стили

Шрифты

среди

с засечками

Заливка без засечек