Наши дизайнеры следуют определенным правилам для того, чтобы кнопка на сайте выглядела идеально и была удобной для пользователя, среди этих правил, какие должны быть размеры, пропорции и какой размер шрифта лучше использовать в кнопке.
Конечно, в интернете множество информации по тому, как правильно рисовать кнопки, их состояний и поведения, но с трудом найдется формула, которая позволит создать кнопку.
До того, как рассмотреть эти правила следует также отметить, что web – это не только монитор, стоящий на рабочем столе, но и мобильные экраны, планшеты. Поэтому, чтобы дизайн был хорошо адаптивным, кнопку необходимо создать, учитывая размер пальца пользователя, хотя все еще идут споры про размеры пальцев и зоны нажатия. Обычно все учитывают, что комфортный и оптимальный размер 40x40 px.
Обязательно! Отступы в кнопке должны быть симметричны со всех сторон, у любого человека, симметричные вещи буду вызывать чувство организованности и качества.
Оптимальный размер текста кнопки 16 px, при этом line-height выставляем 20 px, либо auto (очень важно соблюдать высоту строки, так как от нее идет отсчет отступов по горизонтали)
Вертикальные отступы от текста равны 16 px,то есть отступы равны размеру шрифта либо немного больше, но при этом стараться придерживаться кратности
Горизонтальные отступы, это вертикальные отступы умноженные на 2 и округленные кратно 4. В нашем примере 32px по вертикали*
А ваша кнопка на сайте отвечает данные требованиям? Если нет, то скорее звони нам (8-911-920-29-50), мы это исправим.