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

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

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

Следует понимать, что HTML-верстка дизайн-макета не предусматривает никаких доработок в плане дизайна. Поэтому, невыполнение каких-то из пунктов, увеличивает стоимость верстки на сумму недоработок дизайнера.

  1. Формат файлов исключительно Adobe Photoshop PSD;
  2. Все файлы должны иметь осмысленные имена;
  3. Цветовая схема только RGB;
  4. Разрешение: 72 пикс/дюйм;
  5. Соотношение сторон пикселя: Square pixels;
  6. Все элементы интерфейса должны быть разнесены по слоям. Слои должны быть сгруппированы в логические группы. Имена всех элементов должны быть осмыслены;
  7. Все используемые шрифты кроме стандартных приложить к макету в формате OTF или TTF. Следует учесть, что для легального использования нестандартных шрифтов на сайте необходима лицензия, разрешающая подобное действо. Если вы не готовы к покупке — используйте шрифты, например, из бесплатного набора Google Web-fonts;
  8. Все активные элементы интерфейса должны быть представлены во всех состояниях. Например, кнопки должны быть  обычном состоянии, при наведении и при нажатии;
  9. Минимальная ширина макета — 1920px;
  10. На макете обязательно должен быть текст «рыба», включающий в себя, как минимум: обычный текст, списки, минимум 6 типов заголовков (H1-H6), нажатую, активную и наведенную ссылки;
  11. К макету необходимо приложить логотип в векторе для создания иконок сайта;
  12. Для адаптивной верстки обязательным требованием является наличие на макете 12-ти или 16-ти колоночной сетки, а также представление интерфейса на мобильных разрешениях, оговоренных в техническом задании;
  13. Для оптимизации под дисплеи с повышенной плотностью пикселей необходим макет, минимум, в двойном увеличении;
  14. При использовании векторных элементов, макет должен быть в формате Ai или EPS (Adobe Illustrator).

Разгоните свой WordPress

Хостинг-провайдер номер один в России — REG.RU

Подробнее