:normal / :hover / :active

Когда я только начинал заниматься дизайном сайтов, я уже заботился о верстальщиках и подготавливал им отдельный файлик с кнопочками:

btns2

Наерное, у них взрывался мозг от моей заботы…

btns1

Жуть, да? Как же в то время мне не хватало подобного блога, где кто-нибудь написал бы, что это — ну такое… Приходилось прокачивать экспу самому. Зато теперь есть чем поделиться =) Делюсь лайфхаком:

Каждую кнопку достаточно показать один раз в трех состояниях и подписать их. Если кнопки в макете в некоторых местах отличаются по размеру (где-то больше шрифт, а где-то длиннее «уши» — паддинги, или на них разный текст) — забей, важно показать только стиль самой кнопки. А ее размер и текстовку верстальщик возьмет из основной псдшки во время верстки страницы.

btn3


Добавить комментарий

Такая эл. почта уже зарегистрирована. Воспользуйтесь формой входа или введите другую.

Вы ввели некорректные логин или пароль

Извините, для комментирования необходимо войти.

Еще можно почитать