fbpx

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

Каталог статей для размещения статей информационного характера

Бізнес

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

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