3 смертельные ошибки в дизайне сайтов

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

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

3 смертельные ошибки в дизайне сайтов

Ошибка 1: Несоблюдение иерархии. На картинке выше есть две кнопки одного порядка.

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

Дополнительная ошибка на макете: Отсутствие контактных данных вверху сайта. Сразу в шапке должен быть ,как минимум номер телефона для моментального звонка. По некоторым проектам у меня из 400 заявок в месяц 300 приходит в виде звонка.

3 смертельные ошибки в дизайне сайтов

Ошибка 2. Нарушение правила внутренних и внешних отступов.

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

Для примера, расстояние от чемодана до блока с текстом 20px, а расстояние между буллитами 10px.

Дополнительная ошибка на макете: На картинке очень сильно не хватает "воздуха.

Буллиты выглядят скученно, хочется их визуально раздвинуть. Хочется добавить более широкие поля для карточек.

3 смертельные ошибки в дизайне сайтов

Ошибка 3: Нарушение закона ассоциаций

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

Понравилась статья?

Подпишись на телеграм-канал Дизайн склад

Там топовые мокапы, платные шрифты, книги по дизайну, свежие PNG и советы по дизайну

1717
6 комментариев

Статью стоило назвать «3 смертельные ошибки дизайнера-стажёра».

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

5
Ответить

душнила =)

1
Ответить

Ошибки действительно смертельные. У меня так друг умер

Ответить

а вас на первом скрине реально кроме кнопок ничего не смутило?

Ответить

Посмотрел на картинки и сразу пошли флешбеки из 2010)

Ответить