Нерідко ми опиняємося в неприємній ситуації, коли нам здається, що щось не так з макетом - все або занадто блідо, або, навпаки, по-чудернацьки; то чогось не вистачає, то макет необхідно якось розвантажити. Три рішення, запропоновані в цій статті, допоможуть привести ваш дизайн в порядок і зробити його ефектними і такими, що запам'ятовуються.
Правило 1. Завжди пам'ятай про сітку!
Якщо макет здатний швидше «приспати», ніж пробудити інтерес, можливо, справа в тому, що в ньому відсутня структура, або, на мові графічного дизайну, сітка. Цю сітку можна помітити не відразу, але вона чарівним чином робить ваш макет набагато привабливіше.
Сітка забезпечує візуальну збалансованість і гармонійність макета. Робота без сітки може привести до надмірної або недостатньої концентрації об'єктів, а також до розмитого фокусу. Все це не кращим чином позначається на загальному враженні від макета.
Розглянемо докладніше процес створення сітки та розміщення елементів вашого макета.
По-перше, я створюю новий шар (Вікно> Шари. Потім вибираю Новий Шар ... в панелі інструментів), перейменовують це в Grid (Сітка). Завдяки цьому, лінії сітки представляють собою окремий шар, який залишається незмінним, поки ви працюєте з іншими елементами макета.
Ви можете створити велику кількість різних макетів, використовуючи всього одну модель сітки. У разі стандартної портретної сторінки, як, наприклад, документ формату А3, розміщений нижче, ви можете розділити сторінку на 4 колонки. Послідовність дій для InDesign наступна: Макет> Поля і Колонки> Збільшити число колонок до 4.
Працюючи з Master page, або просто з шаром «Сітка» (в тому випадку, якщо ви працюєте з документом в одну сторінку), переконайтеся, що лінійки відображені на сторінці (в InDesign: Вид> Показати лінійки).
Клацніть по лінійці у верхній частині екрану і перетягуйте направляючу вниз по сторінці. Натисніть і перетягніть ще одну, щоб в результаті вийшла пара направляючих, розміщених поруч один з одним.
Наведіть курсор на пару отриманих напрямних, виділіть їх, натисніть Копіювати і Вставити. Продовжуйте вставку напрямних на сторінку, розмістіть їх таким чином, щоб сторінка складалася з квадратних секторів, як показано нижче.
Прийміть наші вітання! Модель сітки готова, і тепер ви можете повернутися до вашого макету і почати експериментувати з розміщенням елементів на сторінці. Потренуйтеся розмістити і структуруватися блоки тексту та зображення в колонках таблиці.
Поки ви дотримуєтеся структури таблиці, дуже складно зробити щось, що буде виглядати відверто некрасиво. Пограйте з балансом, намагайтеся уникати двох «змагаються» за якимось критерієм елементів в макеті (наприклад, два зображення одного розміру).
2. Пам'ятай про колірних контрасті і сполучуваності.
Іноді кольорове оформлення макета виправдано і виглядає доречно, а в деяких випадках перебір з кольором може все зіпсувати. Чому ж так відбувається?
Емпірично доведено, що успіх у використанні кольору визначається двома складовими. Це колірної контраст і колірна сполучуваність.
Це означає, що яку б комбінацію ви не застосовували (незалежно від того, скільки кольорів вона в себе включає), в ній повинні бути обов'язково присутніми тони, які контрастують один з одним, з одного боку, і доповнюють один одного, з іншого.
Кольоровий контраст
Два кольори, схожих або з точки зору тони, або по яскравості, можуть візуально зливатися і створити непривабливий дизайн, позбавлений родзинки.
Щоб «пограти» на контрасті, поєднуйте бліді тони з темними, холодні з теплими. Зверніть увагу, що поєднання чорного і білого часто має більший ефект, ніж поєднання кольорів хроматичної гами. Чому? Тому що забезпечує максимально можливий контраст.
Колірна сполучуваність
Якщо ви ще не придбали колірний круг, обов'язково зробіть це!
Гармоніюють між собою кольору, тобто кольору, які добре один з одним поєднуються (часто розташовані в протилежних сторонах стандартного колірного кола), роблять позитивний вплив на людину - «заспокоюють» погляд, створюють приємні нам дизайни.
Використовуйте колірне коло або книгу з кольоровими зразками як джерело ідей і натхнення для ваших проектів, або ж спробуйте використовувати ряд кольорів, які розташовані поруч в колірному спектрі (наприклад, поєднання зелених і синіх, жовтих і помаранчевих і т.д.)
3. Обережніше з оригінальними шрифтами
Різноманітність шрифтів, доступних сучасному дизайнерові, безпрецедентно. Багато з шрифтів, представлених в мережі, безкоштовні для комерційного використання. У теорії це різноманітність і можливість вибору - завжди хороші новини для дизайнера. З іншого боку, на практиці це може призвести і до цілого ряду складнощів і проблем, як, наприклад, коли ми намагаємося застосувати черговий шрифт з ефектом шорсткості і недбалими лініями, знайдений нами на Behance.
Якщо ви не є експертом в області каліграфії, оригінальний шрифт обов'язково зіпсує ваш макет. Вибір же шрифту, який виглядає пристойно в більшості контекстів, гарантує вам успіх.
висновок
Зверніть увагу на ці три прості рішення для ваших проектів, коли вас знову відвідає натхнення на створення чогось нового!
- Макет виглядає неакуратно і непривабливо? Поверніться до витоків і створіть сітку.
- Щось не так з кольором? Віддайте перевагу контрастує і добре гармонує квітам.
- Шрифт все псує? Відмовтеся від оригінальних, екзотичних шрифтів, замініть їх класичними, які вас ніколи не підведуть.