Правила хорошей кнопки

Правила хорошей кнопки

Правила хорошей кнопки. База знаний для веб-дизайнера


Выдано в печать 2014-11-01

Чек-лист для создания годной кнопки:
1. Текст на кнопке должен идеально читаться даже на расстоянии 2..3 метров от монитора
2. Текст должен быть выровнен внутри кнопки как по центру, так и по вертикали
3. Хорошо, если зазоры между текстом и границами кнопки одинаковые как по вертикали, так и по горизонтали
4. Кнопка должна быть прорисована в трёх состояниях: "по умолчанию", при наведении и при нажатии
5. Кнопка должна быть контрастной по отношению к окружающему дизайну сайта или иметь контрастную границу
6. Кнопка должна быть вкусной: на неё должно хотеться кликнуть. Это достигается за счет сочных цветов, бликов и теней
7. Если кнопка не в плоском FLAT-style, то на ней может быть рефлекс от фона (например, лёгкий светлый отсвет, если она на белом фоне).
8. Если кнопка с контуром, то толщина обводки должна совпадать с толщиной линий шрифта, которым написан текст в кнопке.


Ещё про графику:

Зачем она нужна
Ты в адеквате вообще?
Иконки в веб-дизайне
Паттерны в дизайне сайтов
Почему кнопки нужно рисовать вручную
Правила хорошей кнопки

Услуги агентства

Свежее в портфолио:

«Когда смотрю профиль инстаграмм Вами созданный - все очень качественно получается, и информационный журнал, на себе не зациклились и свои работы печатаем. Посты получаются все изысканнее и изысканнее, спасибо! »
Руслана Ильинская (Генеральный директор ООО "Архитектурная студия Ильинской"). Маркетинговое агентство KOKOSOV сотрудничает с Русланой уже 3 года
«Увидели ваши ролики на YouTube с обучением Яндекс.Директу и поняли, что нам требуется как следует переработать рекламу, которую мы раньше настраивали сами »
Денис Бушмакин (Руководитель проекта Всяработатут.рф).