Пропустить команды ленты
Пропустить до основного контента

Требования к дизайн-макету для HTML-верстки

  • С учетом ограниченного бюджета желательно завершить согласование макетов с клиентом (предварительно обсудив с нами с технической стороны) до начала верстки т.к. последующие изменения в макетах могут привести к значительному объему работ по изменению верстки.
  • Отдельным макетом должен быть представлен UI Kit проекта. Набор всех интерактивных элементов приложения.
  • Отдельно должны быть представлены макеты страниц ошибок 500 и 404.
  • Макеты могут быть предоставлены в форматах Adobe Photoshop (.psd), Adobe Illustrator (.ai)​, Figma или Sketch (.sketch).
  • У Photoshop-макетов каждую отдельную страницу следует размещать в новом файле без использования Layer Comps.
  • Если дизайн выполнен в программе Sketch (.sketch) макеты необходимо экспортировать в Zeplin (https://zeplin.io).
  • Все элементы должны быть выделены в отдельные слои, слои при необходимости должны быть объединены в группы (папки). Слои должны именоваться осмысленно.
  • Слои, которые не используются в макете, должны быть удалены.
  • В макете должна присутствовать сетка (guide), по которой макет делался.
  • Направляющие (rulers) должны быть выровнены строго с точностью до одного пикселя. Полпикселя недопустимо.
  • Не должны использоваться наложения слоев (blending options: screen, overlay и т.д) в макете.
  • Дизайн желательно создавать с учетом интерфейса браузера (адресная строка, панель управления, панель закладок). Особенно это важно при создании дизайна для мобильных и планшетов. Можно взять интерфейс популярных браузеров. Для десктопа и Android это Chrome и Safari для iOS.
  • Если сайт резиновый/адаптивный, то должно быть представлено минимум два варианта отображения всех страниц: мобильная (320px) и десктопная (1200px).
  • Если основная часть сайта не тянущаяся, но тянется фон, то фон должен позволять вырезать «паттерн» который будет множиться при растягивании страницы, либо он должен представлять из себя очень большое изображение, которое будет обрезаться на меньших разрешениях, либо он может центрироваться, а по краям уходить в сплошной однородный цвет.
  • Желательно использовать шрифты из стандартного набора веб-шрифтов.
  • При использовании нестандартных шрифтов, они должны быть приложены к дизайн-макетам проекта. Шрифты должны быть бесплатными или должна быть приобретена лицензия на их использование.
  • Все текстовые элементы должны быть без сглаживания.
  • Если текст написан нестандартным шрифтом, и его необходимо вставить, как изображение, это должно быть отмечено явно.
  • Желательно чтобы в макетах был уже размещен финальный или близкий к финальному текст, чтобы при изменении текста не возникло необходимости в доработке макета (например, новый текст не помещается по длине).