Пять способов выделить главное в интерфейсе сайта

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

Иллюстрация

Отличный способ сделать акцент на чем-либо - добавить иллюстрацию. Она может быть как просто декоративной, так и соответствующей тематики.

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

Цветовой контраст

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

Цветовой контраст отлично работает в сочетании с тональным контрастом.

Фрагментация

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

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

Анимация

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

В моушн-дизайне главное не переборщить с анимацией. Движение будет привлекать пользователя сильнее иллюстрации.

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

3D-изображения

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

Вариант акцентирования будет зависеть от той информации, на которую вы хотите обратить внимание посетителя сайта. Для текстовых блоков подойдет контраст по тонам, для слоганов - яркий цвет или иллюстрации. В этой статье мы разобрали некоторые нюансы, которые команда Софт Медиа Систем постоянно использует в своей работе, для создания классных интерфейсов.