Этот сайт использует файлы cookie, чтобы предоставить вам наилучшие возможности. Использование вашего сайта означает ваше согласие на использование файлов cookie. Мы опубликовали новую политику в отношении файлов cookie, в которой вы должны узнать больше о файлах cookie, которые мы используем. Просмотреть политику в отношении файлов cookie.
Автомобильный тормозной диск и желтый суппортАвтомобильный тормозной диск и желтый суппорт
  • -5%
  • Новый товар
Revisione(4)
00
day
:
00
hour
:
00
min
:
00
sec
11,31 $11,90 $
Моторные масла Dynamic PremiumМоторные масла Dynamic Premium
  • В продаже!
  • -10%
  • Новый товар
Revisione(4)
00
day
:
00
hour
:
00
min
:
00
sec
10,71 $11,90 $

Графические принципы дизайна интерфейса

Графические принципы дизайна интерфейса

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

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

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

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

- Дитер Рамс

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

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

1. Иерархия

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

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

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

2. Контраст

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

Размер

  • Цвет
  • Вес
  • Стили
  • Шрифты
  • среди
  • засечки
  • заливка без засечек

3. Близость

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

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

4. Баланс

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

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

All Feedback
  1. fb
    Reviewed on

    dlifjkdgkrhjgtr

оставьте ответ