Кнопки в веб-дизайне используются как графический ресурс который помогает посетителю остановиться, прочитать его и почувствовать искушение или необходимость нажать на него. Это "призыв к действию(Призыв к действию) в каждом правиле, которое, как и все остальное, должно быть продумано и взвешено.
Очень важно выбрать тот тип кнопки, на котором больше всего согласованность с внешним видом вашего сайта или блога. И еще один фактор, который следует учитывать, заключается в том, что если на вашей странице 5 кнопок, все 5 по сути сохраняют одинаковый внешний вид: один и тот же цвет, тот же шрифт, одинаковый размер. В этом посте мы предлагаем вам 12 бесплатных кнопок, которые вы можете скачать и использовать где угодно.
12 бесплатных кнопок
6 советов Быстро подумать, прежде чем выбрать тот или иной набор кнопок:
- Все кнопки на вашем сайте принадлежат тот же пакет (или они совпадают по цвету, форме и типографике).
- Не используйте больше кнопок, чем необходимо на своей странице (вы рискуете ее перегрузить).
- Если цвет фона вашего сайта синий, зеленый, красный, коричневый или черный (интенсивный), измените его на более светлый, прежде чем выбирать кнопку. Ваш посетитель будет вам благодарен.
- Эвита кнопки низкого качества, которые выглядят пиксельными (с ними этого не случится).
- Если ваша страница на испанском языке, не используйте кнопки с надписью «Скачать», «Подробнее» и т. Д. Наоборот.
- Если вы можете использовать кнопки, созданные с помощью кода CSS3, вместо изображений, тем лучше. Словно резиновые текстурированные кнопки в CSS3 чему мы научили вас некоторое время назад.
общий
Текстурированные кнопки светофора
Синяя кнопка во всех трех состояниях (нормальное, нажатое и активное) 
Сохранить, отменить и добавить кнопки
Для ваших социальных сетей
Квадратные кнопки социальных сетей
Круглые кнопки социальных сетей
Пуговицы в комическом воздушном шаре
Простые круглые кнопки: цвет 'мандариновое танго', цвет 'Honey Suckle', бирюзовый y Цвет мимозы 
Больше информации - Кнопки с резиновой текстурой в CSS3