Skip to main content

Как использовать сетку в графическом дизайне

Как сделать модульную сетку 960 grid? Вертикальные и горизонтальнве правила в дизайне сайта (Май 2024)

Как сделать модульную сетку 960 grid? Вертикальные и горизонтальнве правила в дизайне сайта (Май 2024)
Anonim

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

Использование гридов в ваших проектах

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

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

Например, при разработке обратной стороны открытки вы будете использовать стандартную сетку почтового отделения США. Для адресов назначается определенная часть правой стороны, а печать (или объемная почта) должна находиться в правом верхнем углу этого пространства. Вам также нужно будет оставить требуемое «пустое пространство» внизу, где USPS разместит свою систему штрих-кода. Это оставляет вам небольшой раздел слева для вашего дизайна и текста.

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

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

Типы гридов

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

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

Вырыв из сетки

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

Нарушение сетки может привести к самым интересным страницам. Вы увидите это довольно часто в современном дизайне журнала.