Акцентирование в веб-дизайне

Акцентированный веб-дизайн

Говоря о веб-дизайне, следует отметить, что как и во многих других областях, здесь имеются свои «подводные камни». Следовательно, для достижения успеха в веб-дизайне, необходимо придерживаться некоторых рекомендаций. Конечно, использование всех принципов при создании шаблона сайта не дает 100% гарантии на успех. Однако, изучение и использование на практике принципа акцентирования является рецептом хорошего веб-дизайна.

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

Принцип акцентирования предполагает выделение только одного элемента. Не пытайтесь заострить внимание сразу на всем. Если вы сделаете акцент на всем сразу – вы не акцентируете внимание пользователей ни на чем! Конечно, разобраться с принципом акцентирования без примеров очень проблематично, соответственно предлагаю разобрать ряд примеров.

bryanconnor.com

Сайт www.bryanconnor.com – является отличным примером использования принципа акцентирования в веб-дизайне. Автор сайта, безусловно, пытался выделить информацию о себе. Данный информационный блок располагается после огромной заставки на весь экран, которая сразу отображается на экранах пользователей. В верхней части сайта красуется слоган. Он имеет крупный шрифт и резко контрастирует со всеми дизайнерскими элементами. Все это непроизвольно привлекает внимание пользователей, зашедших на данный веб-ресурс. Конечно, многие из вас возразят, что другие разделы тоже заслуживают пристального внимания, но теперь представьте, что было бы, если бы дизайнер смешал все элементы в одном стиле? Получилась бы полная неразбериха, что в итоге привело бы к печальным результатам.

 

greencircleshoppingcenter.com

Данный веб-ресурс также соответствует принципу акцентирования. Взглянув на сайт, сразу начинаешь понимать какую цель хотел достичь автор. Выделяющийся на общем фоне красивый крупный текст? Выполненный в строгом стиле, помогает автору находить заказы для выполнения. Автор не рассказывает о себе, не предлагает обсудить его записи в социальных сетях. Данный сайт, как и сайт Serj.ca, просто помогает его привлечь дополнительных клиентов и обеспечить его работой. Из этого можно сделать вывод о том, что акцентировать внимание следует только на тех элементах, которые максимально правильно помогают достичь цели, ради которых и был создан сайт.

serj.ca

 

coldstonecreamery.com

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

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