Модульна сітка
Тема сьогоднішньої розмови - модульні сітки
Для чого, кому і з якою метою. Для початку - що таке модуль?
Це кратно повторюваний малюнок, візерунок, розмір або пропорція. Згадайте картинки Ешера. Ящірки, рибки, птахи в деяких роботах - це і є модуль. Кожен интернетчик спостерігає модулі у вигляді бекграундом.
Перший варіант застосування модулів в дизайні - такий ж як в інеті, тобто фоновий малюнок. У самих різних формах, як самостійний, так і в різних комбінація. І ті ж ілюстрації Ешера.
Другий варіант, розмірний, дуже близький до третього, пропорційному. В основному це модульні сітки для різних друкарських видів друкованої продукції.
Ще Фідій (творець Акрополя) і Иктин (Парфенон) продемонстрували знання закону золотого перетину. Суть цього закону в тому, що менший відрізок відноситься до більшого, як більший до всієї довжині. Я не пам'ятаю, чи вивчають цей закон в школі, але в художніх училищах, художественннних і архітектурних інститутах це як "Отче наш."
Одним числом це значення виражається як 1,618, алгебраїчно виглядає a: b = b: (a + b). Суть в тому, що подібне співвідношення сприятливо оці в силу психічних і фізичних особливостей будови ока, робочих частот мозку і багато, багато.
Другим активним елементом построеніея якихось візуально сприятливих співвідношень є квадрат. Шляхом побудов з нього легко отримувати співвідношення 1: 2, 2: 3, 3: 4.
Для інтернету модульне побудова сторінки може бути організовано за допомогою таблиць. Як модуля можна приймати співвідношення сторін екрану (при 800х600 це становить 4: 3). Стандартний розмір аркуша паперу A4 так само є модулем в кресленні і типографике.
Переважна кількість друкарських сіток будується на базі формату аркуша паперу, взятого за основу видання. Малюнок сітки залежить від змісту і задуму проекту, а так само індивідуального стилю того чи іншого художника. А якщо проектування виконується за допомогою комп'ютера, то процес стає досить швидким, особливо в стадії реалізації. Більшість графічних (в основному - паблішерних) програм має вбудовані опції побудови модульної сітки, і майже всі вони ж мають досить великий набір заготовок модульних сіток під цілком звичайними прізвищами "Буклет", "Календар" та ін.
Приклад газетної модульної сітки. Газета "Вечірній КУР'ЄР"
Модульна сітка першої смуги. Вона трохи відрізняється від загальної модульної сітки верхнім блоком. Для більш чіткого сприйняття логотипу його довелося виділити досить значними паузами. Але зате з його прочитанням і виділенням немає ніяких проблем.
Модульна сітка інших смуг.
Як ви бачите, крім чітко визначеного верхнього блоку смуги мають чітко виражений "підвал" - так газетярі називають нижню частину смуги. Він допомагає розділити інформацію на смузі на тематичні зони. Схема модулювання смуги видно на двох кольорових схемах.
Не завжди модульна сітка така вже рівномірна і симетрична. Вона може бути і абсолютно абстрактної, з довільним розміщенням елементів, але в будь-якому випадку її завдання - забезпечити спадкоємність подачі матеріалу.
Модульна сітка в веб-дизайні
У веб-дизайні модульна сітка застосовується набагато частіше, ніж може здатися на перший погляд. Якщо ви використовуєте
