Навіщо потрібна модульна сітка
Модульна сітка - це універсальний інструмент проектування. Архітектори використовують їх для складання планів будівництва, розбивки територій або прикраси плоских поверхонь. Друкарі користуються сітками для проектування шрифту і верстки друкованої сторінки. Веб-дизайнери за допомогою сіток малюють гармонійний дизайн сайтів.
Що таке модуль і модульна сітка
Модуль - це прямокутник із заданою висотою і шириною, що лежить в основі композиції. За допомогою модулів будується сітка - вертикальні і горизонтальні лінії, що розділяють простір на прямокутники.
перші згадки
Ділити простір на модулі вже вміли в стародавньому Єгипті. Єгиптяни використовували сітку, щоб правильно вираховувати пропорції людини і малювати його. Їх сітка складалася з 18 квадратів: щиколотка завжди перебувала на рівні 1 горизонталі, коліно - на 6, стегна - на 10, груди - на 13, плече - на 14, ключиця - на 15, підборіддя - на 16.
Головний проектувальник Акрополя Фідій і архітектор Парфенона Иктин при будівництві храму використовували пропорції «золотого перетину». Прямокутник з пропорціями «золотого перетину» відсікається квадратом з іншого прямокутника з «золотим перетином». І так до нескінченності:
Храм Парфенон Афінського акрополя
В епоху відродження художники шукали закони краси і використовували різні пропорції для малювання своїх картин.
Використовуючи принцип золотого перетину Да Вінчі створив малюнок Вітрувіанська людина, в якому були розраховані пропорції чоловічого людського тіла.
Німецький живописець і графік Альбрехт Дюрер використав власну сітку для побудови людського тіла. Він навіть написав про це «Чотири книги про пропорції».
Ілюстрація з книги «Трактати» Дюрера.
Модульні сітки в книгах. Швейцарська типографіка.
У XX столітті Німецький друкар Ян Чіхольд в «Ликові книги» розповів про продуманих пропорціях сторінки, смузі набору, правилах наборах тексту і верстці ілюстрацій.
Пропорція сторінки по золотому перетину. Ян Чіхолд. зовнішність книги
Друкарі з швейцарії придумали ділити сторінку на невидимі прямокутники - винайшли модульну сітку:
Варіації макетів за модульною сітці з 24 осередків Йозеф Мюллер-Брокман. Модульні системи в графічному дизайні
У другій половині 1940-х років вийшли перші друковані видання, створені за допомогою модульної сітки. Послідовники швейцарської типографіки заганяли заголовки, колонки тексту й ілюстрації в однакові прямокутники без розбору
Модульні сітки в сайтах
Сторінка в книзі і сторінка в інтернеті дуже схожі. Тому принцип модульності стали застосовувати в веб-дизайні. Найбільшу популярність цей спосіб отримав, коли дозвіл екранів досягло пропорцій 1024 * 768.
Для створення дизайну придумали сітку 960 пікселів. З її допомогою екран ділять на 12 колонок шириною в 20 пікселів і відстанню між ними в 10 пікселів.
Поява такої сітки призвело до шаблонізаціі рішень для сайтів. З'явилися платформи з продажу дизайну, на яких можна було купити макет, поміняти логотип і отримати готовий сайт. Це прискорило процес розробки сайтів, але багато сайтів стали втрачати індивідуальність.
Коли використовувати модульні сітки
Як правило, сторінка, для якої передбачена сітка, виглядає більш цілісною. Завдяки сітці різні сторінки одного сайту або електронного видання виглядають однаково. Тому нею корисно користуватися при створенні великих сайтів типу інтернет-магазину або новинного порталу.
Однак, сторінка без сітки може виглядати цілком пристойно. Частини сторінки можуть дробитися кожна по-своєму, і при цьому дотримуватися принципу модульності. Такий підхід дуже зручний при створенні сайтів одностранічнік, тому що кількість інформації в кожному блоці буває різним і не завжди парних.
Коли веб-дизайнери дізнаються про модульних сітках, то починають все заганяти в їх рамки, іноді бездумно. Наприклад, намагаються вписати меню в сітку. Це призводить до того, що пункти меню стоять дуже близько або занадто далеко один від одного. Користувачеві важко вважати таку інформацію.
Щоб сітка не нашкодила сайту, потрібно починати малювати дизайн без неї. Коли основні деталі будуть опрацьовані, можна накласти сітку. Однак, якщо підгонка змішає в кашу весь вміст, сміливо відмовляйтеся від цієї ідеї і дотримуйтесь початкового дизайну.
Наталя