#14. Модульная сетка
пользователям, дизайнерам и разработчикам, как сделатьная разработчикам, как сделать сетку и как использовать
универсальный инстумент организации визуального пространства, который используют и графические, и веб-дизайнеры. сетки при проектировании - часть профессиональной культуры дизайнера. Рассмотрим почему она так популярна.
Что такое модульная сетка
и шириной, который лежит в основе страницы (печатной или веб). Делить страницу на модули дизайнеры придумали в середине XX века для того, чтобы упростить и ускорить конструрование макета.

Модульная сетка. стротся сетка - вертикальные и горизонтальные линии, разделящие страницу на прямоугольники. Сетка определят как в целом будет выглядеть макет и где будут расположены отдельные элементы : заголовки, тексты, изображения.
сетки, которая содержит 4 колонки и 4 ряда. или текстовый блок могут занимать один или более модулей. Источник : thinkingwithtype.com
Пример использования модульной сетки при проектировании сайта. Источник : www.behance.net/gallery/Translation-Recordings
Le système d'information sur la santé est en cours d'élaboration, mais il n'a pas encore été mis en place. В этом случае сами модули и образуют сетку.
Пример модульной сетки, использованной для оформления портфолио интерактивного агентства МАНУФАКТУРА.
Дмитрий Провоторов
Исполнительный директор интерактивного агентства МАНУФАКТУРА
Модулем может быть не только прямоугольник :
Зачем нужна модульная сетка
``Je suis un homme de la rue``. ``Je suis un homme de la rue``. ``Je suis un homme de la rue``. ``Je suis un homme de la rue``. ``Je suis un homme de la rue``. ``Je suis un homme de la rue``. ``Je suis un homme de la rue``. ```Je suis un homme de la rue``. ``Je suis un homme de la rue``. ``Je suis un homme de la rue``. ``Je suis un homme de la rue``. ``Je suis un hom me de la rue``.

Сетка позволят работать быстрее. Снижает вероятность ошибок при переносе элементов содной страницы на другую.

более эстетично за счет того, что элементы пропорциональны и структурированы.

Помогает быстрее разобраться в макете новым участникам, так как в сетке всегда есть логика.

Адаптивный дизайн на основе сетки делать проще.

Кроме того, если в дизайне используется сетка, то это потом помогает пользователю быстреее считывать информацию. Сетка создает визуальный порядок и ориентироваться становится легче.
Использование модульной сетки в веб-дизайне
Le système d'information de la Commission européenne est en cours d'élaboration et de mise à jour, et le système d'information de la Commission européenne est en cours d'élaboration. Содержимое сайта можно пролистывать верх, вниз, вправо и влево - настоящих жестких границ вебе нет. всплывающие окна, подсказки, интеракти, эле часто динамиый - всплывающие окна, подсказки, интерактивные элементы ит.д.

Поэтому сетка в вебе болеее универсальная, чем в принте. ко заданыыт жестко заданых размеров. в зависимости тот же элемент может изменяться в зависимости от разрешения и размера экрана.

дальше, оплатите годовую подписку на Тильду и получите курс в подарок !

среде - онлайн-учебник из 20 лонгридов.
дизайна, понять, из каких этапов состоит работа над дизайнайном вебе, и развить визальный вебе, и разить визальный вкус.

Получить курс Подробнеее

Также в этом курсе

13
Типографика
Les deux parties sont d'accord sur le fait qu'il n'y a pas d'accord sur le fait qu'il n'y a pas de problème. Как его структурировать, как ориентировать читателя, как работать с микротипографикой.
Предыдущая
15
Психофизиология интерфейсов
Как управлять вниманием пользователя, используя базовые знания психофизиологии.
Следующая
Оглавление