arrow

назад

ask

Вопрос

Коллеги из веба, направьте, пожалуйста, что почитать/посмотреть про технические нюансы оформления макета в Figma, чтобы верстальщик потом меня не проклял?

repost

296

input message

напишите коммент


8 комментов

1. Показать структуру сайта, все пути пользователя подписать - при нажатии на какую кнопку что происходит, какое действие нужно совершить, что появляется в итоге. 2. Полностью собранный ui-kit, все шрифты и цвета прописаны в стилях 3. Если темная тема, сразу заложить это в variables 4.все прототипы и образцы анимации должны быть приложены и подписаны 5. Все эффекты должны быть в стилях Четко даны параметры модульных сеток, отступов, скруглений. 6. Все интерактивы (кнопки и проч.) - в компонентах с вариантами. 7. Раздели файл на логические страницы (Pages в левом меню):  Cover & Info  (Обложка, ссылки, легенда).   Design System  (UI-Kit, стили, компоненты).   Desktop  (Готовые экраны десктопа).  Tablet & Mobile  (Адаптив).  Archive / Drafts  (Сюда прячь все черновики, чтобы не мешали). - за это верстальщики вам скажут отдельное сердечное 8. Свяжи все экраны связями 9. Все используемые иконки вынеси в отдельный фрейм.

0

ответить

Ольга, спасибо 🫶 вы очень помогли!

0

ответить

Рада была помочь 🤗

0

ответить

10. Варианты UI элементов завязывать на одном компоненте через Properties

0

ответить

Да, упустила. Тоже важный пункт

0

ответить

Спасибо, Антон)

0

ответить

Вообще, знаете ли, у каждого верстальщика свои прикольчики) но база: порядок в макете, система отступов, комментарии, как что работает и тп. И не делайте фотки заливкой. И еще: не забудьте подумать, как фотки будут ресайзиться в разных точках. Честно сказать, я тоже в свое время не нашла нормальных статей на эту тему. Все методом проб и ошибок. Ну сейчас есть нейросети. Базовую инфу, наверно, там можно получить. Но это не точно)

0

ответить

Спасибо большое! 🙏🫶

0

ответить

еще контент автора

пост закреплён — пока закрепить можно только один пост

trash bin
перейти к нему не получится