УРОК 3

Кнопки
Что такое кнопки и с чем их едят.

Эволюция кнопки
На примере сайта YAHOO в период с 2000 по 2015 год
 КНОПКА ЭТО ПРИЗЫВ К ДЕЙСТВИЮ

Купить — Зарегистрироваться — Подписаться

У кнопки есть явная и четкая цель. Чаще всего, весь сайт существует ради нажатия на одну
функциональную кнопку.

"Найти" а не "Искать"

Используйте глаголы. Призывайте к действию.

 Заметная Привлекательная Побуждающая

Ее роль — быть замеченной при Она — часть дизайна. Ее любят, она Она призывает скорее начать,
любых обстоятельствах. показывает фокусы подталкивает юзера к действию, не
Просто нажми на нее, пользователь. при наведении, ее хотят нажать давая отвлечься на все остальное
Примеры использования кнопок в дизайне.

Базовые типы кнопок

Флет, тень, контур.

Так делать не надо!

Флетовый цвет, градиент, прозрачность.

 Коротко об основных инструментах

Pixel Shape
Не бро! Бро!

0 px 10 px 24 px
Внимание к деталям!

Бро и не бро!

П Р О С Т РА Н С Т В О Д Л Я М А Н Е В РА

Разнообразие решений
 http://www.uiparade.com/skill-type/buttons/

ЕСЛИ ВДРУГ ПОКАЗАЛОСЬ ЧТО КНОПКИ ЭТО СКУЧНО

Радуйте пользователя!

Видео-урок по рисованию простой кнопки от нашего преподавателя Макса

Ширко в помощь.
Молчаливый, но информативный видео-урок по рисованию непростой кнопки
от нашей студентки Кати Дзядок.

Практика

Made on Tilda