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

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

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

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

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

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

  • Формат

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

  • Поля

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

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

 

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

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

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

 

  • Модулі

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

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

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

Далі БУДЕ!

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

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