Презентація лекції
4 правила дизайна
Шевченко Вікторія Едуардівна Шевченко Вікторія Едуардівна Київ, 2011
4 правила • Групування • Контраст
• Повтор • Вирівнювання
Шевченко Вікторія Едуардівна Київ, 2011
• Групування. Всі елементи, які співвідносяться один з одним, мають розташовуватися поряд і сприйматися єдиним цілим. • Вирівнювання. Всі елементи мають бути зорово зв’язані один з одним, організовані відповідно значенню. • Повторення. Однакові за змістом елементи повинні бути оформлені однаково з першої до останньої сторінки видання (колір, контур, гарнітура, розмір, декоративні елементи). • Контраст. Елементи сторінки, якщо вони не зв’язані між собою, мають оформлятися по-різному (гарнітура, колір, розмір, товщина, контур, проміжки). Однакове оформлення означає зв’язок між елементами, протилежне оформлення стає різким контрастом – це найвагоміший спосіб привернення уваги. Шевченко Вікторія Едуардівна Київ, 2011
групування взаємопов’язані смислові елементи мають бути згупорвані
Шевченко Вікторія Едуардівна Київ, 2011
групування
тексти та зображення розкидані по всьому простору аркуша
Шевченко Вікторія Едуардівна Київ, 2011
групування
Групування здійснюється: - маніпулюванням проміжками і групами тексту; - тісним розташуванням елементів; - декоративними елементами; - однаковою (подібною) графікою; - розміром елементів; - кольором. За занятті – студенти мають подумати інші способи групування
Шевченко Вікторія Едуардівна Київ, 2011
групування
смислові групи наближені одна до одної
Шевченко Вікторія Едуардівна Київ, 2011
групування
груп не може бути більше 3-5
Шевченко Вікторія Едуардівна Київ, 2011
групування
Шевченко Вікторія Едуардівна Київ, 2011
групування
групування формою
Шевченко Вікторія Едуардівна Київ, 2011
групування
Шевченко Вікторія Едуардівна Київ, 2011
групування
Mosquitall «Журнал/ Magazine» (Faces Украина
Шевченко Вікторія Едуардівна Київ, 2011
групування групування кольором
Шевченко Вікторія Едуардівна Київ, 2011
групування
групування шрифтом
Шевченко Вікторія Едуардівна Київ, 2011
групування
групування розмірами
Шевченко Вікторія Едуардівна Київ, 2011
групування
Елементи або частини тексту, що не мають відношення один до одного, не повинні розташовуватися поряд.
Шевченко Вікторія Едуардівна Київ, 2011
групування
Текст не можна оформляти лише однією гарнітурою та кеглем. Незначна зміна кегля не дає виділення.
Шевченко Вікторія Едуардівна Київ, 2011
групування
Для додаткової інформації застосовують 7-8 кегль. Додаткову інформацію також розміщують як можна далі від основної, щоб вона не була сплутана з основною.
Шевченко Вікторія Едуардівна Київ, 2011
групування
Шевченко Вікторія Едуардівна Київ, 2011
1. 2.
групування Подібні за змістом елементи не обов’язково повинні бути розташовані поряд. Змістова єдність може бути зоровою.
3. 4. 5. 6.
Скільки окремих елементів ви бачите? Скільки разів погляд зупинився на тому чи іншому елементі? З якого елементу ви починаєте читати? На який наступний елемент переходить Ваш погляд? Чи можете Ви схематично показати послідовність читання? Коли Ви закінчуєте читання?
Шевченко Вікторія Едуардівна Київ, 2011
групування
Нестеренко Віталій
(044) 555-55-55
Київський університет Нестеренко Віталій
Київський університет 01001 Київ, Україна вул. Володимирська, 64 (044) 555-55-55 01001 Київ, Україна
Нестеренко Віталій
вул. Володимирська, 64
Київський університет
01001 Київ, Україна
Київський університет
(044) 555-55-55
вул. Володимирська, 64
Нестеренко Віталій 01001 Київ, Україна вул. Володимирська, 64 (044) 555-55-55
Шевченко Вікторія Едуардівна Київ, 2011
групування
Проаналізувати рекламу 1. Скільки Ви бачите окремих елементів? 2. Скільки груп елементів? 3. Які елементи слід згрупувати, а які розгрупувати? 4. Які елементи взагалі непотрібні? 5. Яким чином згруповані елементи?
Шевченко Вікторія Едуардівна Київ, 2011
групування
Переоформити оголошення, згрупувавши елементи 1. Розділити інформацію на окремі групи. 2. Встановити зв’язки між групами. Київський університет
Навчальний центр Підвищення кваліфікації
зроби себе розумнішим!
Тренінги викладачів
Літня школа серпень 2011 року
Шевченко Вікторія Едуардівна Київ, 2011
групування
переоформити рекламу
Шевченко Вікторія Едуардівна Київ, 2011
групування
Шевченко Вікторія Едуардівна Київ, 2011
Шевченко Вікторія Едуардівна Київ, 2011
вирівнювання
Зоровий зв’язок між елементами встановлюється композицією окремих груп елементів. Жоден елемент не може бути розташований без зв’язку з іншими елементами Шевченко Вікторія Едуардівна Київ, 2011
вирівнювання
відсутнє вирівнювання
Шевченко Вікторія Едуардівна Київ, 2011
вирівнювання
Елементи, розташовані на відстані, можуть поєднуватися завдяки їх оформленню та розташуванню.
Шевченко Вікторія Едуардівна Київ, 2011
вирівнювання
Групи тексту з однаковим способом вирівнювання зв’язуються невидимою лінією, відносно якої вони вирівняні
Шевченко Вікторія Едуардівна Київ, 2011
вирівнювання
Шевченко Вікторія Едуардівна Київ, 2011
вирівнювання
Шевченко Вікторія Едуардівна Київ, 2011
вирівнювання
Вирівнювання по центру
надає тексту офіційності, врівноважен ості, стандартизо ваності. Але, одночасно і одноманітно сті. Шевченко Вікторія Едуардівна Київ, 2011
вирівнювання
Вирівнювання по центру
Шевченко Вікторія Едуардівна Київ, 2011
вирівнювання
Вирівнювання по центру
Шевченко Вікторія Едуардівна Київ, 2011
вирівнювання
Вирівнювання відносно лівої межі
Вирівнювання відносно правої чи лівої межі більш активно впливає на читача, ніж вирівнювання по центру. Таке вирівнювання більш жорстко зв’язує елементи.
Шевченко Вікторія Едуардівна Київ, 2011
вирівнювання
Вирівнювання відносно лівої межі
Шевченко Вікторія Едуардівна Київ, 2011
вирівнювання
якщо хоча б два елемента стоять на одній лінії, вони зв’язуються
Шевченко Вікторія Едуардівна Київ, 2011
вирівнювання
вирівнювання відносно правої межі
Шевченко Вікторія Едуардівна Київ, 2011
вирівнювання
Шевченко Вікторія Едуардівна Київ, 2011
вирівнювання
Зображення слід вирівнювати відносно меж тексту
Шевченко Вікторія Едуардівна Київ, 2011
вирівнювання
Зображення і текст втрівняні за одним принципом
Шевченко Вікторія Едуардівна Київ, 2011
вирівнювання
На будь-якій сторінці повинні бути проведені невидимі лінії, навіть коли матеріал не пов’язаний між собою
Шевченко Вікторія Едуардівна Київ, 2011
вирівнювання Якщо текст вирівняний ліворуч, тоді заголовки та підзаголовки також слід вирівнювати ліворуч.
Шевченко Вікторія Едуардівна Київ, 2011
вирівнювання
ліве вирівнювання без абзацних відступів
Шевченко Вікторія Едуардівна Київ, 2011
вирівнювання
поєднання центрованого заголовка та рівномірного вирівнювання тексту
Шевченко Вікторія Едуардівна Київ, 2011
вирівнювання
Шевченко Вікторія Едуардівна Київ, 2011
вирівнювання
Шевченко Вікторія Едуардівна Київ, 2011
вирівнювання
Якщо вирівнювання на сторінці чіткі, тоді для створення акценту слід лише трохи відійти від макету
Шевченко Вікторія Едуардівна Київ, 2011
вирівнювання
досконалий макет з чітким виділенням
Шевченко Вікторія Едуардівна Київ, 2011
вирівнювання
вирівнювання може бути діагональним
Шевченко Вікторія Едуардівна Київ, 2011
вирівнювання
вирівнювання за траєкторією
Шевченко Вікторія Едуардівна Київ, 2011
повтор
Оформлення деяких елементів видання повинне повторюватися з першої до останньої сторінки.
Повторюватися можуть: •гарнітура і насиченість шрифту (наприклад у заголовках і підзаголовках), •підкреслення, •декоративні елементи, •колір, формат набору, •просторове розташування елементів тексту, •проміжки навколо заголовків або текстових блоків, •тексти та зображення від однієї лінії, •маркери.
Шевченко Вікторія Едуардівна Київ, 2011
повтор
Шевченко Вікторія Едуардівна Київ, 2011
повтор
Шевченко Вікторія Едуардівна Київ, 2011
повтор
Шевченко Вікторія Едуардівна Київ, 2011
повтор
Шевченко Вікторія Едуардівна Київ, 2011
повтор якщо всі заголовки оформити контрастним відносно основного тексту шрифтом, тоді сторінка стає ще більш виразною
Шевченко Вікторія Едуардівна Київ, 2011
повтор
Елемент, що повторюється, повинен бути виразним
Шевченко Вікторія Едуардівна Київ, 2011
повтор
Шевченко Вікторія Едуардівна Київ, 2011
повтор
Шевченко Вікторія Едуардівна Київ, 2011
контраст
Контраст – спосіб привернення уваги до конкретного місця на сторінці. Він виконує 2 завдання 1. Надати привабливий зовнішній вигляд 2. Організувати інформацію. Контраст можливий лише при чіткій організації різних елементів.
Контраст має ефект лише при значній відмінності елементів. Шевченко Вікторія Едуардівна Київ, 2011
контраст
Шевченко Вікторія Едуардівна Київ, 2011
контраст
Створюється контраст протиставленням • шрифтів: великого і малого, рукописного і рубленого, товстого і тонкого; • теплого і холодного кольорів; • рівної і рваної верстки; • горизонтального і вертикального елементів; • різний інтерліньяж; • великі та малі зображення. Шевченко Вікторія Едуардівна Київ, 2011
контраст
Шевченко Вікторія Едуардівна Київ, 2011
контраст
Шевченко Вікторія Едуардівна Київ, 2011
контраст
Шевченко Вікторія Едуардівна Київ, 2011
контраст
Шевченко Вікторія Едуардівна Київ, 2011
контраст
неможливос встановити акцент
Шевченко Вікторія Едуардівна Київ, 2011
контраст
Шевченко Вікторія Едуардівна Київ, 2011
контраст
Контраст створюється наступними засобами: •декоративні елементи (підкреслення, плашки, фігурні елементи, рамки...) •колір (але тільки контрастний) •проміжки (навкруги необхідного елементу •гарнітури шрифтів •формат набору Шевченко Вікторія Едуардівна Київ, 2011
контраст
Шевченко Вікторія Едуардівна Київ, 2011
контраст Контраст формату набору досягається протиставленням довгих вузьких шпальт і горизонтальним заголовком на формат набору
Шевченко Вікторія Едуардівна Київ, 2011
контраст
якщо розміри шрифтів подібні – контрасту не буде
Шевченко Вікторія Едуардівна Київ, 2011
контраст ін терліньяжу
Шевченко Вікторія Едуардівна Київ, 2011
контраст шрифту
Шевченко Вікторія Едуардівна Київ, 2011
Шевченко Вікторія Едуардівна Київ, 2011
контрастне виділення надто різким протиставлення
Шевченко Вікторія Едуардівна Київ, 2011
Для побудови сторінки необхідно: 1. Визначити центр уваги и контрастно виділити його. 2. Розподілити інформацію по групах і зв’язати їх 3. Розташувати текстові блоки відповідно до жорсткої лінії вирівнювання (зрушення від центру привертає увагу) 4. Видалити непотрібні елементи, які відволікають увагу і створюють зайві контрасти (декоративні елементи, колір) 5. Створити вільний простір 6. Зменшити додаткові тексти. 7. Яскравий ефект дають як дуже великі, так і дуже маленькі шрифтові та зображальні елементи – це вказує на їх значення. Шевченко Вікторія Едуардівна Київ, 2011
Шевченко Вікторія
графічний дизайн навчальні матеріали для студентів Інституту журналістики
Київ, 2010 Шевченко Вікторія Едуардівна Київ, 2011
Шевченко Вікторія
ГРАФІЧНИЙ ДИЗАЙН навчальні матеріали для студентів Інституту журналістики
Київ, 2010
Шевченко Вікторія Едуардівна Київ, 2011
Шевченко Вікторія
ГРАФІЧНИЙ ДИЗАЙН навчальні матеріали для студентів Інституту журналістики
Київ, 2010
Шевченко Вікторія Едуардівна Київ, 2011
Шевченко Вікторія
ГРАФІЧНИЙ ДИЗАЙН навчальні матеріали для студентів Інституту журналістики
Київ, 2010 Шевченко Вікторія Едуардівна Київ, 2011
Шевченко Вікторія
ГРАФІЧНИЙ ДИЗАЙН навчальні матеріали для студентів Інституту журналістики
Київ, 2010
Шевченко Вікторія Едуардівна Київ, 2011
Шевченко Вікторія
ГРАФІЧНИЙ ДИЗАЙН навчальні матеріали для студентів Інституту журналістики
Київ, 2010
Шевченко Вікторія Едуардівна Київ, 2011
Шевченко Вікторія Едуардівна Київ, 2011
Шевченко Вікторія Едуардівна Київ, 2011