В графическом дизайне сетка — это структура (обычно двумерная ), состоящая из ряда пересекающихся прямых (вертикальных, горизонтальных и угловых) или кривых линий ( линий сетки ), используемых для структурирования контента. Сетка служит каркасом или основой , на которой дизайнер может организовать графические элементы ( изображения , глифы , абзацы и т. д.) рациональным, легко усваиваемым образом. Сетку можно использовать для организации графических элементов по отношению к странице, по отношению к другим графическим элементам на странице или по отношению к другим частям того же графического элемента или формы .
Менее распространенный в печати термин «координатная сетка» — это не связанная с этим система, корни которой уходят в ранние дни печати.
До изобретения подвижного шрифта для размещения рукописного текста на страницах использовалась система, основанная на оптимальных пропорциях. Одна из таких систем, известная как Диаграмма Вилларда, использовалась по крайней мере со времен Средневековья. [1]
После Второй мировой войны ряд графических дизайнеров , включая Макса Билла , Эмиля Рудера и Йозефа Мюллера-Брокмана , под влиянием модернистских идей книги Яна Чихольда « Новая типографика», начали подвергать сомнению актуальность традиционной компоновки страницы того времени. Они начали разрабатывать гибкую систему, способную помочь дизайнерам достичь согласованности в организации страницы. Результатом стала современная типографская сетка, которая стала ассоциироваться с международным типографским стилем . Основополагающая работа по этой теме, «Системы сеток в графическом дизайне» Мюллера-Брокмана, помогла распространить использование сетки сначала в Европе, а затем и в Северной Америке.
К середине 1970-х годов обучение типографской сетке как части учебных программ по графическому дизайну стало стандартом в Европе, Северной Америке и большей части Латинской Америки. Графический стиль сетки был принят в качестве внешнего вида для корпоративной коммуникации. В начале 1980-х годов реакция против укоренения сетки, особенно ее догматического использования и ассоциации с корпоративной культурой, привела к тому, что некоторые дизайнеры отказались от ее использования в пользу более органической структуры. Появление компьютера Apple Macintosh и последующий переход от набора шрифтов типографами к самостоятельному набору шрифтов дизайнерами привели к волне экспериментов, многие из которых противоречили заветам Чихольда и Мюллера-Брокмана. Типографскую сетку продолжают преподавать и сегодня, но больше как полезный инструмент для некоторых проектов, а не как требование или отправная точка для всего дизайна страницы.
В то время как системы сеток нашли широкое применение в печатных СМИ, интерес со стороны веб-разработчиков только недавно возродился. Фреймворки веб-дизайна, создающие HTML и CSS, существовали некоторое время, прежде чем более новые фреймворки популяризировали использование макетов на основе сеток. Некоторые системы сеток определяют элементы фиксированной ширины с помощью пикселей, а некоторые являются «жидкими», что означает, что они требуют, чтобы размеры элементов страницы были указаны в относительных единицах, таких как проценты, а не в абсолютных единицах, таких как пиксели или точки. [2]
W3C опубликовал модуль компоновки сетки CSS уровня 1 , чтобы определить систему компоновки на основе двумерной сетки. [3]
Существуют также CSS-фреймворки, включающие собственную систему сеток:
Полиграфический дизайн всегда использовал системы сеток для организации и структурирования контента. Системы сеток начинались как вспомогательные линии для написанных книг. Художники использовали системы сеток для компоновки контента – текста и изображений – таким образом, чтобы облегчить чтение и усвоение. Газеты, книги, журналы, объявления и т. д. используют различные системы сеток, которые оптимально используют пространство для лучшего чтения и представления. [4]
Большинство настольных издательских систем, профессиональных издательских систем и другого офисного программного обеспечения, включая текстовые процессоры, отображают сетку в качестве опции.
{{cite web}}: CS1 maint: архивная копия как заголовок ( ссылка )