Модульні сітки в UI: основи теорії сітки

Продовжуємо дуже пізнавальну статтю про модульні сітки.

Першу частину читайте ТУТ!

Другу частину читайте ТУТ!

Основи теорії сітки

Незалежно від того, чи працюєте ви в пресі або у сфері веб/мобільного дизайну, вам потрібно зрозуміти основи теорії сітки.

Анатомія сітки

Незалежно від того, прості це або складні сітки, всі вони мають певні спільні частини:

  • Формат

Формат – це зона, в якій розміщується дизайн. У паперовій книзі формат – це сторінка. В Інтернеті формат – це розмір вікна браузера.

  • Поля

Поля – це негативний простір між краєм формату і зовнішнім краєм вмісту.

Поля для блоку контенту

  • Колонки і проміжки між ними (алеї)

У своїй основній формі сітка складається з двох основних компонентів: колонок і проміжків між ними. Колонки – будівельні блоки сітки. Простір між колонками називається алеями (alleys). Разом колонки і алеї займають горизонтальну ширину екрану.

Простір між колонками називається алеями

  • Модулі

Модулі являють собою окремі одиниці простору, утворені перетином колонок і рядків (горизонтальні еквіваленти колонок).

Модулі – це одиниці, утворені перетином рядків і колонок

Далі БУДЕ!

Джерело: www.smashingmagazine.com

Вас також ЗАЦІКАВИТЬ:

Вам сподобалося?

Читайте щотижня наші кращі статі про дизайн!

email рассылки

Корисна розсилка!

Все найцікавіше про дизайн і дизайнерів!
А ще свіжі вакансії і трішки гумору)

Ваш email:
email рассылки
Позначки:

Залишити відповідь