В этой статье собраны общие принципы, которые упростят жизнь и сэкономят время дизайнерам и разработчикам.
Данные принципы должны стать твоей хорошей привычкой.
Автор идеи: RayanTvin
Мегазорд (набор отступов) которые, подойдут и под интерфейсы и под лендосы.
2 4 8 12 16 18 24 34 48 68 96 134 188 px
После подготовки отступов, остается только применять правило близости, а размеры элементов будут выстраиваться сами на основе воздуха вокруг них.
Используйте только эти отступы в инпутах, между изображениями, в кнопках от текста до её границ и в остальных частях макета. Таким образом, не будет вопросов, каких размеров делать тот или иной элемент.
Главное правило: если элемент повторяется больше двух раз — делай компонент. Будь то хэдэр, футер, инпут, кнопка, дроп лист и т.д. Когда нужно создавать компонент? Сразу же после того, как элемент повторился второй раз, это поможет сэкономить время в разы. В случае, если это масштабный проект и необходимо изменить один элемент, который повторяется 40 раз, в таком случае, придется менять все руками. Но если бы это был компонент, ты бы поменял элемент один раз, а остальное фигма сделала бы за сама.
Полезные видео по работе с компонентами:
Стили также экономят время. За пару кликов можно применить созданный стиль к любому элементу. Если, использовать стили, то это убережет от использования случайных текстов или цветов, которые раньше не использовались в проекте.
Минимальный набор стилей для проекта:
Текст