Робота над дизайном сайту - штука досить непроста, хоч і здається зовсім простий на перший погляд. Уявімо, що ми вже маємо на руках прототип сайту і поставили завдання дизайнеру. Дизайнер зробить макет і передасть верстальщику, а той, у свою чергу, зробить html-шаблони для майбутнього сайту.
Саме від того, в якому вигляді верстальник отримає макет, і залежить оперативність створення верстки. Саме тому в даній статті ми розглянемо вимоги до оформлення psd-макету сайту його дизайнером. Навіщо потрібен правильно оформлений макет? Тому що:
- Верстальник при отриманні «правильного макета» зможе швидко оцінити обсяг робіт.
- Верстальщику не потрібно додатково уточнювати деталі, смикати дизайнера по дрібницях і просити «вислати ось ту кнопку».
- З таким макетом може розібратися будь-який, навіть початківець верстальник.
Список вимог я виніс окремо в файл, який можна завантажити.
Основним при оформленні макета є наступне:
- Використання сітки і направляють.
- Забути про злитих шарах.
- Назва кожного шару, бажано - латиницею.
- Використання папок і групування елементів, наприклад - header, content, footer
- Окремі елементи - на окремих шарах.
- Нестандартні шрифти - прикладаються окремо (наприклад, у форматі * otf).
- Використання * rar замість * zip.
- Назва файлів латиницею.
- Однотипні назви, наприклад - index_main.psd, index_main_dropmenu.psd
- Пояснювальна записка для верстальника з деталями (яку верстку використовувати, як повинні вести себе блоки на сторінці).
Крім цього, я підібрав ряд посилань по темі, які допоможуть Вебдизайнер розібратися з тим, як краще оформити макет перед тим, як віддавати його верстальщику:
Якщо ж ви не дизайнер, але терміново потрібен дизайн сайту - раджу звернутися на перевірені часом і людьми ресурси. Наприклад, ось одна з бірж фріланса. Нерідко там замовляв дизайн, хлопці ще жодного разу не підводили.
Як поставити задачу верстальщику?