12
Сетки

Grids

Embed Size (px)

DESCRIPTION

 

Citation preview

Page 1: Grids

Сетки

Page 2: Grids

Задачи сетки

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

Одно из первых решений в процессе создания дизайна — это модульная сетка. Единый каркас и схема расположения всех основных блоков и элементов, проходящий через все страницы сайта.

Сетки бывают простые и сложные, гибкие в использовании и не очень. Это не столь важно. Важно то, что если вы при проектировании дизайна задали определенную сетку модулей — будьте добры ей следовать. От первой до последней страницы своего проекта. А если в процессе прорисовки внутренних страниц у вас появились элементы, не ложащиеся в принятую сетку — значит вы недостаточно времени уделили её проектированию.

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

?

Page 3: Grids

Виды сеток

• Блочная (размеченный блок)

• Колоночная сетка

• Модульная сетка

• Иерархическая сетка

Page 4: Grids
Page 5: Grids
Page 6: Grids
Page 7: Grids

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

Page 8: Grids

Слишком крупный модуль жестко зажмёт материал. Слишком мелкий сделает вёрстку случайной. Здесь как раз и нужен умный дизайнерский глаз. Челночная дипломатия между материалом и эскизом находит золотую середину.

Page 9: Grids

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

Необходимо думать о всей системе, о подчинении набора внутренней логике и сквозной концепции,

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

Page 10: Grids

«Как и любой другой метод конструирования, сетка — не абсолют. Пользоваться ею надо не навязчиво, где надо, видоизменять ее, и быть готовым отказаться от нее вовсе ради наилучшего результата. Вообще художнику, еще не работавшему с сетками, целесообразно начинать с простейшего их вида.

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

По мере накопления опыта творчески активный художник, возможно, захочет усложнить геометрический рисунок своих сеток. Главным достоинством модульных сеток является то, что они дисциплинируют неопытного художника.»,

— Аллен Хёрлберт

Page 11: Grids

«Сетка — средство, а не залог успеха. Ею можно пользоваться поразному, и каждый художник волен выбрать решение, соответствующее его индивидуальному стилю. Однако нужно учиться пользоваться сеткой, это искусство, требующее практики».

Йозеф Мюллер Брокман

Page 12: Grids