Уроки Figma с нуля | Урок 3/11 Создание сетки в figma и работа с сеткой в фигме [Мини курс Фигма]
Основы фильмов для начинающих
Обзор раздела: В этом уроке мы рассмотрим работу с сеткой и направляющими в дизайне.
Создание сетки
После создания холста или фрейма, нужно создавать в сетку. Это очень важно для выравнивания элементов.
Выберите наш фрейм и нажмите "Light Grid". Затем выберите колонки. Самый оптимальный вариант - 12 колонок.
Ширина контентной зоны должна быть 1180 пикселей, чтобы не обрезаться на экранах шириной 1280 пикселей.
Добавление второй сетки
Нажмите "+" и добавьте вторую сетку. Можно использовать ее для вертикального выравнивания заголовков или карточек.
Работа со скрытием сетки
Используйте горячую клавишу "Shifter", чтобы скрыть/показать сетку.
Не забывайте про боковой scroll, который занимает определенное количество пикселей.
Заключение
Посмотрите предыдущие видео данного мини-курса для получения дополнительной информации.
Используйте ширину контентной зоны 1180 пикселей, чтобы не обрезаться на экранах шириной 1280 пикселей.
Заключительный урок по сетке
Обзор раздела: В этом уроке мы заканчиваем работу над макетом и готовим его к дизайну.
Подготовка макета к дизайну
Мы готовим свой макет к тому, чтобы уже делать дизайн.
Небольшое изменение цвета в макете.
Спасибо за внимание!
Video description
✅ 🎁 Попробуй Марафон бесплатно 🚀 (во ВКонтакте): https://vk.cc/clXymc
Как создать сетку в фигме?
Добро пожаловать на уроки figma. Продолжаем мини курс по фигме для начинающих, и сегодня поговорим о том, как создать сетку в figma.
Тема очень важная, ведь позиционирование элементов на сайте (в дизайн проекте) это наиболее частая ошибка веб-дизайна, как начинающих, так и опытных разработчиков сайтов.
Это третий урок бесплатного мини курса по фигме для начинающих.
Создание сетки в фигма - это то, с чего нужно начинать создание любого дизайн проекта (ну после создания фрейма, конечно же).
Уроки мини-курса по Figma:
1. Урок 1/11: Установка фигмы https://youtu.be/Dr4AcKd9F3c
2. Урок 2/11: Основные рабочие области https://youtu.be/nZ0r2PuoRko
3. Урок 3/11: Создание сетки в figma https://youtu.be/q2UVmNAlfqI
4. Урок 4/11: Инструменты figma https://youtu.be/87kMVKkbCXU
5. Урок 5/11: Выравнивание в Figma https://youtu.be/PbP1UtL6dAs
6. Урок 6/11: Горячие клавиши figma https://youtu.be/thqM_p5j9EQ
7. Урок 7/11: Плагины в Figma https://youtu.be/FTdRQKb_OYk
8. Урок 8/11: Figma компоненты https://youtu.be/2efSoNeyHpw
9. Урок 9/11: Создаю дизайн в Figma https://youtu.be/WuBvot2VqtQ
Блок по вёрстке дизайна из мини курса по Figma:
10. Урок 10/11: https://youtu.be/uEVDGD0tj4c
11. Урок 11/11: Создаю параллакс на сайте - https://youtu.be/Z2JsOn4nLgM
____
Плейлист мини курса по фигме с нуля: https://www.youtube.com/watch?v=Dr4AcKd9F3c&list=PLyA_SYO_dNF55olZMXPRA9lJj8weTsNXw
____
🐱 Поддержать канал и автора: https://www.donationalerts.com/r/web_jump
____
Большой выпуск по основам веб-дизайна с нуля: https://youtu.be/eZsUCq-MN7k
____
👨🎓 Мой сайт: https://web-jump.ru/
👉 А тут много полезного: https://vk.com/web.jump
🤓 Обо мне: https://www.youtube.com/watch?v=nvO__8stgZE
____
В этом выпуске:
► сетка фигма
► сетка figma
► работа с сеткой в фигме
► работа с сеткой в figma
► как создать сетку в фигма
_____
Да кстати, про Марафон Web Jump 🚀
Хочешь научиться делать сайты без кода, без платных инструментов и сервисов всего за 3 дня с полного нуля (если нужно большое времени, то продолжаем до победного ☝)?
Тогда я приглашаю тебя на Марафон по созданию продающих сайтов от моей школы Web Jump.
📋 Формат:
1) 3 дня практики: видео-уроки и домашние задания → если нужно больше времени, то продолжаем;
2) Индивидуальное обучение с каждым учеником → видео-разборы домашек каждому;
3) Набор идет постоянно → начни в любое время, когда будет удобно;
4) Доступ к урокам навсегда → возвращайся, пересматривай, создавай портфолио и зарабатывай на проектах на заказ;
🎁 БОНУСЫ участникам:
► Бесплатные домен и хостинг для создания своих сайтов
► Бесплатный доступ к закрытым урокам по веб-дизайну из основного курса (web-jump.ru)
Подробности и запись тут: https://clck.ru/34rvqg
#webjump #фигма #figma #вебдизайн
![Уроки Figma с нуля | Урок 3/11 Создание сетки в figma и работа с сеткой в фигме [Мини курс Фигма]](https://i.ytimg.com/vi/q2UVmNAlfqI/hqdefault.jpg)