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

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

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

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

— Дитер Рамс

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

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

1. Иерархия

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

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

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

Наконец, создайте шаблоны движения глаз

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

2. Контраст

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

Размер

Цвет

Масса

Стили

Шрифты

среди

с засечками

Заполнить без засечек

3. Близость

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

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

4. Баланс

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

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