Принципы веб - дизайна

1.

Принципы вебдизайна

2.

Принцип
единства
насколько хорошо элементы дизайна
работают в совокупности, обеспечивая
"эстетическую целостность"

3.

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

4.

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

5.

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

6.

Принцип белого
(«негативного»)
пространства
В достаточном количестве негативное
пространство вокруг элементов
притягивает к ним внимание.
Оно выделяет контент и позволяет ему
“дышать”, благодаря чему лейаут не
кажется беспорядочным и
перенасыщенным деталями.

7.

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

8.

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

9.

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

10.

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

11.

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