was successfully added to your cart.

Как подготовить дизайн для вёрстки

Опубликовано | Май 11, 2016 | Дизайн | Нет комментариев
как-оптимизировать-дизайн-под-вёрстку-4

Зачастую подготовленный к вёрстке дизайн — значительно ускоряет и упрощает дальнейшую разработку и обслуживание сайта. Представляем вам для ознакомления заметку с пятью советами об оптимизации дизайна.

1. Группируйте слои по папкам и придерживайтесь иерархии в макете

Логические блоки сайта стоит объединить в группы с соответствующими названиями. Каждая группа слоев располагайте в соответствии с ее положением на макете – так верстальщику будет проще сориентироваться в макете.

2. Давайте слоям соответствующие содержимому названия

Всегда давайте осмысленные названия слоям, которые вы создаёте.
Например, иконку для поля e-mail назовите “e-mail icon” или слой с фоновым изображением назовите  «background image». Так верстальщик сразу поймет, что это за слой.

3. Оставляйте заметки

Если вы задумали какую-либо анимацию или слайдер — оставьте заметку с Вашей идеей, что бы верстальщик мог понять, чем является тот или иной элемент макета дизайна. Это можно как и расписать текстом в отдельном слое, так и воспользовавшись стандартным инструментом заметок в Photoshop. Таким образом верстальщик сэкономит время на разгадывании вашей задумки.

4. Фигуры должны быть отрисованы в векторе

Все нестандартные и «резиновые» элементы в макете стоит создавать в векторном формате — в любой момент может понадобиться изменить их размер. Это экономит время и сильно влияет на конечный результат.

5. Разместите файлы нестандартных шрифтов в папке с макетом

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