Уроки Figma с нуля | Урок 3/11 Создание сетки в figma и работа с сеткой в фигме [Мини курс Фигма]

Уроки Figma с нуля | Урок 3/11 Создание сетки в figma и работа с сеткой в фигме [Мини курс Фигма]

Основы фильмов для начинающих

Обзор раздела: В этом уроке мы рассмотрим работу с сеткой и направляющими в дизайне.

Создание сетки

  • После создания холста или фрейма, нужно создавать в сетку. Это очень важно для выравнивания элементов.
  • Выберите наш фрейм и нажмите "Light Grid". Затем выберите колонки. Самый оптимальный вариант - 12 колонок.
  • Ширина контентной зоны должна быть 1180 пикселей, чтобы не обрезаться на экранах шириной 1280 пикселей.

Добавление второй сетки

  • Нажмите "+" и добавьте вторую сетку. Можно использовать ее для вертикального выравнивания заголовков или карточек.

Работа со скрытием сетки

  • Используйте горячую клавишу "Shifter", чтобы скрыть/показать сетку.
  • Не забывайте про боковой scroll, который занимает определенное количество пикселей.

Заключение

  • Посмотрите предыдущие видео данного мини-курса для получения дополнительной информации.
  • Используйте ширину контентной зоны 1180 пикселей, чтобы не обрезаться на экранах шириной 1280 пикселей.

Заключительный урок по сетке

Обзор раздела: В этом уроке мы заканчиваем работу над макетом и готовим его к дизайну.

Подготовка макета к дизайну

  • Мы готовим свой макет к тому, чтобы уже делать дизайн.
  • Небольшое изменение цвета в макете.

Спасибо за внимание!