Дизайн

Второй этап создания сайта — это дизайн.

Раньше макеты ваялись, в основном, в Photoshop, но сейчас лучше использовать Sketch или Figma. Это и более удобная работа с векторной графикой (иконки, логотипы, иллюстрации), и лучшая отрисовка шрифтов. А в случае с Figma — совместная работа над проектом. К макетам есть несколько требований, если вы хотите, чтобы мы создали техническую часть по вашему готовому дизайну.

Второй этап создания сайта  - это дизайн

Требования к вашим макетам:

  • Дизайн должен быть создан по сетке (в идеале 8pt)
  • Все иконки, логотипы и пр. элементы должны быть в формате SVG (растр только для фотографий и сложной графики там, где вектор невозможен)
  • В дизайне должны быть отрисованы состояния элементов при наведении, фокусе и там, где подразумевается интерактивность (поля ввода, кнопки, ошибки и тд). Если отрисовать что-то невозможно, то приложите максимально подробное описание в текстовом ТЗ
  • Если дизайн создан в Photoshop, разрешение файла PSD должно быть @2x — 144 точки на дюйм
  • Дизайн не должен содержать технически невозможной типографики и эффектов (актуально для PSD)
  • Дизайн должен быть нарисован для основных разрешений: 320, 768, 1024 и 1280px по ширине
  • Не забудьте приложить шрифты, используемые в макете

После того, как дизайн готов и утвержден, можно приступать к написанию кода.