![Модульная сетка в Фигме Модульные системы в графическом дизайне](https://thumb.tildacdn.com/tild3632-6435-4631-b266-316230643263/-/resize/824x/-/format/webp/___1.png)
9. Модульные сетки и их применение в графическом дизайне. Основа основ: модульная сетка
Одним из важнейших инструментов любого web-дизайнера является модульная сетка, которая позволяет грамотно зонировать пространство, затрачивая на этом минимум времени и сил. Многие разработчики для создания сайта пользуется программой Figma, с помощью которой можно легко создавать прототипы сайтов и приложения, использовать иллюстрации и векторную графику. Зная, как правильно пользоваться в Фигме модульными направляющими, можно по максимуму использовать все ее преимущества. Любая модульная сетка определяет внешний вид будущего макета, а также задает места расположения на web-странице разных элементов, включая текст, иллюстрации, заголовки, кнопки, прочие информационные и графические объекты. Сетка в Фигме представляет собой систему непечатаемых горизонтальных, диагональных, а также вертикальных линий, проходящих по странице.
![Модульные сетки в веб дизайне | Liblessons Какие виды сеток существуют в дизайне?](http://vlasta-print.ru/netcat_files/userfiles/blog/Modul_naya_setka/modul_01.jpg)
![Анатомия логотипа: изучаем модульную сетку Модульная сетка (система) в дизайне](https://ux-journal.ru/wp-content/uploads/2021/06/modular-grid.png)
![Сетки в дизайне — Оди. О дизайне Модульная сетка в дизайне лендингов: как сверстать макет быстрее и проще](https://say-hi.me/wp-content/uploads/2014/12/modulnaya-setka-1280x720.jpg)
![Модульная сетка ускорение процесса создания дизайна Полное руководство по сеткам в веб дизайне](https://idbi.ru/files/1/7001/6560601/original/09800.jpg)
![Какие виды сеток существуют в дизайне? Модульная сетка: как и где используется](https://liblessons.ru/wp-content/uploads/2017/06/bootstrap-setki-1024x559.jpg)
![Модульные сетки в дизайне | VK Сетки в веб-дизайне: полный гайд](https://usesite.ru/uploads/posts/2020-11/1605296510_using-grid.gif)
![Сетки в веб-дизайне — построение модульных сеток в web-дизайне Чтобы читать дальше, купите курс](https://assets-global.website-files.com/60a35497ea15cf45782248b1/632ab3bc835fd90383fbf2d0_img_1.webp)
![Основы дизайна. Модульные сетки — Татьяна Горобцова на zakaz-kalyany.ru Сетки в веб-дизайне: основы, создание, преимущества и рекомендации по использованию сеток](https://tilda.education/static/img/f2f2f0d1-d78e-4a4b-a0b9-105476d7673e__thinking_with_type_grid_8.png)
![Полное руководство по сеткам в веб дизайне - DEADSIGN Сетки в дизайне](https://static.tildacdn.com/tild6339-6338-4761-b338-313330666166/___2.jpg)
![11 принципов модульных сеток в графическом и веб-дизайне Что такое модульная сетка: виды, сфера применения, примеры](https://awdee.ru/wp-content/uploads/2023/02/5-3-1024x1024.png)
![Модульные сетки в дизайне: для чего нужны, виды и примеры использования Правила построения модульной сетки в Фигме](https://awdee.ru/wp-content/uploads/2023/02/83c76f7199a70e273769992bd63f9345.jpg.webp.webp)
Модульная сетка — это инструмент размещения объектов на макете, где в основе лежат вертикали колонки , горизонтали ряды и учитываются отступы между ними. Благодаря им можно выровнять любые элементы веб-сайтов,куда входят блоки тексты, изображения, таблицы, кнопки, формы и многое другое. Если не самый опытный пользователь не сможет увидеть, где она не использовалась и в итоге получилась кривая верстка, дизайнер и человек с насмотренностью увидит все огрехи. Читайте также: Веб-дизайнер: кто это такой, чем занимается и сколько зарабатывает. В дизайне этот инструмент используется для систематизации размещения элементов на веб-страницах.
![Модульная сетка в дизайне: что это + как сделать, примеры Терминология](https://cf.ppt-online.org/files1/slide/y/Y0e38QKJ2rfES6pmxyZR9LGqknAhT5IFD1bUjHwOdc/slide-3.jpg)
![Модульная сетка: как и где используется Что такое сетка, какая бывает и зачем она нужна?](https://assets-global.website-files.com/60a35497ea15cf45782248b1/64a5886b58344a6754b0d6b2_64a587d41b8015fd87ce2e4d_76 (3).webp)
![Модульная сетка. От слов к делу — Cammelia Design — Стать графическим дизайнером Какая от нее польза?](https://blog.skedraw.ru/images/articles/modulnaya-setka-v-figme/setku-mozhno-zadat-po-krayu.jpg)
![9. Модульные сетки и их применение в графическом дизайне. Основа основ: модульная сетка Функции модульной сетки в дизайне](https://kokoc.com/upload/blog/569/2.png)
![Модульная сетка (система) в дизайне | БЛОГ ЮЛИИ КЕЛИДИ Кто придумал систему модульной верстки в графическом дизайне](https://tilda.education/static/img/f41ec228-119c-45ee-a5dd-c4cae2f8a190__20151022010204.png)
![Модульные системы в графическом дизайне Почему модульная сетка — это круто](https://images.cmsmagazine.ru/diff_2/setkavhelp/6.png)
![Законы пропорции](https://habrastorage.org/webt/ga/-c/bq/ga-cbqvwgdjtr7waw-g_pbujf1a.jpeg)
Анатомия логотипа: изучаем модульную сетку
В чем секрет хорошего логотипа? В интересной идее? Или, может быть, в правильно подобранном шрифте?
![](https://rosdesign.com/design_materials7/img_materials7/mrdesign/8-logo2.jpg)
![](https://imagestation.com/wp-content/uploads/What-are-grids.png)
![](https://i.ytimg.com/vi/X-NiN7wM4pg/sddefault.jpg)
![](https://www.shopolog.ru/u/4580-01.png)
![](https://assets-global.website-files.com/60a35497ea15cf45782248b1/64a5898d0ad628f17216a582_64a587d42cc4af90b9aa2aa1_76 (2).webp)
Похожие статьи
- Оригинальные причёски на каждый день для длинных волос - Прически на каждый день (62 фото, видео) на
- Узоры для вязания спицами снуда видео - Как связать модный шарф-хомут или шарф-снуд спицами фото
- Коптильня на дровах - Три вида самодельной коптильни
- Как сделать столик для пикника своими руками видео