Дизайн WEB-страниц: кнопка

Качественное и красивое оформление сайта возможно только при внимательном отношении к каждой детали. Особенно такой важной, как кнопка. А если вы разрабатываете на 1c bitrix интернет-магазин, то продающая кнопка порой существенно влияет на объемы продаж. Этот небольшой элемент играет важную роль в деле конверсии посетителей в клиентов. Благо, функционал данной системы управления содержимым позволяет реализовывать самые разнообразные элементы сайта.

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

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

Какие требования к кнопке предъявляет дизайн WEB-страниц?

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

• вашему бренду;
• дизайну WEB-страниц вашего сайта;
• своей роли в функциональности сайта.

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

Второй пункт тоже не вызывает много вопросов. Конечно, кнопка должна выделяться, но при этом гармонично вписываться в общую картину. Она не должна выглядеть чужеродной, не должна создавать диссонанса. При этом не стоит ограничиваться только стандартными возможностями HTML и CSS. Современные технологии позволяют создавать интересные и красивые кнопки, которые при этом отлично смотрятся и не кажутся притянутыми за уши.

Третий пункт требует более детального рассмотрения. Редко когда сайт ограничивается одной кнопкой. А если вы создаете на 1c bitrix интернет-магазин, то у вас их наверняка будет несколько. Некоторые – более важные, некоторые – второстепенные. И дизайн кнопок должен соответствовать ее ценности. К примеру, продающая кнопка на странице с описанием товара — основная, она должна быть хорошо выделена, а кнопка, раскрывающая описание товара, — немного менее заметна.

Свойства кнопок

Для выполнения требований к кнопке, которые предъявляет современный дизайн WEB-страниц, приходится изменять ее свойства. В частности, широкие возможности дизайнеру предоставляют:

• форма кнопки;
• ее цвет;
• текстура;
• шрифт надписи;
• дополнительные элементы.

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

Форма также предоставляет огромное поле для деятельности. Много на странице закругленных элементов? Сделайте кнопку полностью круглой! Весь сайт наполнен прямоугольниками? Пусть кнопка будет треугольной! Что уж говорить о сложных фигурах и силуэтах животных.

А как же обводка, границы, тень, размытие, полутона? Это просто непаханое поле возможностей. А еще есть иконки, пиктограммы, символы…

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

Теги: дизайн сайта
Количество показов: 2607