Grid

Grid у графічному дизайні — це модульна сітка, тобто система горизонтальних і вертикальних напрямних, за якими впорядковують текст, зображення та інші елементи макета. Англійська назва — grid, і в контексті дизайну вона описує не готовий шаблон, а логіку побудови композиції. Сітка допомагає створювати послідовні, охайні й легко читабельні макети в друці та на екрані.

Як працює сітка

Grid задає структуру сторінки або екрана: визначає поля, колонки, проміжки між ними та базові лінії для вирівнювання. Елементи не обов’язково мають лежати точно в межах кожної колонки, але саме сітка підказує, де розмістити заголовки, абзаци, ілюстрації чи кнопки, щоб між ними зберігався візуальний порядок. Завдяки цьому різні екрани, розвороти й блоки виглядають як частини однієї системи.

З чого складається

• Колонки — вертикальні смуги, що допомагають ділити контент на зручні блоки.
• Міжколонники — проміжки між колонками, які не дають макету «злипатися».
• Поля — зовнішні відступи від країв сторінки або артборда.
• Базова сітка — горизонтальний ритм для вирівнювання тексту за лініями набору.

Де застосовують

У редакційному дизайні grid допомагає будувати журнальні розвороти та багатоколонкові сторінки. Вебдизайн і інтерфейси використовують її для адаптивних макетів, де блоки по-різному перебудовуються на різних екранах. У брендингу та презентаціях сітка підтримує сталість стилю: логотип, текст і візуальні акценти залишаються в узгоджених позиціях.

Що дає дизайнеру

Сітка спрощує прийняття рішень: не потрібно щоразу «вгадувати» розміщення кожного елемента. Вона полегшує баланс між порожнім простором і контентом, зменшує хаотичність і робить композицію передбачуваною для читача. Водночас надто жорстке дотримання grid може зробити макет сухим, тому досвідчені дизайнери іноді свідомо виходять за межі сітки, якщо це підсилює акцент або динаміку.