Консультацiя
UA

Верстка сайту по макету

verstka

Верстка сайту по макету

Наступний після створення дизайну етап – це верстка сайту по макету. Макет може бути виконаний в фотошопі або фігме. Рідше зустрічаються макети з Sketch – програма створена під Mac OS, але файли можна відкрити за допомогою Figma. І запам’ятайте: зображення сторінок в форматі jpg – це не макет, по ним верстальщику працювати важко, а результат буде неточним.  

Давайте подивимося, яка інформація береться з макета:

  • відступи;
  • шрифти (назва, розмір, жирність); 
  • товщина ліній;
  • радіуси заокруглення; 
  • розміри кожного елемента в пікселях;
  • кодування кольору (по HEX або RGB); 
  • графічні елементи. 

Крім макета дизайнери все частіше створюють прототип сайту – модель, яку можна поклацати, щоб зрозуміти творчу задумку. Відразу скажу: не всі геніальні ідеї дизайнерів реалізовані. Звичайно, можна сильно постаратися і зробити, але деякі задумки уповільнюють роботу сайту і створюють труднощі при підключенні верстки.

Замовляючи верстку сайту по макету, зазвичай мають на увазі адаптивну верстку. Деякі дизайнери відразу прорисовують в макеті версію для мобільних і версію для планшетів. Але навіть якщо вам надали тільки макет для робочого столу – адаптуюся зробити все одно доведеться, самостійно. Для досвідченого розробника це не складе труднощів.