Сетка (графический дизайн)

редактировать
A сетка макета страницы (показана белыми линиями) состоит из серии пересекающихся вертикальных и горизонтальных линий сетки. Текст (содержимое ) не является частью сетки. Текстовое содержимое применяется к определенной странице с использованием сетки «на левом уровне » вдоль нижних и правых сторон линий сетки. Одна и та же сетка может применяться к нескольким страницам с использованием разных типов содержимого или разных стилей одного и того же типа содержимого. Сетка, применяемая внутри изображения (вместо страницы) с использованием дополнительных угловых линий для определения пропорций.

В графическом дизайне сетка представляет собой структуру (обычно двумерную ), состоящую из ряда пересекающиеся прямые (вертикальные, горизонтальные и угловые) или изогнутые линии (линии сетки ), используемые для структурирования содержимого. Сетка служит каркасом или каркасом, на котором дизайнер может организовывать графические элементы (изображения, глифы, абзацы и т. Д.) Рациональным, легким для понимания образом. Сетка может использоваться для организации графических элементов по отношению к странице, по отношению к другим графическим элементам на странице или по отношению к другим частям того же графического элемента или формы .

Менее распространенный термин печати " справочная сетка "- это не связанная с этим система, уходящая корнями в первые дни печати.

Содержание
  • 1 История
    • 1.1 Предыстория
    • 1.2 Эволюция современных гридов
    • 1.3 Реакция и переоценка
    • 1.4 Использование гридов в веб-дизайне
  • 2 Программное обеспечение
  • 3 Ссылки
  • 4 Внешние ссылки
История

Предыстория

До изобретения подвижного шрифта для размещения рукописного текста на страницах использовалась система, основанная на оптимальных пропорциях. Одна такая система, известная как the, использовалась, по крайней мере, со времен средневековья.

Эволюция современной сетки

После Второй мировой войны ряд графических дизайнеров, в том числе Макс Билл, Эмиль Рудер и Йозеф Мюллер-Брокманн, находящиеся под влиянием модернистских идей Яна Чихольда Die neue Typographie ( The New Typography), начали подвергать сомнению актуальность обычного макета страницы того времени. Они начали разрабатывать гибкую систему, способную помочь дизайнерам добиться согласованности в организации страницы. Результатом стала современная типографская сетка, которая стала ассоциироваться с Международным типографским стилем. Основополагающая работа Мюллер-Брокманн по теме «Системы сеток в графическом дизайне» помогла распространить использование сетки сначала в Европе, а затем в Северной Америке.

Реакция и переоценка

К середине 1970-х годов обучение типографской сетке как части учебных программ по графическому дизайну стало стандартом в Европе, Северной Америке и большей части Латинской Америки. Графический стиль сетки был принят как образ корпоративной коммуникации. В начале 1980-х годов реакция против укоренения сетки, особенно ее догматического использования и ассоциации с корпоративной культурой, привела к тому, что некоторые дизайнеры отказались от ее использования в пользу более органичной структуры. Появление компьютера Apple Macintosh и связанный с этим переход от набора шрифтов типографами к тому, что дизайнеры сами задают шрифт, вылились в волну экспериментов, во многом противоречащих предписаниям Чихольда и Мюллер-Брокманна. Типографская сетка по-прежнему преподается сегодня, но больше как полезный инструмент для некоторых проектов, а не как требование или отправная точка для всего дизайна страницы.

Использование сеток в веб-дизайне

Несмотря на то, что сеточные системы широко используются в печатных СМИ, интерес веб-разработчиков только недавно возродился. Фреймворки дизайна веб-сайтов, создающие HTML и CSS, существовали некоторое время, прежде чем новые фреймворки популяризировали использование макетов на основе сетки. Некоторые сеточные системы определяют элементы фиксированной ширины с пикселями, а некоторые являются «плавными», что означает, что они требуют, чтобы размер элемента страницы определялся в относительных единицах, таких как проценты, а не в абсолютных единицах, таких как пиксели или точки.

W3C опубликовал CSS Grid Layout Module Level 1 для определения двухмерной системы компоновки на основе сетки.

Существуют также CSS-фреймворки, которые включают собственную систему сеток. :

Программное обеспечение

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

Ссылки
  • Бейнс, Фил и Хаслам, Эндрю. Type Typography, второе издание. Нью-Йорк: Waston-Guptill Publications, 2005. ISBN 0-8230-5528-0.
  • Бернхилл, Питер. Типовые пространства: внутренние нормы в типографии Альда Мануция. Лондон: Hyphen Press, 2003. стр. 101.
  • Элам, Кимберли. Сеточные системы: принципы организации типа. Нью-Йорк: Princeton Architectural Press, 2004. ISBN 1-56898-465-0.
  • Hochuli, Jost. Создание книг: практика и теория.
  • Херлберт, Аллен. Grid: модульная система для дизайна и производства газет, журналов и книг. Wiley: 1982. ISBN 0-471-28923-X.
  • Ле Корбюзье Модульный I.
  • Мюллер-Брокманн, Йозеф. Сеточные системы в графическом дизайне. Niggli: 1996. ISBN 3-7212-0145-0
  • Рудер, Эмиль. Типография. Дом Гастингса: 1981. ISBN 0-8038-7223-2.
  • Рудольф Босхард, Ганс. Типографская сетка. Ниггли: 2002. ISBN 3-7212-0340-2.
  • Хой Винь, о даааа! Сетки - это хорошо, презентация на конференции «Юг к юго-западу», 2007. [1]
  • Антонио Карузоне, «Проектирование грид-систем для Flash». [2]
  • Маркотт, Итан (3 марта 2009 г.). «Fluid Grids».
  • Капо, Даниэле (5 апреля 2009 г.). «Разделение сегмента на n частей в средневековой, но в то же время поздней модной моде». [3]
Внешние ссылки
  • Grid System Взгляд на технический аспект гридов на практике с большим количеством ресурсов.
Последняя правка сделана 2021-05-22 10:48:05
Содержание доступно по лицензии CC BY-SA 3.0 (если не указано иное).
Обратная связь: support@alphapedia.ru
Соглашение
О проекте