Співпраця фронту і дизайну

Усім Салют!

Мене звуть Олексій

Я веселий Front-end розробник

Я створю сайти та

люблю складні анімації

творю дива в

zgraya.digital

Больові точки в макетах,

які дуже бісять?

Не по сітці 🤷‍♂️

Перенесення тексту на адаптивах

Підгон дизайну під контент

Не підготовлені зображення

1. не у фреймах з масками
2. не стандартної форми
3. багато вільного простору 

Іконки

1. Схожі іконки додавати у фрейм однакового розміру
2. SVG іконки робити максимально простими

Дуже багато розмірів для полів

Значної зміна лейаута при адаптиві

Топ-5 питань до дизайнера після отриманого макету

1. Скинь файли шрифтів

2. Підготуй Favicon, OG image

3. Підготуй опис анімації та рефи

4. Підготуй зображення що виходять за рамки артборду

Ui kit, структура, важливі елементи

1. favicon, OG image

2. Hover states

3. Адаптив під екрані 1920px і більше

4. UI kit розміри тексту

5. Стани для елементів форм

   • focus

   • error

   • validation

   • checkbox/radio

   • disabled

Роль сітки в розробці

Модульна сітка рулить! 🤟

Питання?

beetroot.academy