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

Для того чтобы верстка прошла быстро и без боли, необходимо подготовить макет для верстки, я позаботился и подготовил следующий список:

  • Ширина макета не должна быть шире 1920 пикселей, контентная (края сетки) на ваше усмотрение. Стандартная контентная ширина 1170 пикселей
  • Текст должен быть текстом, а не картинкой.
  • Если делаете по сетке и знаете что это такое, то не выходите за пределы предпоследних направляющих по бокам, это частая ошибка.
  • Никаких лишних слоев, они могут сбить с толку.
  • В фотошопе не делайте наложение цвета на текст, цвет текста можно изменить в слое текста. Долго и неудобно выверять цвет текста пипеткой.
  • Приложить шрифты к макету.
  • Используйте не больше 3 шрифтов, они тормозят загрузку страницы.
  • Иметь отдельные слои кнопок, ссылок и полей вода для состояния при «наведении, клике и визите»
  • Выделять цветом папки с всплывающими окнами
  • Приготовить папку с картинками доступными в формате SVG или не растрировать иконки в фотошопе, чтобы я мог вырезать через иллюстратор.
  • Очень желательно подготовить планшетную(640 пикселей в ширину) и мобильную версию(320 пикселей в ширину), дизайнеру это час максимум и заказчик сразу будет видеть как это будет выглядеть на телефоне и планшете, да и стиль не потеряется. А мне не придеться ломать голову как расположить элементы и править если что то не понравиться заказчику, время стоит денег, поэтому сэкономьте и сделайте сразу планшетную и мобильную версию.

Популярные посты