Правила хорошего тона веб-дизайнера

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

При этом не всегда только верстальщик виноват в том, что макет расходится с версткой. Зачастую проблема именно в «криворукости» веб-дизайнера, забывающего о том, что его творение еще кто-то должен сверстать. Чтобы избежать этих проблем, нужно просто следовать элементарным правилам «этикета» дизайнера.

Итак, 10 заповедей хорошего тона в web-дизайне

1. Не создавай ненужных слоев

Нередкими бывают ситуации, когда дизайнер отключает на время определенные слои, на «вдруг понадобится». Переключившись же на новую деталь, попросту забывает об этом слое, что влечет за собой массу проблем – верстальщик, не разобравшись, что слой выключен, может присоединить его к макету и пр. Поэтому всегда чистите файлы перед сдачей макета, чтобы не столкнуться с нежелательными результатами верстки.

2. Не забудь прикрепить несистемные шрифты

У каждого дизайнера имеется большой арсенал крутых шрифтов, которые, увы, не прикрепляются к PSD-файлу. В результате файл будет содержать лишь шейпы в виде надписей, и верстальщик не сможет корректировать их как текст. Выход – прикрепить к проекту все примененные несистемные шрифты.

3. Используй латиницу, давая названия файлам

Экспортируя файлы с ПК на MacBook, мы нередко утрачиваем их названия. Это случается в результате несовпадения кодировок в ОС. Во избежание ненужных проблем, называйте файлы используя латиницу.

4. Всегда систематизируй макет

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

5. Приучись применять цельные значения

В противном случае все это верстальщику приходится вбивать вручную, что забирает много лишнего времени. Также отметим, что не каждый браузер способен поддерживать дробные величины, которые попросту округлятся до целого и в результате готовая страница будет смотреться «по-своему». Ведь не так сложно набрать текст 24 кеглем, а не, к примеру, 23.85.

6. Хороший тон — применять архивы ZIP

Практически все программы сжатия файлов на MacBook некорректно распаковывают файлы RAR, в результате чего мы имеем сложности с кодировками, распаковкой и так далее. Выход прост – упаковывать проект в архиватор ZIP.

7. Не часто используй растр

На случай, если что-то придется подправить — растр более неподатливый в работе, чем, к примеру, векторные элементы. Более практичными и гибкими являются шейпы, имеющие гораздо больше плюсов в сравнении растром.

8. Учи азы верстки

Многие дизайнеры полагают, что в их обязанности не входит учить код. Где-то это суждение правильно, однако основные принципы верстки необходимо знать каждому дизайнеру, чтобы не «насоздавать» того, что не вместится ни в один код.

9. Приучи себя правильно сохранять файлы

Известно, что в Фотошоп алгоритм работы с изображениями является не самым идеальным при сохранении. Он более подходит для сохранения фотоснимков. Что же касается web, то здесь лучше использовать «Save for Web…». Это поможет значительно уменьшить вес файла и никоим образом не отразится на качестве изображений.

10. Всегда поддерживай связь с коллегами

Это правило No1 при работе над проектом! Своевременное обсуждение малейших деталей избавит от множества недоразумений и добавит нужного опыта.