Верстальщики, как обозначить :hover в PSD?

Question

[Alexander]

Как удобнее всего для верстальщика обозначить в макетах PSD реакцию кнопки на наведение мыши?
На ilovepsd.ru/ не нашел…

Comments

[Саша]

Еще хороший тон делать gui файл в котором указаны все состояния кнопок, а так же показаны все часто используемые элементы.

Answer 1

[Виктор Виктор]

в слоях сделать 2 папки для кнопки button и button-hover

Comments

[MT]

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

Answer 2

[Иван Соболев]

Если речь об элементах с несколькими состояниями (active, disabled, hover) и их много (скажем, > 10), то лучше их все в отдельный psd. К формам это тоже относится.

Вообще хорошо, когда такие вещи вынесены в отдельный psd:

• не всегда можно легко найти состояния элементов в общем файле, хоть обвыделяй папки цветами (занимает больше времени)
• дизайнер может ошибиться в макете другой страницы, с таким psd проблем не будет
• если что-то поменяется — это легко и быстро показать

Answer 3

[Никита Гусаков]

Мне понравился вариант — отдельный файл, с названием maket_name_hover.psd
В местах где обозначается наведение — отображен значек курсора и состояние элемента.

Comments

[Сергей Протько]

это ужасно неудобно.

[Никита Гусаков]

Честно говоря не понимаю почему не удобно.
Понравилось — с позиции верстальщика. Неудобно с позиции кого?
Во время верстки не прописываем ни одного ховера, затем открываем psd с ховерами и прописываем ховеры.

[marcus]

Ну, вот ты вздумал текст на странице поменять или еще чего — два раза будешь это делать? И пересылать в два раза больше?

Answer 4

[Makito]

Соглашусь с первым комментатором, плюс можно около кнопки навесить заметку, в которой кратко раскрыть суть.

Answer 5

[jab]

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

Answer 6

[Deleted Deleted]

Для одиночного элемента я делаю отдельный слой: дублирую и дорисовываю чего хотел, для повторяющегося элемента делаю так: один в одном состоянии, другой - в другом...