**Будь это взаимодействие с вещью или интерфейсом сайта – хороший дизайн незаметен, его чувствуешь сразу, за доли секунды.

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

Отступы

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

Сетка

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

Композиция

Расположение элементов на экране и их взаимодействие с помощью формы, контрформы, размера, цвета и контраста. На экране всегда есть доминанта – главный элемент или их группа**.

Типографика

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

Цвет

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

Консистентность

Все элементы на странице должны быть зарифмованы – то есть наследовать характерные особенности друг друга. Тогда дизайн выглядит целостным.

Ритм

Ритм возникает естественным образом и задаёт скорость и направление просмотра страницы пользователем. Горизонтально расположенный контент замедляет просмотр, вертикально – ускоряет его.

Адаптив

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

Я перечислил основные отличия, на которые стоит обращать внимание заказчикам при оценке портфолио потенциального исполнителя.

Надеюсь дизайнеры найдут для себя что-то новое или забытое старое, а заказчики станут чуточку лучше разбираться в качестве оцениваемых работ.

#созданиесайта #веб-дизайн #web-design #тильда #tilda