10 способов усилить внимание на объекте

Svetlana Pistonova
W.D.i дизайн-журнал
4 min readMar 15, 2017

“Как делать интересные нескучные работы?” — многие задаются таким вопросом.

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

Выход есть!) Исправить ситуацию нам поможет правильное использование и расстановка акцентов.

Акценты решают следующие задачи:

· усиливают внимание на объекте;

· передают эмоции.

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

Итак, 10 способов сделать акцент на объекте:

1. Поместить геометрический элемент за объект или вплести в него;

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

Геометрический элемент, помещенный за объект

2. Расположить геометрический элемент на объекте или рядом с ним;

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

Геометрический элемент, помещенный на объект или рядом

3. Наложить цвет на фото;

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

Наложение цвета на фото

4. Использовать рамки;

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

Рамки

5. Вплести текст в фото или расположить часть заголовка за фото;

Это вызовет больший интерес к композиции.

Врлетение текста в фото

6. Кисти с использованием обтравочной маски;

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

Кисть с использованием обтравочной маски

7. Кисти;

Через кисти можно донести разные эмоции — будь то творчество, радость, свобода, динамика.

Кисть

8. Плашки на фотографии или за ней;

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

Плашки на фотографии или за ней

9. Использование вырезанных объектов из фотографии;

Отдельные объекты делают композицию интересной и привлекают внимание. Можно использовать в случаях, когда нужно выделить какой-то блок. Тогда следует разместить их на этом блоке, а на других не размещать. Человек при скролле сайта задержит внимание на этом блоке.

Использование вырезанных объектов

10. Сочетание нескольких способов.

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

Сочетание нескольких способов

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

Теперь вы вооружены эффективными инструментами расстановки акцентов! Мотайте на ус и обязательно используйте)

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

Удачных вам работ!!!

--

--