Суббота, 16 Июня 2012 09:45

Как подготовить psd для верстки. Советы веб-дизайнерам.

Written by 
Оцени эту запись
(1 Голос)

1. Если иконка, кнопка или сложный фон состоят из нескольких слоев, собери их в группу. Тогда верстальщик сможет эту группу преобразовать в смарт-объект и растрировать. Таким образом двумя кликами можно сразу получить нужный элемент.

 

 

2. Если есть слой, которому заданы стили - тень, заливка цветом или градиентом, прозрачность, не растрируй его, оставь со стилями.  При помощи CSS3 верстальщик сможет стилизировать этот элемент без картинок, только стилями.

 

 

3. Учитывай изменение стилей объектов при наведении, нажатии и т.д. Прорисуй эти варианты, сделав скрытый слой или группу слоев. Верстальщик сразу увидит элемент, его вид при наведении и при нажатии.

 

 

4. Не стилизируй элементы управления без большой надобности - чекбоксы, радиобатоны, селекты. Клиенты на это пофиг, он не поймет большой разницы между стандартными и стилизированными, если они не будут сильно отличаться. Элементы управления допускают стилизацию только при помощи javascript'а. Это морока верстальщику и несколько дополнительных файлов для сайта, что в свою очередь будет влиять на загрузку страницы

 

 

5. Если ты уже стилизируешь элементы управления, то делай их внешний вид универсальным. Это касается не только сложных элементов, а и полей для ввода текста. Или ты правда думаешь, что на сайте должно быть 10 разных видов поля поиска?

 

 

6. Учитывай и прорисовывай варианты для разных размеров картинок, которые загружаются. Не везде правильно работает обрезка картинок, часто при наполнении сайта админы просто заргужают картинки меньше по размеру, чем на макете. Уточни этот момент у клиента и если нужно прорисуй.

 

 

7. Не изменяй текст инструментом трансформации. Это нереально сделать стилями. Такой текст придется просто втулить на сайт картинкой.

 

 

You have no rights to post comments

верстка | CSS | верстка сайтов | HTML | верстальщик | блочная верстка | JavaScript | css верстка | профессиональная верстка сайтов