Принципы дизайна пользовательского интерфейса
Графический дизайн (как дисциплина) развился за последние 2 десятилетия больше, чем что-либо еще. Было время, когда дизайнеры считались только исполнителями. Старые дизайнеры, помните дни CoralDraw? Как вы думаете, насколько мы изменились за последние несколько лет?
Сегодня дизайнеры щеголяют новой шикарной приставкой (например, IxD, UI, Motion Design), используют передовые инструменты (например, Sketch, Figma, Invision) и имеют лучшие онлайн-ресурсы (например, Dribbble, Muzli), которые помогут им в этом. их повседневная работа.
Еще одно большое обновление заключается в том, что сегодняшние дизайнеры получили место за столом. Почему, можно подумать. Причина в том, что сегодня мы все чаще используем все больше и больше цифровых продуктов и движемся к полностью цифровой экосистеме. Дизайнеры пользовательского интерфейса — это те волшебные, почти реалистичные интерфейсы, с которыми мы взаимодействуем каждый день. Хотя дизайнеры пользуются большим авторитетом, на их плечи также ложится большая ответственность. Чтобы создать бесшовные впечатления и обеспечить эмоциональную связь между людьми и технологиями.
Хороший дизайн — это создание чего-то понятного и запоминающегося. Отличный дизайн делает что-то запоминающимся и значимым.
Хотя мы хотели бы продолжать открывать и изучать новые приемы и тенденции по мере нашего профессионального роста, не менее важно оставаться верными основным и вечным концепциям, лежащим в основе дизайна пользовательского интерфейса.
Сегодня я хотел бы познакомить вас с некоторыми базовыми, но ключевыми принципами, которые гарантируют, что вы будете получать что-то запоминающееся и значимое каждый раз, когда создаете цифровые продукты.
1. Иерархия
Иерархия, как и ее традиционное значение, представляет собой расположение элементов в порядке их важности или веса на экране. Визуальная иерархия объясняет, как мы можем эффективно организовать контент и элементы дизайна. Естественно, что элементы, имеющие больший визуальный вес, привлекают внимание пользователей. Это поведение следует учитывать при разработке макета.
- Установка визуальных взаимосвязей между элементами макета
- Затем добавьте различные визуальные веса к каждому из элементов
- Наконец создадим паттерны движения глаз
Например, название блога потребует больше внимания, чем основной текст. Точно так же в дизайне интерфейса призыв к действию (CTA) может иметь особое значение, чем другие. Всякий раз, когда мы пытаемся осмыслить информацию визуально, мы сначала замечаем сходства и различия в том, что видим. Эти отношения позволяют нам различать объекты.
2. Контраст
Контраст — еще один важный принцип, который помогает нам разрабатывать лучшие интерфейсы. Речь идет не только о светлых и темных цветовых противоположностях или маленьких и больших размерах: это нечто большее. Контраст помогает нам лучше организовать наш контент, а также помогает пользователям сосредоточиться на определенных элементах. Помимо подчеркивания элементов, это также создает визуальный баланс и интерес к дизайну. Однако слишком большой контраст может сбить пользователей с толку. Это может создать множество фокусных точек, из-за которых пользователям может быть трудно предпринять намеченные действия. Стремитесь создать нужное количество контраста, играя с:
.Размер
- Color
- Weight
- Styles Шрифты
- среди
- serif
- без засечек Fill
Комментарии :0