Почему дизайн выглядит дешево: 5 частых ошибок новичков

Иногда смотришь на макет и вроде бы всё на месте: красивый шрифт, фотографии, плашки, тени, иконки. Но результат всё равно выглядит дешево или непрофессионально.

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

1. Хороший дизайн начинается с понятной иерархии

Одна из главных задач дизайна — сразу показать человеку, что здесь самое важное.

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

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

На примере ниже хорошо видно, как работает визуальная иерархия.

Сначала взгляд цепляется за бластер — он самый крупный, находится в центре композиции и хорошо отделяется от фона. Затем внимание переходит к заголовку, а после — к характеристикам: дальности стрельбы и количеству патронов.

При этом информационные плашки остаются второстепенными и не спорят с товаром за внимание.

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

2. Что происходит, когда акцентов слишком много

Проблемы начинаются в тот момент, когда дизайнер пытается сделать заметным вообще всё.

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

Вместо понятной последовательности появляется конкуренция: взгляд не понимает, за что зацепиться первым.

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

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

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

3. Слишком много эффектов

Тени, свечение, градиенты и размытие сами по себе не делают дизайн современным.

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

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

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

4. Нет воздуха

Новички часто стараются занять всё свободное пространство.

Кажется, что пустой участок обязательно нужно чем-нибудь заполнить: добавить текст, картинку, линию или декоративный элемент.

На самом деле свободное пространство — тоже часть дизайна.

Оно отделяет смысловые блоки друг от друга, делает композицию спокойнее и помогает выделить главное.

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

5. Дизайн делают отдельно от задачи

Красивый макет — не всегда хороший макет.

Можно сделать очень эстетичную картинку, которая совершенно не решает поставленную задачу.

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

Поэтому перед началом полезно задать себе три вопроса:

1. Что человек должен заметить первым?

2. Что он должен понять за несколько секунд?

3. Какое действие или решение от него ожидается дальше?

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

Что в итоге

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

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

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