З чого починається створення логотипу? Із продумування ідеї графічного знака? Або підбору шрифту? А може, з модульної сітки? Важко сказати, оскільки у різних випадках потрібні різні підходи. Однак багато дизайнерів, які вже приблизно уявляють, як має виглядати логотип, починають роботу зі створення модульної сітки. Використання сітки дозволяє створити гармонійний, геометрично вивірений і правильно організований логотип, який можна буде відтворювати в будь-яких розмірах.
Модульна сітка – це дуже корисний інструмент у арсеналі дизайнера. Особливо для новачків – навіть освоївши ази роботи з напрямними, можна уникнути багатьох помилок у дизайні. Найчастіше використовується звичайна квадратна сітка з осередками цього розміру, але це зовсім не означає, що обов'язково потрібно використовувати такий варіант. Структура сітки для створення логотипу може бути будь-якою, наприклад, це може бути поєднання горизонтальних, вертикальних та похилих напрямних, які взаємодіють із колами різного діаметра. Якою буде модульна сіткавирішує сам дизайнер. Якщо потрібно створити строгий, простий логотип на основі принципів геометричної гармонії без модульної сітки не обійтися. Тільки так можна зробити унікальне лого, в якому ширина літер, радіуси закруглення елементів та відстані між символами підпорядковуватимуться певним стандартам.
Так, такий підхід до дизайну логотипу можна назвати занадто механістичним, але зате лого, побудовані на основі модульної сітки, виглядають більш «правильними» - адже вони створені з використанням деяких принципів. Крім того, не варто забувати, що одного разу розроблений логотип потім відтворюватимуть інші дизайнери, і якщо вони знатимуть, як виглядає модульна сітка, то їм буде набагато легше впоратися із завданням.
Модульні сітки використовуються в різних видах дизайну. Основні правила побудови сіток сформувалися дуже давно – перші ознаки використання напрямних можна побачити, наприклад, у старовинних манускриптах. Сітки широко використовувалися в друкованій продукції, а з настанням комп'ютерної епохи цілком природно знайшли собі застосування у веб-дизайні.
Що найцікавіше, так це те, що багато людей, не тільки дизайнери, несвідомо керуються правилами побудови модульних сіток. Наприклад, фотографи, намагаючись отримати композиційно вивірений кадр, використовують правило третин або правило золотого перерізу. Навіть класичний вираз "горизонт завалений" означає, що фотограф неправильно "використовував" горизонтальні напрямні. Так що дизайнерам логотипів, які не люблять використовувати сітку, кажучи, що вона обмежує їхню творчість, слід знати, що будь-який візуальний об'єкт, що має композицію, створений з використанням модульної сітки. Навіть якщо це вийшло цілком випадково.
ПЕРЕВАГИ МОДУЛЬНОЇ сітки
Який тип сітки вибрати залежить від багатьох причин – має значення лише конкретний випадок. При цьому важливо не забувати, що дизайнеру має бути комфортно працювати у цьому середовищі. Якщо використання сітки викликає дискомфорт і не йде на користь логотипу, її структуру потрібно переглянути. Невидимі рамки дійсно можуть заважати, тому потрібно досить спокійно ставитись до того, що деякі елементи порушуватимуть сувору організацію. І це абсолютно нормально – адже символи, якими набрано логотип, мають різну ширину. У логотипах, у яких використовується кирилиця, дуже складно дотримуватися геометричних принципів. У кириличному алфавіті є літери, які можуть призвести до дизайнера у відчай. Якщо подивитися на ту ж літеру Ю, то стає ясно, що ми бачимо абсолютно безглузду конструкцію, яка погано гармонує з накресленням інших літер, взятих з латинського алфавіту. А комахоподібна Ж? Це взагалі страшний сон для будь-якого логотипника. Але доводиться працювати з тим, що є і вже не до модульної сітки. Такі символи все одно виходитимуть за межі напрямних і з цим треба змиритися.
ЧОМУ ВАРТО ВИКОРИСТОВУВАТИ СІТКУ
Логотип можна створити без використання модульної сітки. Береться готовий шрифт, ним набирається назва бренду та все. Для графічного знака часто теж потрібно працювати з направляючими. Таких логотипів безліч і це часто ніяк не відбивається на впізнаваності бренду. Наприклад, логотип Google набрано шрифтом Catull. Дизайнер Рут Кедар лише розфарбувала літери у різні кольори та додала тіні.
Але якщо логотип створюється з нуля, використання направляючих може стати дуже серйозною підмогою для дизайнера. Сітка допомагає зосередитися та звернути більше уваги на організаційну структуру логотипу. Використання модульної сітки дозволяє сфокусуватися та створити логотип, який буде простим та водночас постійно актуальним. Якщо поглянути на логотипи таких компаній, як Apple, Shell або Nike, стане зрозуміло, що при їх створенні використовувалися прості, класичні форми.
За допомогою сітки можна створити універсальний логотип, який чудово виглядатиме як на візитівці, так і на величезному банері. При цьому напрямні, кола та криві зовсім не обмежують політ думки дизайнера, навпаки, вони роблять його мислення більш гнучким. У лініях сітки часом можна побачити набагато більше варіантів дизайну - осередки немов підказують, як можна перемістити символи, щоб вони гармонійно виглядали. Тобто, працюючи з сіткою, дизайнер більш ефективно працює з наявним простором.
КОЛИ НЕ ПОТРІБНО ВИКОРИСТОВУВАТИ СІТКУ
Загалом, як уже зазначалося вище, на будь-який логотип, створений з використанням основ композиції, можна нанести модульну сітку, яка покаже, як саме його було створено. Проте є кілька аргументів проти використання напрямних.
Сітка може обмежувати творчість, оскільки дизайнер почувається «замкненим» серед напрямних. Намагаючись не вийти за самим же встановленим кордоном, такий дизайнер відчуває дискомфорт, що не сприяє створенню якісного логотипу.
Створення сітки може забрати дуже багато часу, особливо, якщо складний логотип. Дуже часто з цим стикаються дизайнери-початківці, які ще погано знайомі з законами композиції і тому не можуть швидко створити сітку.
Так як сітка має математичну природу, то легко заплутатися у всіх цих формах і в результаті забути про основну ідею. Потрібно завжди пам'ятати, що вдалий логотип це не просто набір геометричних фігур, А їх гармонійне поєднання. Прагнення деяких дизайнерів «грати за правилами» часто призводить до того, що у них виходить безликий і відверто невдалий логотип.
ВИСНОВОК
Усі дизайнери логотипів працюють по-різному. Хтось воліє спочатку зробити начерки на папері, інші відразу ж починають малювати лого на комп'ютері. Деякі починають роботу з побудови модульної сітки, а інші вважають за краще спочатку згенерувати образ і лише потім зробити його більш цільним. Тому не можна однозначно сказати, що модульна сітка обов'язкова при створенні логотипу. Однак розробку логотипу можна порівняти з будівництвом будівлі. Правильно спроектований будинок простоїть довше, адже в його основі лежить добре продумане креслення. Те саме стосується й логотипу: якщо це корпоративна айдентика, обличчя бренду, то найкраще використовувати модульну сітку – адже логотип буде використовуватися компанією протягом багатьох років. І буде дуже добре, якщо він буде правильним композиційно. Ну а для якого-небудь сайту, який створюється, як то кажуть, для душі, цілком підійде логотип, набраний будь-яким гарним шрифтом. І модульна сітка у цьому випадку не знадобиться.
Модульна сітка- це система організації об'єктів у просторі, заснована на рядах та колонках певного, строго заданого розміру. У комірках можна розташовувати одиниці контенту: текстові блоки, заголовки, врізання та зображення.
Сітки можна зустріти не тільки в інформаційному дизайні, але і в архітектурі, інтер'єрах та містобудуванні. У всіх цих галузях сітки будуються за подібними принципами, пов'язаними з прагненням привнести в простір, що розкреслюється, порядок і гармонію.
Зверніть увагу на один з ескізів розвитку Манхеттена 1807, який підпорядковується суворій сітці вулиць, що проходять із заходу на схід і з півночі на південь
Навіщо потрібні сітки?
Спочатку сітка застосовувалася в газетній справі з метою підвищення ефективності. Макетні листи дозволяли знизити витрати на утримання штатних друкарень, стандартизуючи вигляд сторінок та економлячи час самих «художників-оформлювачів». Незабаром на зміну макетним листам прийшли гнучкіші модульні сітки.
Наслідуючи нове віяння, на початку 1960-х художник-оформлювач Пітер Палаццо оновив дизайн газети New York Herald Tribune. 1966-го художній редактор Джанет Коллінз ввела нову верстку в лондонській Times. Обидва ці перетворення показали працівникам промисловості, що єдиний стильоформлення підвищує якість взаємодії читачів із виданням. Газетники та редакції журналів швидко зрозуміли необхідність сіток та почали застосовувати їх у своїй практиці.
Як і за часів газет, у digital-епоху правильно застосовані сітки допомагають утримувати увагу читача, підвищують якість сприйняття тексту та взагалі покращують досвід його взаємодії з матеріалом. Сьогодні у дизайні медіа сітка надає інформації впорядкованість та узгодженість. Вона відповідальна за структурування вмісту окремих статей та видання загалом.
Йозеф Мюллер-Брокманну своєму посібнику «Модульні системи в графічному дизайні» пише про сітки так:
«Структуруючи за допомогою модульної сітки площини та простір, дизайнер отримує можливість організувати тексти, фотографії та графічні зображення за принципами об'єктивності та функціональності.<…>Логічно організований дизайн підтримує достовірність інформації та має в своєму розпорядженні до неї читача».
Якими бувають сітки?
Існує безліч видів і конфігурацій сіток: від примітивних «клітин», як у шкільному зошиті, до складносурядних структур з різними відстанямиміж горизонталями та вертикалями.
Ми зібрали найбільш поширені зразки, які вже стали «класичними», знайомство з якими допоможе краще зрозуміти модульне проектування:
Квадратна сітка
Найпростіша сітка, яка лягла в основу модульної системи, складалася з квадратів і була схожа на звичайну таблицю. Вона почала використовуватися вже наприкінці першої чверті ХХ ст. Дизайнери-типографи з Цюріха та Базеля удосконалили її у повоєнні роки, що співпало зі стрибком інтересу до Гельветики та подібних до неї шрифтів, породивши школу «швейцарської друкарні».
На прикладі:Роберт Бюхлер, 1914
Джерело: Thinking Form
Сітки Макса Білла
Першим досвідом застосування сітки у книжковій справі була розроблена Максом Біллом система книги «Die Neue Architektur». У цій книзі, що вийшла 1940 року, Альфред Рот застосував поділ сторінки на дев'ять горизонтальних модулів. Вони дозволили вільно розташовувати ілюстрації та розміщувати ними текст трьома мовами. Декількома роками раніше, спираючись на ідеї «нової друкарні» Баухауса, Білл використав шестимодульну сітку у своєму знаменитому плакаті «Negerkunst», створеному для виставки південноафриканського скельного живопису в 1931 році.
Все, що оточує нас, має свої пропорції. Ще в дитинстві мультик “38 папуг” навчив нас тому, що можна поділити на частини, рівні одна одній (довжина удава складалася з 38 папуг). Також всі ми знаємо про те, що зростання людини дорівнює семи її головам, сантиметр складається з десяти міліметрів, метр зі ста сантиметрів і таке інше. Таким чином, папуга з мультика, голова людини, міліметр та сантиметр – це модулі.
З цього ми можемо зрозуміти, що модуль – це умовна одиниця, крок у ритмі сітки. А сама сітка є системою пропорцій.
Чим нам допоможе ця модульна сітка? По-перше, вона прискорить роботу, тому що нам не доведеться витрачати багато часу на спроби гармонійно розставити всі елементи. По-друге, за допомогою сітки ми зможемо зрозуміти, який кегль нам потрібно застосувати і яких розмірів має бути кожен блок. Загалом модульна сітка є каркасом, який значно полегшує побудову сайту.
Давайте розглянемо, якими бувають сітки.
1. Найпростіший тип – блокова сітка. Тобто вона робить грубу розмітку, поділяючи площу на блоки.
Блокова сітка
3. Модульна сітка має не тільки вертикальне членування, а й горизонтальне. Таким чином, те, що виходить на прямих перетинах, і є модуль.
4. Також є ієрархічна сітка, блоки в якій розміщуються інтуїтивно та не піддаються жодним закономірностям.
Отже, як створити модульну сітку.
1. Для початку нам потрібно зрозуміти, яку функцію має виконувати наш сайт, виявляємо його структуру та склад сторінок. Потім визначаємо, які сторінки будуть найважливішими, з них і розпочнеться робота. Для них ми сформуємо список функціональності та розсортуємо його за пріоритетами.
Ми повинні описати кожен блок функціональності та деталізувати його до дрібниць. У результаті має бути список, у якому за рівнями розписуються блоки та його елементи. Таким чином, у нас тепер є пазли, висипані із коробки, і нам залишилося лише зібрати їх у цілісну картину.
3. Побудова сітки починаємо з визначення розмірів робочої області. Потім потрібно зробити шрифтову сітку. Для цього вибираємо висоту рядка, який має бути єдиним для всього макета. У елементах, які мають кегль відмінний від кегля основного тексту, міжрядковий пробіл повинен бути кратним нашій висоті рядка.
Таким чином, ми отримуємо основу нашої майбутньої сітки. На цю основу спиратиметься весь текст.
4. Тепер нам потрібно вирішити, якою шириною буде наш модуль. Тут ми можемо відштовхнутись від ширини будь-якого постійного елемента. Якщо ж ви маєте завдання розмістити по ширині сторінки якісь однакові елементи, то все стає ще простіше, адже ви вже знаєте її розміри.
Для зручності нам потрібно визначити, якою буде відстань між модулями. Воно має дорівнювати мінімум одній висоті рядка з минулого пункту.
Є один нюанс - потрібно правильно вибрати розміри модуля, адже якщо вони будуть занадто великими, то пропаде гнучкість сітки, а якщо вони будуть дрібними, то сітка просто загубиться.
5. Горизонтальне членування зробити досить легко. Його висота має бути кратна висоті нашого рядка. А скільки вже рядків ви вставите в одне членування - це вже залежить від вашого ескізу.
Поговоримо про те, як краще розташовувати елементи дизайну на сторінці.
Одна з поширених помилок дизайнерів-початківців полягає в тому, що вони перенасичують композицію всілякими елементами і розташовують їх занадто близько один до одного.
Вони намагаються розмістити надто багато інформації у маленькому просторі. Запам'ятайте, що вільний простір - ваш добрий друг. Воно полегшує аудиторії читання вашого матеріалу. Правильно використаний простір робить ваш проект більш витонченим та легким для сприйняття.
Основна стратегія композиції вашого дизайну має розпочатися з розмітки. Якщо ви не хочете, щоб ваша робота виглядала хаотично, вам потрібно систематизувати всю візуальну інформацію. Тут нам на допомогу приходить модульна сіткаабо, інакше кажучи, розмітка для розміщення елементів на сторінці. У веб-дизайні роль модульної сітки виконує таблиця