В области графического дизайна , А сетка представляет собой структура (обычно двумерный ) , составленную из ряда пересекающихся прямых (вертикальные, горизонтальные и угловые) или изогнутых линии ( линии сетки ) , используемых для содержания структуры. Сетка служит якорем или рамки , на которой дизайнер может организовать графические элементы ( изображения , глифы , абзацы и т.д.) в рациональном, простом в абсорбировать образом. Сетка может использоваться для организации графических элементов по отношению к странице, по отношению к другим графическим элементам на странице или по отношению к другим частям того же графического элемента или формы .
Менее распространенный в печати термин «эталонная сетка» - это несвязанная система, уходящая корнями в первые дни печати.
История [ править ]
Антецеденты [ править ]
До изобретения подвижного шрифта система, основанная на оптимальных пропорциях, использовалась для размещения рукописного текста на страницах. Одна такая система, известная как диаграмма Виллара , использовалась по крайней мере со средневековых времен. [1]
Эволюция современной сетки [ править ]
После Второй мировой войны ряд графических дизайнеров , в том числе Макс Билл , Эмиль Рудер и Йозеф Мюллер-Брокманн , под влиянием модернистских идей « Die neue Typographie» Яна Чихольда (Новая типография), начали сомневаться в актуальности обычной страницы. макет времени. Они начали разрабатывать гибкую систему, способную помочь дизайнерам добиться согласованности в организации страницы. Результатом стала современная типографская сетка, которая стала ассоциироваться с международным типографским стилем . Основополагающая работа по теме " Сеточные системы в графическом дизайне". Мюллер-Брокманн помог распространить использование сетки сначала в Европе, а затем в Северной Америке.
Реакция и переоценка [ править ]
К середине 1970-х преподавание типографской сетки как части учебных программ по графическому дизайну стало стандартом в Европе, Северной Америке и большей части Латинской Америки. Графический стиль сетки был принят как образ корпоративной коммуникации. В начале 1980-х годов реакция против укоренения сети, особенно ее догматического использования и ассоциации с корпоративной культурой, привела к тому, что некоторые дизайнеры отказались от ее использования в пользу более органичной структуры. Появление компьютера Apple Macintosh и связанный с этим переход от набора шрифтов типографами к тому, что дизайнеры сами задают шрифт, вылились в волну экспериментов, во многом противоречащих предписаниям Чихольда и Мюллер-Брокманна. Типографская сетка продолжает преподавать сегодня, но больше как полезный инструмент для некоторых проектов,не как требование или отправная точка для всего дизайна страницы.
Использование сетки в веб-дизайне [ править ]
В то время как сеточные системы широко используются в печатных СМИ, интерес со стороны веб-разработчиков возродился только недавно. Фреймворки дизайна веб-сайтов, производящие HTML и CSS, существовали некоторое время, прежде чем новые фреймворки популяризировали использование макетов на основе сетки. Некоторые сеточные системы определяют элементы фиксированной ширины с пикселями, а некоторые являются «плавными», что означает, что они требуют, чтобы размер элемента страницы был в относительных единицах, таких как проценты, а не в абсолютных единицах, таких как пиксели или точки. [2]
W3C опубликовал CSS Grid Layout Module Level 1 , чтобы определить двумерную сетку на основе системы компоновки. [3]
Существуют также фреймворки CSS, которые включают собственную систему сеток:
- Бутстрап
- Фонд ZURB
- Каскадная структура
Использование сетки в полиграфическом дизайне:
В полиграфическом дизайне всегда использовались сеточные системы для организации и структурирования контента. Они начинались как вспомогательные линии для написанных книг. Художники использовали сеточные системы для размещения контента - текста и изображений - таким образом, чтобы облегчить чтение и усвоение. Газеты, книги, журналы, объявления и т. Д. Используют разные сеточные системы, которые позволяют оптимально использовать пространство для лучшего чтения и презентации. [4]
Программное обеспечение [ править ]
Большинство настольных издательских программ и профессиональных издательских программ и другого офисного программного обеспечения, включая текстовые процессоры, отображают макет сетки в качестве опции.
Ссылки [ править ]
- ^ "Архивная копия" . Архивировано из оригинала на 2013-05-30 . Проверено 17 июня 2013 .CS1 maint: заархивированная копия как заголовок ( ссылка )
- ^ Маркотт, Этан (3 марта 2009). «Жидкие сетки». Список отдельно.
- ^ Таб Аткинс-младший; Элика Дж. Этемад; Россен Атанасов (14 декабря 2017 г.). «Модуль макета сетки CSS, уровень 1» . Консорциум World Wide Web . Проверено 10 июля 2019 .
- ^ "Что такое сетка?" .
- Бейнс, Фил и Хаслам, Эндрю. Type & Typography, второе издание. Нью-Йорк: публикации Waston -Guptill, 2005. ISBN 0-8230-5528-0 .
- Бернхилл, Питер. Типовые пространства: внутренние нормы в типографии Альда Мануция. Лондон: Hyphen Press, 2003. стр. 101.
- Элам, Кимберли. Сеточные системы: принципы организации типа. Нью-Йорк: Princeton Architectural Press, 2004. ISBN 1-56898-465-0 .
- Hochuli, Jost. Дизайн книг: практика и теория.
- Hurlburt, Аллен. Grid: модульная система для дизайна и производства газет, журналов и книг. Wiley: 1982. ISBN 0-471-28923-X .
- Ле Корбюзье Модульная я .
- Мюллер-Брокманн, Йозеф. Сеточные системы в графическом дизайне. Ниггли: 1996. ISBN 3-7212-0145-0
- Рудер, Эмиль. Типография. Дом Гастингса: 1981. ISBN 0-8038-7223-2 .
- Рудольф Босхард, Ганс. Типографская сетка . Ниггли: 2002. ISBN 3-7212-0340-2 .
- Хой Винь, о даааа! Сетки хороши , презентация конференции «Юг за юго-западом», 2007 г. [1]
- Антонио Карузоне, Разработка сеточных систем для Flash . [2]
- Маркотт, Итан (3 марта 2009 г.). «Жидкие сетки».
- Капо, Даниэле (5 апреля 2009 г.). «Разделение сегмента на n частей в средневековой, но в то же время поздней модной моде». [3]
Внешние ссылки [ править ]
- Система сеток Рассмотрение технических аспектов сеток на практике с большим количеством ресурсов.