
- •Міністерство освіти і науки України
- •02156, Київ-156, вул. Кіото, 19
- •1. Основи комп’ютерної графіки
- •1.1. Що таке комп'ютерна графіка
- •1.2. Растрова графіка
- •Таблиця 1.1. Основні значення дозволу і сфери їхнього застосування
- •Cpt (Corel Photo-Paint Image)
- •Psd (Photoshop Document)
- •Bmp (Windows Device Independent Bitmap)
- •Gif (CompuServe Graphics Interchange Format)
- •Jpeg (Joint Photographic Experts Group)
- •Pict (Macintosh QuickDraw Picture Format)
- •Png (Portable Network Graphics)
- •Tiff (Tagged Image File Format)
- •1.3. Векторна графіка
- •Cdr (CorelDraw)
- •Adobe PostScript
- •Dxf (Drawing eXchange Format)
- •Wmf (Windows MetaFile)
- •Shockwave flash
- •1.4. Введення в графічний дизайн
- •Шрифтовий дизайн
- •1.5. Огляд графічних редакторів
- •2. Інтерфейс програми CorelDraw
- •2.1. Вікно програми CorelDraw
- •2.2. Навігація в документі. Режими перегляду
- •Наступний розділ меню Показать містить п'ять команд, за допомогою яких можна відобразити допоміжні елементи вікна документа CorelDraw.
Шрифтовий дизайн
Робота зі шрифтом - це найбільш цікава, багатопланова і, мабуть, одна з самих складних частин роботи дизайнера. Шрифти бувають трьох основних типів: шрифти з зарубками (рис.1.33,а); рубані шрифти (рис.1.33,б); шрифти вільного стилю (рис.1.33,в).
|
|
|
а - шрифти з зарубками |
у - рубані шрифти |
с - шрифти вільного стилю |
Рис.1.33. Типи шрифтів.
Гарнітура. У шрифтовому дизайні працює той же принцип єдності і контрасту, про який ми говорили вище. Найкраще сполучаються шрифти з зарубками і рубані. Рубані шрифти непогано можуть сполучитися і зі шрифтами, стилізованими під рукописний текст. Декоративні ж шрифти і шрифти з зарубками разом зовсім не сполучаться один з одним.
Розмір шрифту (кегль). Досить складним є вибір розміру написів. Перше, що може спасти на думку: якщо якийсь напис зроблено великими літерами, то й увага до нього з боку глядачів також буде підвищеним. Але це не зовсім так, тому що занадто великий текст утрачає для глядача інформативну функцію і починає сприйматися, як елемент дизайну:
Рис.1.34. Занадто великий текст утрачає для глядача інформативну функцію і починає сприйматися, як елемент дизайну.
Проте великі букви добре виглядають в логотипах, заголовках, покажчиках, одним словом, у всіх елементах, декоративна функція яких є не менш важлива, ніж інформативна. Використання дрібного шрифту також таїть у собі небезпеку. У роботі його повинне бути не занадто багато, щоб глядач мав можливість прочитати його весь без напруги зору.
Колір. У принципі, усі правила, про які ми говорили в розділі, присвяченому колірному дизайнові, дійсні і для тексту. Варто тільки додати, що якщо необхідно виділити частину букв в одному слові або одне слово в предложенні, то необхідно використовувати або колір, або гарнітуру. Сполучення цих прийомів приводить до дуже поганих, неякісних результатів, наприклад:
Рис.1.35. Подвійне виділення фрагмента гарнітурою і кольором.
Композиція
В основі теорії композиції лежить розуміння того, що дуже багато чого ми сприймаємо підсвідомо, на рівні інстинктів і рефлексів. На теж саме розташування об'єктів практично у всіх людей виявляється однакова реакція. Наприклад, який з варіантів розташування кола і прямокутника на рис.1.3.6 викликає у вас відчуття небезпеки, дискомфорту? Очевидно, що це варіант б.
Рис. 1.36. Варіанти розташування об'єктів у композиції: а - відчуття стабільності; б - відчуття дискомфорту.
В основі композиції лежать два поняття: єдність і контраст.
Єдність. Це поняття містить у собі багато вимог, що повинні приводити до однієї мети. Єдність — це один із принципів дизайну. Це вимога того, що в остаточному підсумку робота, будь то логотип або web-сторінка, повинна виглядати як єдине ціле. На практиці це приводить до того, що потрібно сильно обмежувати себе в засобах.
Важливим компоненто досягнення єдності в композиції є досягнення рівноваги. Рівновага – це залог того, що у людей, які будуть дивитися на вашу роботу, не виникне почуття "тут щось не так". Рівновага композиції досягається не тільки за рахунок щодо рівномірного розподілу об'єктів, але і за рахунок їхніх розмірів, кольору, яскравості, форми. Рівновага буває двох основних типів: формальна і неформальна.
Формальна рівновага підрозуміває симетрію навколо оптичного центра композиції, наприклад:
Рис.1.37. Формальна рівновага найчастіше досягається симетрією
Формальна рівновага є одним з найпростіших способів досягнення гармонії в композиції. Проте вона припускає симетрію, а як говорилося вище, симетрія в сучасному дизайні вважається майже проявом дурного тону.
На практиці набагато частіше використовується неформальна рівноваги. Воно не має таких явних прикмет, як формальна, тому досягається, багато в чому, завдяки інтуїції і смаку. Неформальна рівновага може бути досягнута безліччю способів, але суть їх зводиться до одного: можна все, крім симетрії. Якщо на своїй web-сторінці або рекламній листівці ви розмістили велику фігуру і вона сильно домінує над іншими, можна це згладити, зменшивши її яскравість і змінивши колір інших. І навпаки, великий текстовий блок дуже легко врівноважується набагато меншою в розмірах, але цільною фігурою, наприклад:
Рис.1.38. Неформальна рівновага.
Для єдності композиції дуже важливо, щоб всі елементи, в міру можливостей, були розташовані в єдиному ритмі. Ритм — це дотримання визначеного чергування об'єктів і порожніх місць або чергування об'єктів у композиції, наприклад:
Рис.1.39. Приклад використання ритму при дизайні логотипа
Контраст. Контраст - це основа сучасного дизайну. Усі більш-менш професійні рішення або засновані на контрасті, або містять контраст як компонент. Контраст - це антипод єдності, з його допомогою не домагаються цілісності композиції, навпаки, ціль контрасту полягає в підкресленні відмінностей між об'єктами. Однак не варто протиставляти ці два поняття і думати, що вони несумісні. Саме "золота середина" між контрастом і єдністю - це те, до чого потрібно прагнути.
Розглянемо коротко різновиди контрасту в композиції:
Розмір. Один із кращих прийомів досягнення контрасту — різниця в розмірах між однаковими геометричними фігурами. Але варто пам'ятати: якщо ця різниця недостатньо велика, глядач може сприйняти її не як рішення дизайнера, а як його помилку, наприклад:
Рис.1.40. а - недостатня різниця в розмірах між фігурами сприймається як помилка дизайнера, б - тільки збільшення різниці розмірів може виправити ситуацію.
Форма. Форму краще використовувати для того, щоб підкреслювати єдність композиції. Справа в тім, що криволінійні і прямолінійні фігури занадто явно і грубо контрастують один з одним. На такому контрасті далеко не всі дизайнери можуть професійно побудувати роботу. Якщо ж фігури схожі між собою (як, наприклад, квадрат і трикутник), то їхнє сполучення викликає почуття незакінченості роботи і роздратує глядачів, наприклад:
Рис.1.41. а - криволінійні і прямолінійні фігури контрастують занадто грубо, б - різниця ж між формами одного типу виражена недостатньо сильно
Колір. Повного контрасту досягти за допомогою різниці в кольорі не можна, однак як доповнення - це відмінний варіант.
Шрифт. Шрифти являють собою досить явний контраст форм. Тому пошук занадто явної різниці між гарнітурами може зіграти негативну роль. Будьте обережніше!
Контраст же всієї композиції в цілому — це сполучення всіх перерахованих видів контрасту. Намагайтеся витримати почуття міри в його досягненні: не варто, наприклад, виділяти кольором елемент, що і без того добре контрастує завдяки своїм розмірам.