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

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

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

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

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

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

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

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

  • Формат

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

  • Поля

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

Поля для блоку контенту
  • Колонки і проміжки між ними (алеї)

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

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

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

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

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

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

ДУЖЕ РАДИМО ПОЧИТАТИ:

Книги які має прочитати кожен дизайнер: Дональд Норман, Ерік Шпікерманн, Ден Роем + 3 інших

Вправа для генерації дизайнерських ідей: Crazy 8

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