В поисках референсов для клиентских проектов просматриваешь десятки макетов сайтов каждый день. Со временем начинаешь видеть, что от макета к макету веб-дизайнеры допускают одни и те же ошибки.
В этой статье хочу показать 3 смертельные ошибки в дизайне сайтов, которые довольно часто можно встретить в работах наших коллег. Поехали!
Ошибка 1: Несоблюдение иерархии. На картинке выше есть две кнопки одного порядка.
Есть три порядка кнопок: первый - залитые цветом, второй - имеют только контуры и третий - в виде текста. На экране сейчас конфликт двух действий. Не понятно, какое важнее? Перейти в каталог или задать вопрос?!
Дополнительная ошибка на макете: Отсутствие контактных данных вверху сайта. Сразу в шапке должен быть ,как минимум номер телефона для моментального звонка. По некоторым проектам у меня из 400 заявок в месяц 300 приходит в виде звонка.
Ошибка 2. Нарушение правила внутренних и внешних отступов.
Согласно этому правилу, внешние отступы должны быть больше внутренних и тогда будет создаваться ощущение группировки близких по смыслу элементов.
Для примера, расстояние от чемодана до блока с текстом 20px, а расстояние между буллитами 10px.
Дополнительная ошибка на макете: На картинке очень сильно не хватает "воздуха.
Буллиты выглядят скученно, хочется их визуально раздвинуть. Хочется добавить более широкие поля для карточек.
Ошибка 3: Нарушение закона ассоциаций
Не забывайте, что у любого человека красный цвет ассоциируется с ошибкой или запретом, а зеленый — наоборот с разрешением. Не следует нарушать эту логику даже в целях сохранения цветовой палитры вашего макета.
Понравилась статья?
Подпишись на телеграм-канал Дизайн склад
Там топовые мокапы, платные шрифты, книги по дизайну, свежие PNG и советы по дизайну
Статью стоило назвать «3 смертельные ошибки дизайнера-стажёра».
Лучше бы рассмотрели пограничные ситуации, когда эти правила приходится нарушать, и предложили варианты наиболее безболезненного решения.
душнила =)
Ошибки действительно смертельные. У меня так друг умер
а вас на первом скрине реально кроме кнопок ничего не смутило?
Посмотрел на картинки и сразу пошли флешбеки из 2010)