Візуалізація текстової та числової інформації. Основні прийоми конструювання презентації

*

Вступ

“Презентація” – навіщо це дизайнеру ?
Це :
комунікативний процес
засіб привернути увагу
засіб

*

Вступ

Презентація дозволяє
викласти тему швидше
підтримувати зоровий контакт з аудиторією
подати більше нової

*

Тема 5. Основні прийоми конструювання презентації
1. Інформаційний дизайн.
2. Композиційний дизайн.
3.

*

Термінологія

Конструювання презентації – процес створення демонстраційних матеріалів
Слайд – множина об'єктів демонстрації
Об'єкт

*

Текст

Дизайн презентацій

Основні аспекти дизайну презентацій
Характеристики “елементів” презентацій
Напрямки та місця використання

Текст

Питання

Текст

частина

Вступ

Основна

Висновки

*

Інформаційний дизайн

Ефективність передачі інформації
75% - зір
13% - слух
12 % - нюх,

*

Інформаційний дизайн

Людина запам'ятовує
10 % з того, що читає
20 % з того,

*

Інформаційний дизайн

Ефективність використання візуальної демонстрації
на 43 % > ймовірність переконати

*

Інформаційний дизайн

*

Інформаційний дизайн

Приклад демонстраційного засобу

*

Інформаційний дизайн

Сприйняття збільшується на 85%

*

Інформаційний дизайн

Використання лише текстового матеріалу
Недоліки:
Слухач відволікається на читання тексту
Надмірна кількість об'єктів

*

Інформаційний дизайн

*

Інформаційний дизайн

Загальні правила створення презентацій
Спрощення
Три кривих на графіку
Виділення кольором (

*

Інформаційний дизайн

Використання шрифтів
Arial, Arial Narow, Tahoma
Розмір – 18-28 пт (заголовок

*

Композиційний дизайн
Просторові відношення
Форма
Кількісні обмеження
Колір
Контраст

*

Композиційний дизайн

Просторові відношення
Розмір
Взаємне розташування

*

Композиційний дизайн

Просторові відношення. Розмір
Значна різниця розмірів об'єктів втомлює зір
За великої

*

Композиційний дизайн

Просторові відношення. Розташування
Еквівалентні (однорівневі) об'єкти розміщують лінійно
Підпорядковані (різнорівневі) в

*

Композиційний дизайн

Приклад. Візуальне підкреслення об'єктів
Однорівневі об'єкти

*

Композиційний дизайн

Просторові відношення. Розташування
Візуальне підкреслення об'єктів:
Маркери, крапки
Таблиця
Виділення та зближення рядків

*

Композиційний дизайн

Просторові відношення. Розташування Різнорівневі об'єкти
Заголовок – текст
Система вкладених меню

*

Композиційний дизайн

Приклад. Візуальне підкреслення об'єктів

*

Композиційний дизайн

Форма
Форми побудовані з прямих ліній та кутів
Криволінійні форми

*

Композиційний дизайн

Форми побудовані з прямих ліній та кутів
Застосування ліній

*

Композиційний дизайн

Форми побудовані з прямих ліній та кутів
Застосування прямокутників

*

Композиційний дизайн

Інші форми
Коло
Безформні об'єкти

*

Композиційний дизайн

Кількісні обмеження об'єктів
7±2 – не більше 9 смислових блоків
Краще:
3

*

Дизайн світлових і кольорових рішень

Колір
Залежність сприйняття від площі об'єкту

*

Дизайн світлових і кольорових рішень

Колір
Сполучення кольорів

Підкреслення взаємодії

Підтримка контрасту тонів

Роз'єднання елементів

Модель HSB

Найкраще

*

Дизайн світлових і кольорових рішень

У дизайні слайдів використовують:
Темний текст на світлому

*

Дизайн світлових і кольорових рішень

У дизайні слайдів використовують:
Контраст форми
Контраст розмірів
Контраст кольору
Контраст

*

Мультимедія
Мультиме́діа (лат. Multum + Medium) — комбінування різних форм представлення інформації

*

Мультимедія

Мультимедійні засоби:
Геометричні фігури
Растрові зображення
Векторні зображення
Чисельні діаграми

*

Мультимедія

Геометричні фігури

Логічний зв’язок та послідовність

Оформлення понять та їх сполучення

*

Мультимедія

Растрові зображення
Недоліки:
1. Великий об'єм
2. Погана масштабованість

*

Мультимедія

Растрові зображення

*

Мультимедія

Растрові зображення

*

Мультимедія

Растрові зображення

Прибор Адгезиметр РН (РОЛИКОВЫЙ) /Измерение адгезии покрытий методом решетчатого надреза.

*

Мультимедія

Векторні зображення (форма представлення штучних зображень)
Переваги:
Легко масштабуються
Компактні
Недоліки:
Виглядають неприродно

*

Мультимедія

Векторні зображення

*

Мультимедія

Чисельні діаграми
Гістограми
Графіки
Секторні діаграми

*

Мультимедія

Чисельні діаграми – порівняння значень однієї чи кількох величин для невеликої

*

Мультимедія

Графіки - демонстрація змін або тенденцій однієї чи кількох величин для

*

Мультимедія

Секторні діаграми - демонстрація частки окремих складових до цілого

*

Мультимедія

Анімація та відео
Анімація навігації слайдів
Напрямки появи слайдів

*

Мультимедія

Анімація та відео
Анімація об'єктів на слайді

α

*

Яка презентація ефективна?

Приводить слухачів до беззаперечного висновку, бо
вони вловлюють

*

Ефективна презентація

Мета презентації – заволодіти, провести, донести суть, спонукати до дії.
Досягнення

*

Ознаки ефективної презентації:

Чітка мета;
Зрозуміла вигода для слухачів (аудиторії);
Чітка історія – послідовність

*

Мета презентації - п. А → п. Б

*

Потреби аудиторії

Обов'язково врахуйте людський фактор: інтереси, турботи, проблеми, переконання страхи ,

*

Вигода аудиторії у відповідях на такі питання:

Це важливо для Вас тому,

*

Складові презентації:

Історія
Графічний матеріал
Виступ
Інструменти презентації
Питання та відповіді

*

Історія !?

Правильно побудована історія - основа хорошої подачі матеріалу.

*

Креативна побудова історії:

Мозковий штурм;
Сортування ідей;
Фокусування;
Організація;
Потік.

*

Керування рамками у мозковому штурмі :

П. Б;
Аудиторія: особливості, рівень знань, бажання

Сортування ідей:

Об'єднання материнської та дочірних ідей;
Структурування до 5-6 основних ідей.

Структури потоку

1. Модульна
2. Хронологічна
3. Фізична
4. Просторова

Структури потоку

5. Проблема/розвязання
6. Важка задача/дія
7. Можливість/засоби реалізації
8. Форма/функції

Структури потоку

9. Властивості/вигоди
10. Конкретний приклад
11. Аргумент/помилкова думка
12. Порівняння/контраст

Структури потоку

13. Матриця
14. Паралельні треки
15. Риторичні питання
16. Числова

Вибираючи структуру, врахуйте

Індивідуальний стиль доповідача;
Інтереси аудиторії;
Особливості історії;
Повістка дня;
Естетична атмосфера.

Вступ

Початок доповіді повинен зацікавити аудиторію.

Вступ

Питання до аудиторії;
Цікаві статистичні дані чи маловідомий факт;
Ретроспектива / перспектива;
Цікава лаконічна

Доповідь (структура історії)

Вступ;
Унікальність пропозиції (УТП);
Доведення концепції;
Узагальнення – коротко про презентацію;
Структура потоку;
Розв'язка;
Підсумки.

Графічний матеріал

Графічний матеріал повинен допомагати доповідачу.
Презентація – не документ.

Елементи графічного оформлення

1. Образотворчі: фото, ескізи, карти, символи, логотипи, скріншоти тощо.
2.

Базові принципи ефективного графічного дизайну:

1) фокус на доповідачі;
2) “менше- це більше”;
3)

Вимоги до тексту

1. Перелік пунктів.
2. Цілі речення?
3. Не використовувати для маркерів

Стилістичні прийоми

1. Прості шрифти.
2. Два або три типи шрифтів в одній

Принципи графічної послідовності

1. Заставка.
2. Індексація графічним кодуванням.
3. Загальноприйняті символи.
4. Якірні обєкти.
5.

У центрі презентації – доповідач,

а добре підготована доповідь – ознака ефективного

Підготовка до доповіді:

1) єдиний правильний шлях тренування – проговорити презентацію так,

Підготовка до доповіді:

4) внутрішні зв'язки між слайдами – виразні усні переходи,

*

Заключення

Розглянуті питання:
Інформаційний та композиційний дизайн
Застосування кольору
Використання мультимедійних засобів
В результаті опрацювання

За матеріалами:

1. Вайсман Дж. Блестящая презентация. Как завоевать аудиторию. Обновленное и