модульні сітки


Модульні сітки. «38 папуг», алгоритм і оптика. Частина перша.

Поняття модульности. модуль

Наше радянський і пострадянський дитинство подарувало нам чудовий мультфільм «38 папуг». Як ви пам'ятаєте, у звірів стояло завдання: виміряти довжину удава. Чим вимірювати - було не зрозуміло. Інструментом вимірювання вибрали маленького по відношенню до удава папугу. Виявилося, що в удава «влізло» аж 38 папуг. У цьому прикладі папуга - це модуль.

Таким чином, удава можна дискретизувати з частотою, що дорівнює одиниці, поділеній на папугу)


Зрозуміло, є більш серйозні приклади модульности в життя. З часів стародавньої Греції до нас прийшло вираз «Людина є міра всього». Розумні греки, коли будували свої чудеса світу міряли двері плечима, а висоту приміщення зростанням людини.


Такі одиниці вимірювання, як косий сажень, п'ядь, фут і т. П. Також відбулися з фізичних характеристик людини.


Сама людина є модульна система. Якщо за модуль взяти голову, то зростання людини звичайного можна вибудувати 7 головами. Причому на відстанях, кратних такому модулю, ми можемо визначати ключові точки побудови людини.


Метрична система, яку ми використовуємо, теж є модульною. Один метр складається зі ста модулів «сантиметр», який теж в свою чергу можна розчленувати на більш дрібні модулі.


Таким чином, модуль - це одиниця виміру, встановлена ​​для додання пропорційності, а сітка - система пропорцій.


Ми не витрачаємо зайвого часу на пошук геометричного місця елемента в макеті. До того ж маємо обґрунтування в розміщенні елементів.

Збалансованість і пропорційність


Елементи в макеті порівнянні й пропорційні між собою. Ми можемо обґрунтувати розміри блоків, кегль і ін.

Прискорення і шаблонування, единообразность елементів


Розробивши сітку, ми робимо основу для рішень на майбутнє. Грамотні гайди містять детальний опис модульних сіток. Відносно веб-дизайну, ми можемо з легкістю передбачити тривіальні макети для всього сайту і зробити заготовку для поодиноких випадків.

Рис 1.1. Приклади композицій і їх сітки

Рис 1.2. Ще один приклад застосування сітки

Схожі статті