![Page 1: “Культура оформлення комп`ютерних презентацій”](https://reader038.vdocuments.site/reader038/viewer/2022102910/56814210550346895dae162d/html5/thumbnails/1.jpg)
“Культура оформлення комп`ютерних презентацій”
Навчально-методичний семінар
![Page 2: “Культура оформлення комп`ютерних презентацій”](https://reader038.vdocuments.site/reader038/viewer/2022102910/56814210550346895dae162d/html5/thumbnails/2.jpg)
Підготовчий етап передбачає
• Визначення мети презентації• Зорієнтованість на контингент слухачів• Планування структури• Розробку підсумків• Розробку вступу• Розробку внутрішньої структури• Визначення тривалості презентації• Проведення репетиції
![Page 3: “Культура оформлення комп`ютерних презентацій”](https://reader038.vdocuments.site/reader038/viewer/2022102910/56814210550346895dae162d/html5/thumbnails/3.jpg)
3 категорії мети
Мета 1 •вплинути на будь-кого з метою отримання очікуваного результату
Мета 2 •навчити будь-кого. Вона простіша, тому що слухачі заздалегідь мотивовані на отримання знань
Мета 3 •проінформувати аудиторію. У цьому випадку нікого ні в чому переконувати не треба – аудиторія лише чекає інформації
![Page 4: “Культура оформлення комп`ютерних презентацій”](https://reader038.vdocuments.site/reader038/viewer/2022102910/56814210550346895dae162d/html5/thumbnails/4.jpg)
Гармонійність презентації• виражається в умінні поєднувати всі
елементи оформлення, включаючи ілюстрації і шрифт.
• все повинно бути підпорядковане загальній композиції.
![Page 5: “Культура оформлення комп`ютерних презентацій”](https://reader038.vdocuments.site/reader038/viewer/2022102910/56814210550346895dae162d/html5/thumbnails/5.jpg)
Мова презентації повинна бути лаконічною.
• Це стосується всіх „видів” мови: текстової, графічної, звукової.
![Page 6: “Культура оформлення комп`ютерних презентацій”](https://reader038.vdocuments.site/reader038/viewer/2022102910/56814210550346895dae162d/html5/thumbnails/6.jpg)
Що треба зробити спочатку?
• Зберіть спочатку все, що Ви хотіли б сказати, намалювати, озвучити.
• Виберіть у цьому матеріалі найважливіше і відкиньте все інше.
• У найважливішому проведіть скорочення спочатку на рівні речень, малюнків, мелодій, а потім ще й на рівні слів, елементів малюнків, звуків.
• Після цього у Вас залишиться квінтесенція Вашої презентації.
![Page 7: “Культура оформлення комп`ютерних презентацій”](https://reader038.vdocuments.site/reader038/viewer/2022102910/56814210550346895dae162d/html5/thumbnails/7.jpg)
Сприйняття людиною інформації
![Page 8: “Культура оформлення комп`ютерних презентацій”](https://reader038.vdocuments.site/reader038/viewer/2022102910/56814210550346895dae162d/html5/thumbnails/8.jpg)
Людина запам'ятовує:
• 10% з того, що читає;• 20% з того, що чує;• 30% з того, що бачить;• 50% з того, що одночасно бачить і чує.
![Page 9: “Культура оформлення комп`ютерних презентацій”](https://reader038.vdocuments.site/reader038/viewer/2022102910/56814210550346895dae162d/html5/thumbnails/9.jpg)
Ці цифри – висновки наукових досліджень, при використанні візуальних демонстраційних засобів
• Імовірність переконати слухачів вища на 43 %.
• Люди будуть готові оцінити Ваш виступ на 26% більше за те саме, що Ви б розповідали без презентації.
• Ви зможете розповісти таку саму інформацію за час, менший на 25-40%.
• Якщо зображення варте тисячі слів, то це означає, що картинка еквівалентна восьми хвилинам розмови.
![Page 10: “Культура оформлення комп`ютерних презентацій”](https://reader038.vdocuments.site/reader038/viewer/2022102910/56814210550346895dae162d/html5/thumbnails/10.jpg)
Варто взяти до уваги
• Якщо Ваші демонстраційні засоби виготовлені в кольорі, Ви досягнете на 85% більшої уваги.
![Page 11: “Культура оформлення комп`ютерних презентацій”](https://reader038.vdocuments.site/reader038/viewer/2022102910/56814210550346895dae162d/html5/thumbnails/11.jpg)
І знову кілька правил
• Використовуйте колір. • Виділяйте ключові моменти на слайді
кольором (принаймні два кольори, але не більше трьох).
• Прискорення навчання, запам'ятовування і згадування складає від 55 до 78%.
• Колір поліпшує розуміння до 73%.
![Page 12: “Культура оформлення комп`ютерних презентацій”](https://reader038.vdocuments.site/reader038/viewer/2022102910/56814210550346895dae162d/html5/thumbnails/12.jpg)
Цікаво пригадати
Геракліт сказав:
"Очі – правильніші свідки, ніж вуха".
Йому вторить Гомер: "Свідомість набагато повільніше збуджується вухом, ніж оком".
![Page 13: “Культура оформлення комп`ютерних презентацій”](https://reader038.vdocuments.site/reader038/viewer/2022102910/56814210550346895dae162d/html5/thumbnails/13.jpg)
Слід пам`ятати
люди в аудиторії запам'ятовують, як правило, не більш 10 % змісту презентації;
найефективніші презентатори можуть збільшити ступінь запам’ятовування не більше 50 % всього обсягу змісту.
![Page 14: “Культура оформлення комп`ютерних презентацій”](https://reader038.vdocuments.site/reader038/viewer/2022102910/56814210550346895dae162d/html5/thumbnails/14.jpg)
Головне для виступаючого –
• не перевантажувати слухачів інформацією, а вміти торкатися їхніх інтересів і виділяти найважливіші моменти.
![Page 15: “Культура оформлення комп`ютерних презентацій”](https://reader038.vdocuments.site/reader038/viewer/2022102910/56814210550346895dae162d/html5/thumbnails/15.jpg)
Слайди для оцінки тривалості їх експозиції можна, умовно, розподілити на 4 типи:
• фонові – зображення або текст прямо не зв'язані з голосовою інформацією,
• ілюстративні – зображення лише підкріплює голосову інформацію і не вимагає вдумливого вивчення,
• інформаційно-графічні – зображення несе основну інформацію і вимагає вдумливого розгляду,
• інформаційно-текстові – основне навантаження несе текст.
![Page 16: “Культура оформлення комп`ютерних презентацій”](https://reader038.vdocuments.site/reader038/viewer/2022102910/56814210550346895dae162d/html5/thumbnails/16.jpg)
Правило
• Чим більше інформаційне навантаження несе слайд, тим більшою повинна бути тривалість його експозиції на екрані.
![Page 17: “Культура оформлення комп`ютерних презентацій”](https://reader038.vdocuments.site/reader038/viewer/2022102910/56814210550346895dae162d/html5/thumbnails/17.jpg)
Приблизна тривалість демонстрації кожного типу слайдів:
• фонові – близько 30 секунд,• ілюстративні – 0,5–1 хвилина,• інформаційно-графічні – 1–1,5
хвилини, • інформаційно-текстові – близько
2 хвилин.
![Page 18: “Культура оформлення комп`ютерних презентацій”](https://reader038.vdocuments.site/reader038/viewer/2022102910/56814210550346895dae162d/html5/thumbnails/18.jpg)
Варто мати на увазі
мінімальний час демонстрації слайда повинен бути не менше 20 секунд – цей час необхідний для фокусування зору і сканування картинки;
• максимальний час – 2 хвилини, при його перевищенні слухач після сприйняття інформації починає перефокусовувати свою увагу на інші об'єкти. Це стомлює і зір, і увагу.
![Page 19: “Культура оформлення комп`ютерних презентацій”](https://reader038.vdocuments.site/reader038/viewer/2022102910/56814210550346895dae162d/html5/thumbnails/19.jpg)
Слід також зазначити
використання ілюстративних, а також, певною мірою, інформаційно-графічних слайдів дозволяє у разі потреби надолужити згаяний час за рахунок лише голосового позначення слайдів з їхньою короткою демонстрацією без коментарів.
![Page 20: “Культура оформлення комп`ютерних презентацій”](https://reader038.vdocuments.site/reader038/viewer/2022102910/56814210550346895dae162d/html5/thumbnails/20.jpg)
Шрифт
Шрифти, які використовуються на слайдах, повинні легко читатися, бути доречними і гармонічними.
Ці умови визначаються:• стилем шрифту,• товщиною,• розміром букв, • довжиною рядка, • відстанню між словами і між рядками.
![Page 21: “Культура оформлення комп`ютерних презентацій”](https://reader038.vdocuments.site/reader038/viewer/2022102910/56814210550346895dae162d/html5/thumbnails/21.jpg)
Кілька порад
Не слід обирати занадто великий кегль (розмір шрифту).
Великі заголовки можуть не привернути уваги читача на тлі дрібнішого шрифту основного тексту чи невеликих графічних елементів.
Інтервали – відстані між буквами в словах, між словами і між рядками в абзаці.
![Page 22: “Культура оформлення комп`ютерних презентацій”](https://reader038.vdocuments.site/reader038/viewer/2022102910/56814210550346895dae162d/html5/thumbnails/22.jpg)
Існує кілька типів вирівнювання тексту.
За замовчуванням будь-якою програмою чи мовою розмітки використовується вирівнювання по лівому краю з рваним правим.
Вирівнювання по правому краю, яке відрізняється від попереднього лише "нонконформістським" характером.
Центрування рядків, як правило, застосовується для вирівнювання заголовків.
Вирівнювання по ширині – ідеальний варіант для вирівнювання великих обсягів тексту в колонку досить великої ширини
![Page 23: “Культура оформлення комп`ютерних презентацій”](https://reader038.vdocuments.site/reader038/viewer/2022102910/56814210550346895dae162d/html5/thumbnails/23.jpg)
Аналогії
• Кращі у світі доповідачі використовують аналогії для створення простих у розумінні образів своїх ключових положень і концепцій.
• Ви можете викласти концепції за короткий проміжок часу, при кращому розумінні й запам'ятовуванні на більший термін, якщо використовуєте аналогії.
• Вони настільки ефективні, що люди запам'ятовують деякі з них на все життя.
![Page 24: “Культура оформлення комп`ютерних презентацій”](https://reader038.vdocuments.site/reader038/viewer/2022102910/56814210550346895dae162d/html5/thumbnails/24.jpg)
Кольори
При виборі контрастних кольорів дизайнери, як правило, користуються системою HSV (англ. Hue-Saturatіon-Value, тон-насиченість-яскравість).
![Page 25: “Культура оформлення комп`ютерних презентацій”](https://reader038.vdocuments.site/reader038/viewer/2022102910/56814210550346895dae162d/html5/thumbnails/25.jpg)
Сполучення кольорів на слайді
• Не можна використовувати кольори, розташовані занадто близько один до одного на кольоровому колі – дисонанс між такими кольорами буквально б'є в око (як ріже вухо дисонанс між нотами, що розрізняються тільки на півтону).
• З іншого боку, прямо протилежні кольори теж рідко утворять гармонічні пари – зелений з фіолетовим чи червоний із блакитним звичайно здаються занадто різнорідними (відносно непогано сполучаються тільки синій з жовтим).
• Мабуть, найкраще сполучаються і контрастують один з одним кольори, розташовані один від іншого приблизно на відстані чверті кольорового кола.
![Page 26: “Культура оформлення комп`ютерних презентацій”](https://reader038.vdocuments.site/reader038/viewer/2022102910/56814210550346895dae162d/html5/thumbnails/26.jpg)
Мал. 1 Мал.2 Мал. 3
![Page 27: “Культура оформлення комп`ютерних презентацій”](https://reader038.vdocuments.site/reader038/viewer/2022102910/56814210550346895dae162d/html5/thumbnails/27.jpg)
Сполучення кольорів
• Різниця в яскравості чи насиченості двох кольорів помітна відразу, але все ж таки вона сприймається звичайно лише як щось додаткове до різниці основних тонів.
• Логічно тому, щоб по одному з цих двох параметрів кольори різко розрізнялися, підтримуючи контраст тонів, а по другому – підтримували один одного, не дозволяючи кольоровому рішенню розпастися (мал. 1).
• Якщо спільність кольорів не така важлива, можна застосувати протиставлення всіх трьох компонентів кольору (мал. 2) – збільшення кількості протилежних аспектів не підсилює, а послаблює контраст, роз'єднуючи елементи.
• І навпаки, якщо Ви хочете підкреслити взаємодію між кольорами, зв'язавши їх особливо тісним контрастом, можна використовувати два параметри для об'єднання й один (найкраще – яскравість) для протиставлення (мал. 3)
![Page 28: “Культура оформлення комп`ютерних презентацій”](https://reader038.vdocuments.site/reader038/viewer/2022102910/56814210550346895dae162d/html5/thumbnails/28.jpg)
Тенденції кольорових рішень• Розглядаючи тенденції кольорових рішень у
дизайні слайдів, всі їх можна розбити на дві великі групи: з темним текстом на світлому фоні і зі світлим текстом на темному фоні.
• Другі значно популярніші від перших (якщо не враховувати традиційні чорно-білі слайди, які ще складають все-таки помітну більшість).
• У той же час використання темного фону в презентаціях має багато застережень.
![Page 29: “Культура оформлення комп`ютерних презентацій”](https://reader038.vdocuments.site/reader038/viewer/2022102910/56814210550346895dae162d/html5/thumbnails/29.jpg)
Контраст між елементами
• Контраст між елементами ділиться на дві категорії: одновимірний та багатовимірний.
• При одновимірному контрасті розглядається лише один параметр об’єктів, по якому вони контрастують, наприклад, розмір.
• Багатовимірний контраст вимагає від дизайнера набагато більшої уваги до реалізації. Адже потрібно не втратити зв’язок між елементами композиції.
![Page 30: “Культура оформлення комп`ютерних презентацій”](https://reader038.vdocuments.site/reader038/viewer/2022102910/56814210550346895dae162d/html5/thumbnails/30.jpg)
Параметри об'єкту
• Форма• Розмір • Колір• Шрифт
![Page 31: “Культура оформлення комп`ютерних презентацій”](https://reader038.vdocuments.site/reader038/viewer/2022102910/56814210550346895dae162d/html5/thumbnails/31.jpg)
Графічне представлення даних
• Перевага використання графіків та діаграм.
• Різниця між слайдом, заповненим цифрами, і графіком може скласти десять хвилин виступу.
![Page 32: “Культура оформлення комп`ютерних презентацій”](https://reader038.vdocuments.site/reader038/viewer/2022102910/56814210550346895dae162d/html5/thumbnails/32.jpg)
• Гістограми (горизонтальні або вертикальні) гарні для демонстрації порівнянь значень однієї чи кількох величин у невеликій кількості точок (роки, країни, галузі).
![Page 33: “Культура оформлення комп`ютерних презентацій”](https://reader038.vdocuments.site/reader038/viewer/2022102910/56814210550346895dae162d/html5/thumbnails/33.jpg)
• Секторні діаграми зручні для демонстрації частки окремих складових до всього цілого.
![Page 34: “Культура оформлення комп`ютерних презентацій”](https://reader038.vdocuments.site/reader038/viewer/2022102910/56814210550346895dae162d/html5/thumbnails/34.jpg)
• Графіки гарні для демонстрації змін або тенденцій однієї чи кількох величин у великій кількості точок. найчастіше у часі.
![Page 35: “Культура оформлення комп`ютерних презентацій”](https://reader038.vdocuments.site/reader038/viewer/2022102910/56814210550346895dae162d/html5/thumbnails/35.jpg)
Анімація
• У презентаціях існує два типи анімації: при переході від одного слайду до іншого і при появі об’єктів на слайді.
![Page 36: “Культура оформлення комп`ютерних презентацій”](https://reader038.vdocuments.site/reader038/viewer/2022102910/56814210550346895dae162d/html5/thumbnails/36.jpg)
Зауваження
• Головним призначенням анімованої появи чи зникнення об’єктів є управління наявною на екрані інформацією.
• У деяких випадках анімація заважає сприйняттю інформації, в інших – допомагає.
![Page 37: “Культура оформлення комп`ютерних презентацій”](https://reader038.vdocuments.site/reader038/viewer/2022102910/56814210550346895dae162d/html5/thumbnails/37.jpg)
Зміна слайдів• При виборі способу зміни слайдів слід брати до уваги
таке:• спосіб появи слайду можна узгодити з загальною
ідеєю оформлення презентації – якщо слайди оформлені як листки зошиту чи календаря, то їх зміна може нагадувати гортання чи відривання сторінок;
• текст повинен з’являтися на екрані своїм початком, а не закінченням, тобто поява слайду з текстом відбувається справа, знизу або справа-знизу, відповідно попередній слайд зникає у протилежному напрямку.
![Page 38: “Культура оформлення комп`ютерних презентацій”](https://reader038.vdocuments.site/reader038/viewer/2022102910/56814210550346895dae162d/html5/thumbnails/38.jpg)
Правило “7 плюс-мінус 2”
• Свідома увага людини обмежена сімома плюс-мінус двома одиницями інформації.
• Це означає, що для сприйняття будь-яке повідомлення або його структурна частина не повинні містити більше дев'яти блоків або смислових одиниць. Інакше свідомість буде перевантажена і, як наслідок, відключена.
![Page 39: “Культура оформлення комп`ютерних презентацій”](https://reader038.vdocuments.site/reader038/viewer/2022102910/56814210550346895dae162d/html5/thumbnails/39.jpg)
Обмеження• При підготовці окремих слайдів слід
орієнтуватись на таке обмеження: кількість об'єктів інформації – аргументів, нових положень або розрахунків не повинна перевищувати трьох на слайд.
• Звичайно, ці положення розташовуються у нижній частині аркуша за ступенем важливості після того, як у верхній частині були наведені причини, що призвели до такого висновку, аргументу, розрахунку.
![Page 40: “Культура оформлення комп`ютерних презентацій”](https://reader038.vdocuments.site/reader038/viewer/2022102910/56814210550346895dae162d/html5/thumbnails/40.jpg)
Корисні посилання
http://www.nsu.ru/education/powerpoint/http://www.unicyb.kiev.ua/Library/Present/i
ndex.htmhttp://www.artlebedev.ru