Каталог статей

Правильне оформлення макету сайту

Називайте шари відповідно їх змісту
Не секрет, що багато дизайнерів нехтують такою процедурою, як перейменування шарів. І даремно. У цій ситуації залишаються у програші всі учасники проекту. Дизайнер втрачає репутацію і повагу у колег, верстальник витрачає зайві сили на роботу з макетом, менеджер проекту не вкладається в терміни.
Об’єднуйте ті верстви, які не будуть використовуватися окремо і групуйте ті, які в сукупності являють собою єдиний елемент.
Наведу приклад. Логотип компанії, для якої створюється сайт, виконаний з 5 шарів. При верстці всі ці шари об’єднаються, т. к. логотип являє собою нероздільний елемент оформлення. Було б розумно, якби на верстку вирушав макет, не містить шарів, які потрібно об’єднати. Також було б здорово, якщо б дизайнер заздалегідь групував шари, що формують зображення шапки, основної частини сторінки і додаткових блоків. Це теж спрощує роботу верстальника.
Не залишайте в макеті порожніх шарів, створених випадково або для вирішення якихось завдань, а також невидимих шарів.
Наявність невидимих шарів збиває верстальника з пантелику. Повинен бути елемент, зображений на такому шарі на сторінці, чи ні? Добре ще, якщо до PSD файлу додається його JPG копія. А якщо ні? Тоді доводиться звертатися до дизайнера або менеджеру проекту за допомогою, що знову-таки спричиняє за собою марну трату часу.
Якщо Ви використовуєте специфічні шрифти, або растрируйте їх, або прикладайте до дизайну макету.
Дуже часто, використовуються в дизайні сайту гарнітури шрифтів на комп’ютері відсутні верстальника (що позбавляє його можливості роботи з текстом).
Намагайтеся по можливості замінювати ефекти шару їх растровими аналогами.
Макет дизайну сайту повинен представляти собою статичне растрове зображення. Якщо ж дизайнер використав у своєму проекті ефекти шару, то при нарізанні зображення може змінюватися. Це відбувається з-за того, що ефекти шару застосовуються тільки до непрозорим пікселям, а їх кількість і розміщення може змінюватися в процесі підготовки макету до верстки.
Уникнути наявності ефектів в шарі можна двома способами. Перший полягає у виконанні процедури Create Layers (розташовується в контекстному меню ефектів шару). Після виконання вищеописаної процедури в зображенні з’являються нові шари, кожен з яких відповідає за один ефект. Простим об’єднанням шарів ми доб’ємося результату, якого прагнули. Ідея другого способу – зберегти окремий шар, як JPG зображення і вставити його в PSD файл. Але на мою скромну думку – це шлях дилетантів.
Мені здається, знайдуться люди, які можуть доповнити цей список. Я буду тільки радий.
І наостанок, хочу ще раз підкреслити, що працювати над дизайном повинен дизайнер. У нього це забере набагато менше часу і сил, ніж у верстальника. Дотримуючись наведених інструкцій можна значно скоротити час створення сайту.

Exit mobile version