Кнопки у веб-дизайні використовуються як графічний ресурс що допомагає відвідувачеві зупинитися, прочитати його і відчути спокусу або потрібно натиснути на нього. Є "заклик до дії”(Заклик до дії) у кожному правилі, яке, як і все, має бути узгоджене з розумом та мірою.
Дуже важливо вибрати тип кнопки, який зберігає найбільше узгодженість з появою вашого веб-сайту або блогу. І ще одним фактором, який слід врахувати, є те, що якщо ваша сторінка має 5 кнопок, то всі 5 по суті мають однаковий вигляд: однаковий колір, однаковий шрифт, однаковий розмір. У цій публікації ми пропонуємо вам 12 безкоштовних кнопок, які ви можете завантажити та використовувати де завгодно.
12 безкоштовних кнопок
6 підказок Швидко врахуйте, перш ніж вибрати той чи інший пакет кнопок:
- Що всі кнопки на вашому веб-сайті належать до та сама пачка (або ж вони збігаються за кольором, формою та типографікою)
- Не використовуйте більше кнопок, ніж необхідний на своїй сторінці (ви ризикуєте перевантажити її).
- Якщо колір тла вашого веб-сайту блакитний, зелений, червоний, коричневий або чорний (інтенсивний), змініть його на більш світлий, перш ніж вибрати кнопку. Ваш відвідувач буде вам вдячний.
- Evita неякісні кнопки, які здаються нерівними (з ними це не трапиться з вами).
- Якщо ваша сторінка перекладена іспанською мовою, не використовуйте кнопки із написом "Завантажити", "Докладніше" тощо. І навпаки.
- Якщо ви можете використовувати замість зображень кнопки, зроблені з кодом CSS3, набагато краще. Подобається гумові текстуровані кнопки в CSS3 що ми навчили вас деякий час тому.
Загальний
Текстуровані кнопки світлофора
Синя кнопка у всіх трьох станах (звичайна, натиснута та активна) 
Зберегти, скасувати та додати кнопки
Для ваших соціальних мереж
Квадратні кнопки соціальних медіа
Круглі кнопки соціальних медіа
Прості круглі кнопки: колір "мандаринове танго", колір 'Медова сосна', Бірюзовий колір y Колір мімози 
Більше інформації - Гумові текстуровані кнопки в CSS3