Модульные сетки

Не человек для субботы, а суббота для человека. Аналогично и модульные сетки — не они управляют дизайнером, а дизайнер использует их как помощников.

Артемий Лебедев в 178 параграфе «Ководства» продолжает эту мысль:

Нельзя сначала математически разлиновать лист, а потом пытаться в него втиснуть материал. Нужно расположить материал так, чтобы нравилось, а потом в получившемся гармоничном варианте искать принцип, который и ляжет в основу правил.

В основе хороших правил — душа.

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

Тот же принцип использовал Стив Джобс. Он понимал, что должно быть что-то, что одушевит бездушное железо. Он говорил так

Проблема Microsoft в том, что у них нет вкуса. Вообще никакого. Они не думают творчески. У их продуктов нет культуры.

Одной технологии недостаточно. Только технология в союзе с гуманитарными науками дает результат, который заставляет наши сердца петь.

Вот почему шаблонные сайты выглядят все одинаково.

Преимущества модульных сеток:

    • Ускорение работы

Мы не тратим лишнего времени на поиск геометрического места элемента в макете. К тому же имеем обоснования в размещении элементов.

    • Сбалансированность и пропорциональность

Элементы в макете соизмеримы и пропорциональны между собой. Мы можем обосновать размеры блоков, кегль и проч.

    • Ускорение и шаблонирование, единообразность элементов

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

Описание модульных сеток в нескольких частях.


Понравилась статья? Поделиться с друзьями:
Добавить комментарий

;-) :| :x :twisted: :smile: :shock: :sad: :roll: :razz: :oops: :o :mrgreen: :lol: :idea: :grin: :evil: :cry: :cool: :arrow: :???: :?: :!: