Урок 11 Інформатика 10 Стандарт
Принципи стильового оформлення презентацій. Основні принципи дизайну слайдів.
Мета.
Навчальна. Ознайомити учнів з основними принципами дизайну слайдів та принципами стильового оформлення презентацій.
Розвиваюча. Розвивати логічне мислення, самостійність, вміння застосовувати набуті знання до практичних завдань.
Виховна. Виховувати наполегливість, естетичність у оформленні, грамотно висловлювати свої думки.
Тип уроку. Вивчення нового матеріалу, формування вмінь і навичок.
Обладнання: ПК, підручники, кольорові олівці, мультимедійний проектор, комп'ютерна презентація з висновками нового матеріалу.
Учні повинні знати: основні принципи дизайну слайдів; принципи стильового оформлення презентацій; правила вибору стильового оформлення слайдів презентації'; вимоги до змісту презентації; вимоги до врахування особливостей сприйняття кольорів і форм.
Учні повинні вміти:добирати стильове оформлення презентації та дизайн слайдів; структурувати слайди презентації за певними вимогами; добирати кольори та анімаційні ефекти, враховуючи психологічні особливості сприйняття інформації.
Матеріали для роботи з учнями:
Інформатика 10 клас: підручник для загальноосвітніх навчальних закладів: стандарту рівень / Й.Я. Ривкінд, T.I. Лисенко, Л.А. Чернікова, В.В. Шакотько.
План
Пам’ятка для учня!
Хід уроку
1. Організація класу.
2. Перевірка домашнього завдання.
Тестування на сайті дистосвіта.
Завдання
2, 4, 6.
Учні відповідають на питання за підручниками, демонструють презентації, створені вдома.
3. Мотивація навчальної діяльності.
Розповідь учителя
Основними каналами прийому інформації є зоровий та слуховий. Візуальна форма подання інформації є продуктивнішою, оскільки пропускна здатність зорового каналу сприйняття інформації є вищою за пропускну здатність слухового каналу (приблизно в 7,5 разів). Однак найефективніше сприйняття інформації забезпечує оптимальне поєднання візуальної та вербальної форм її подання. Саме такий спосіб подачі інформації застосовується в електронних презентаціях. Це також важливо з точки зору необхідності періодично переключати увагу аудиторії для стимуляції процесу сприйняття матеріалу.
При створенні презентації величезне значення має її оформлення. Саме дизайн презентації визначає комфортність слухачів під час ознайомлення із поданим матеріалом.
4. Актуалізація опорних знань.
Фронтальне опитування
5. Теоретичний матеріал.
Поняття про дизайн
Термін «дизайн» у повсякденному житті трапляється доволі часто. Переглядаючи телепередачу про ремонт квартири, ви чуєте про цікавий дизайн вітальні або кабінету. У репортажі із чергового автошоу репортер захоплено розповідає про інноваційний дизайн нового автомобіля. Афіша виставки одягу сповіщає про незвичний підхід до дизайну жіночих суконь відомого кутюр’є.
Як ви вже знаєте з курсу образотворчого мистецтва, дизайн (англ. design - задум, план, проект, ескіз, композиція) - це процес художньо- технічного проектування виробів або їхніх комплексів. Дизайном називають також і результат цього проектування. Людину, що займається дизайном, називають дизайнером.
У ході художньо-технічного проектування визначаються значення властивостей об’єкта (технічних і художніх), а також взаємозв’язки окремих складових об’єкта.
Об’єктом дизайну може бути довільний об’єкт, з яким людина зустрічається у повсякденному житті. Наприклад, на рисунку 2.18 подано дизайнерські розробки відомої російської студії Артемія Лебедєва - чашка з ручкою у вигляді символу @ та флеш-накопичувач у вигляді значка папки.
Залежно від об’єктів, для яких розробляється дизайн, виділяють кілька його напрямків:
У процесі розробки дизайну об’єкта, наприклад комп’ютерної презентації, виділяють кілька етапів:
Як окремий напрямок у мистецтві дизайн почав розвиватися на початкуХХ ст. у Радянському Союзі та Німеччині.
У 1920 році в Москві був створений ВХУТЕМАС (рос. Высшие государственные художественно-технические мастерские - Вищі державні художньо- технічні майстерні) - навчальний заклад, до якого входив цілий ряд факультетів, більшість з яких мала прикладне спрямування: архітектурний, живопису, скульптури, текстильний, керамічний, дерево- і металообробки. У цьому закладі вперше на науковій основі вивчалися питання використання надбань мистецтва для потреб масового виробництва.
У 1919 році у Веймарі (Німеччина) створюється Вища школа будівництва та художнього конструювання або БАУХАУС (нім. Bauhaus - будівельний дім). Програма навчання в школі передбачала об’єднання мистецтва з будівельною технікою. Кредо БАУХАУСА - художник, ремісник і технолог в одній особі. Викладачі та випускники школи суттєво вплинули на різні напрямки ужиткового та зображувального мистецтва, від ілюстрування книжок і реклами до архітектури та проектування меблів.
Основні принципи дизайну презентації і слайдів
Незважаючи на те, що дизайн - це творчий процес і, як більшість інших творчих процесів, залежить від індивідуальності автора, його таланту, усе ж таки він базується на ряді принципів, дотримання яких дає змогу створювати якісні продукти. Для успішної реалізації завдань дизайну необхідно дотримуватися законів композиції, колористики та ергономіки:
Їх вимоги визначають основні принципи дизайну будь-яких об’єктів, у тому числі презентацій і їхніх складових - слайдів.
Композиція презентації
Під час розробки композиції презентації слід визначити цілі її створення та призначення. Залежно від цього планується приблизна кількість слайдів і об’єктів, які будуть на них розміщені (зміст презентації). Визначається структура презентації, використання в презентації слайдів різних типів, а також система навігації - переходи від одного слайда до іншого, наявність гіперпосилань та інших елементів керування. Потім переходять до розробки композиції (структури) кожного зі слайдів.
При цьому потрібно враховувати такі властивості композиції:
Слід зважати на те, що наявність полів у слайда надає відчуття простору, а їх відсутність - зменшує комфортність, створює почуття замкнутості
Колористика
Фізіологи та психологи вже давно займаються вивченням дії світла і кольору на фізичний та емоційний стан людини. Для створення ефективної та гармонійної презентації слід правильно вибрати її основний колір.
Основний колір для презентації - це колір тла більшості слайдів, який і буде створювати загальний настрій глядача.
Під час вибору основного кольору слід зважати на так звану психологічну характеристику кольорів. Вона виражає вплив кольорів на психічний стан людини. Цей вплив може відрізнятися залежно від віку, соціального статусу та настрою людини. Однак у більшості випадків кольори мають таку психологічну характеристику:
Наведені характеристики впливу деяких кольорів на психічний стан людини можуть також відрізнятися залежно від інтенсивності кольорів. За умови зменшення інтенсивності та яскравості кольору зменшується інтенсивність його дії на психіку людини.
Слід також зважати на те, що простим, насиченим кольорам та їх контрастному поєднанню надають перевагу люди зі здоровою, не перевтомленою психікою. До цієї категорії належать діти, підлітки, люди фізичної праці, люди з прямим і відкритим характером. Для підтвердження цього положення достатньо звернути увагу на кольорову гаму виробів ужиткового мистецтва та виробів, призначених для дітей, особливо дошкільного віку. Така кольорова гама збуджує і активізує діяльність.
Малонасичені кольори з тонким поєднанням відтінків, з плавним переходом від одного відтінку до іншого викликають заспокоєння, потребують більш тривалого і вдумливого спостереження об’єктів, їм надають перевагу люди з доволі високим культурним рівнем, середнього та похилого віку, з інтелектуальним спрямуванням трудової діяльності, а також люди з втомленою або дуже чутливою нервовою системою. Тому ці кольори переважають в одязі людей старшого покоління, в інтер’єрах музеїв, лікарень.
Психологічне сприйняття кольорів, а також певні усталені поєднання значень кольорів у житті людини активно використовують у різних галузях:
На вибір основного кольору презентації впливають умови її демонстрації.
Для перегляду на екрані монітора слід вибирати темні відтінки кольорів для тла, бо яскраві кольори втомлюють користувача. Якщо ж презентація буде демонструватися на екрані з використанням мультимедійного проектора або роздруковуватися на папері, то основний колір повинен добиратися зі світлих відтінків.
Крім основного кольору, добирають кілька допоміжних, які в сукупності складуть кольорову гаму презентації. Під час добору допоміжних кольорів слід зважати на гармонійність поєднання основного та допоміжних кольорів. Для створення кольорової гами презентації можна використати кольоровий круг, один з варіантів якого подано на рисунку 2.20. У цьому кольоровому крузі 12 секторів. Чим ближче на крузі розміщені кольори, тим більш гармонійним є їх поєднання.
Для презентації можуть бути використані певні поєднання кольорів:
Як правило, у кольоровій гамі презентації використовується 2-3 кольори. Можуть також використовуватися 2-3 кольори, що є відтінками основного і додаткових кольорів.
Складовою кольорової гами презентації і кожного зі слайдів є колір символів тексту. У правильному доборі кольорів символів тексту може допомогти таблиця, що відображає рівень розпізнавання (читабельності) тексту на певному тлі (табл. 2.4).
Таблиця 2.4. Поєднання кольорів символів і тла
Звичайно, слід зважати на те, що кольори можуть різними людьми сприйматися по-різному. Разом з тим існує закономірність - чим конт- растніший текст від тла, тим краще він читається.
На ефективність сприймання тексту в презентаціях значно впливають вид шрифту, його розмір, використання ефектів накреслення та загальний обсяг тексту на слайді презентації. Слід запам’ятати такі правила:
Ергономіка
Ергономіка як наука, що вивчає поряд з іншими питаннями й систему рухів людини в процесі виробничої діяльності, доволі широко використовується під час проектування інтерфейсів користувача. Впровадження її досягнень дає змогу створити комфортні умови в роботі з відповідним програмним забезпеченням, сприяти збереженню здоров’я та зниженню втоми, підвищенню ефективності праці.
Так, під час створення презентацій слід продумувати розміщення елементів керування таким чином, щоб користувачу не доводилося постійно переміщувати вказівник з одного краю слайда на інший, щоб елементи керування чітко розрізнялися між собою, розміри забезпечували їх швидкий вибір тощо.
Стильове оформлення презентацій
Користувач під час створення нової презентації на основі шаблону або існуючої презентації вибирає і певний стиль її оформлення. Як вам уже відомо, під стилем ми розуміємо сукупність значень властивостей різних об’єктів. Відповідно стиль оформлення слайда задає формат символів (шрифт, розмір символів, накреслення, ефекти, колір тощо); формат тла (колір, наявність, розміщення та вид графічних об’єктів); додаткові кольори; формат графічних та інших об’єктів.
У будь-який момент роботи над презентацією користувач може змінити стиль її оформлення. Для цього використовуються так звані теми презентації. Професійні дизайнери - розробники тем враховували основні принципи дизайну слайдів, і тому користувачу-початківцю PowerPoint 2007 з метою уникнення помилок краще використовувати вже існуючі теми.
Для використання певної теми оформлення презентації слід виконати такий алгоритм:
У групі Теми (рис. 2.23) вибрати в списку потрібну тему оформлення.
Зазначені зміни всієї теми, кольорів, шрифтів і стилів тла можна застосувати до всіх слайдів презентації або тільки до виділених. Для вибору способу застосування змін слід у контекстному меню (рис. 2.24) ескізу теми вибрати варіант застосування - до всіх слайдів або тільки до виділених.
Вибравши певну тему, користувач у подальшому може змінити кольори, шрифти, ефекти та стилі тла. Для зміни кольорової гами оформлення слайдів слід виконати Конструктор ^ Теми ^ Кольори і в списку з наборами кольорів (див. рис. 1.48) вибрати потрібний.
Для зміни шрифтів, що використовуються для заголовків і для основного тексту в презентації, слід послідовністю дій Конструктор ^ Теми ^ Шрифти відкрити список з наборами шрифтів і в цьому списку вибрати потрібний.
Змінити оформлення презентації можна також змінюючи тло слайдів. Для цього використовують елементи керування групи Тло на вкладці Конструктор. У цій групі два елементи керування - кнопка відкриття списку Стилі тла ^ та прапорець Приховати зображення тла. Вибір кнопки відкриває список з 12 зразків оформлення тла презентації, а встановлення позначки прапорця приховує графічні об’єкти (лінії, фігури, рисунки), які є елементами оформлення тла. Розширені можливості з налаштування тла слайдів презентації користувач може отримати, відкривши вікно Формат тла (рис. 2.25).
Можна використати один із способів заливки - суцільну, градієнтну або з використанням текстури чи рисунка з файлу; перетворити рисунок на текстуру - тобто розмножити рисунок на всю поверхню слайда; встановити рівень прозорості заливки тощо. Для застосування встановлених налаштувань тла для всіх слайдів презентації слід вибрати відповідну кнопку внизу вікна.
Аналогічно текстовому процесору Word 2007, у PowerPoint 2007 користувач може розробити власні теми оформлення слайдів презентації, визначивши для них набори кольорів, шрифтів і стилі тла, та зберегти їх для подальшого використання.
6. Вивчення нового матеріалу.
Лекція з демонстрацією
Дослідження свідчать, що ефективність слухового сприйняття інформації становить 15%, зорового – 25%, а їх одночасне залучення підвищує ефективність сприйняття до 65%. У культурах різних народів емоційне й прикладне сприйняття кольору є дуже різним і пов’язане з тривалою історичною традицією. Звідси й розходження у сприйнятті, наприклад, білого і чорного кольорів.
У процесі створення презентації потрібно проявити себе як сценарист, режисер, художник і вимогливий глядач.
Ми з вами на прикладі бачили різноманітне оформлення презентацій. Кожен із них відрізняється не лише тематикою, рівнем подання матеріалів, насиченістю або відсутністю графіків, а насамперед оформленням. Серед маси вирізняються групи дуже гармонійних і дуже «диких» у кольоровому виконанні презентацій. Але за наявності відповідних інструментів та застосування певних законів будь-яка людина може навчитися добирати гармонійні колірні схеми.
Вимоги до змісту презентації (за Д. Льюісом):
Доцільно подати матеріал за допомогою мультимедійного проектора, а підсумки — у вигляді презентації.
Існує така наука, як кольорознавство — наука про вивчення кольору.
Основні кольори: жовтий, червоний, синій.
Змішуючи основні кольори, ми отримуємо нові, які називаються складеними.
+ | = |
+ | = |
Цей спосіб перекривання одного кольору іншим називається лесуванням. Червоний, синій і жовтий кольори не можна отримати шляхом змішування інших, тому їх називають основними кольорами.
Проведемо експеримент. За допомогою кольорових олівців, які ви сьогодні принесли, дізнайтеся, які кольори можна отримати змішуванням таких кольорів:
Синій + червоний = ... (Відповідь: фіолетовий.)
Синій + оранжевий = ... (Відповідь: бузковий.)
Синій + жовтий + червоний = ... (Відповідь: коричневий.)
Крім того, існують ще три нейтральні кольори: білий, сірий і чорний.
Ці нейтральні кольори підсилюють основні, тобто білий лебідь на чорному тлі виглядатиме ще білішим.
Дослідницька робота
Який зі слайдів вам подобається найбільше?
Є ще кольори, які називаються контрастними. Це три пари кольорів: червоний — зелений; синій — оранжевий; жовтий — фіолетовий.
Ці кольори додають яскравість один одному, і поєднання цих пар вважають гармонійним.
Прямий | Зворотний |
Предмети та їхнє зображення і темніші за фон і | Предмети та їхнє зображення світліші за фон |
Цифри, букви і знаки, що подають у зворотному контрасті, сприймаються точніше і швидше. Тому зворотний вид використовують частіше.
Продовжуємо дослідження.
Створіть новий слайд та за допомогою панелі інструментів Малювання відтворіть жовтий трикутник на фіолетовому колі, червоне коло у зеленому квадраті, а синій овал на оранжевому прямокутнику. Зверніть увагу, як яскраво виглядають ці рисунки (рис. 17.5).
Який колір має осіннє листя? На якому фоні його краще зобразити? (Відповідь: жовте — на фіолетовому, оранжеве — на синьому.)
Для того щоб передати глибину кольору в малюнку і обсяг намальованого предмета, художники використовують метод «близький — далекий кольори». Близькими до глядача завжди здаються яскравіші (насичені) і світліші кольори, і, навпаки, темні кольори здаються більш віддаленими (далекими). Наприклад, здаватиметься, що яскраво-червоний колір ближче за коричневий.
Кольори розподіляються на теплі й холодні.
Теплі кольори | Холодні кольори |
Червоний, жовтий, оранжевий, коричневий, пісочний | Синій, блакитний, бірюзовий, фіолетовий, бузковий |
Крім того, відомо, що різні кольори по-різному впливають на наш настрій. Вони можуть викликати радість, засмучення, тривогу тощо.
Колір | Які викликає почуття, що символізує |
Червоний | Радість та перемога |
Оранжевий | Зігріває та збуджує |
Жовтий | Гарний настрій |
Блакитний | Мрійливість |
Білий | Символ чистоти |
Зелений | Зменшує напругу, приємний для очей |
Чорний | Пригнічення (якщо використовується один), але з іншими кольорами підкреслює їх яскравість |
Вимоги до врахування особливостей сприйняття кольорів і форм:
7. Інструктаж з БЖД.
Інструктаж з ТБ при роботі з ПК та в комп’ютерному класі.
Виконання комплексу вправ для зняття зорової втоми
(до і після завершення роботи). (Варіант 2).
8. Застосування набутих знань.
Виконання тренувальної вправи
Учитель пропонує учням відкрити презентацію През_4, відредагувати текст згідно з вимогами створення презентації — усі заголовки слайдів мають бути одного типу шрифту, розміру та кольору, встановити відповідний фон слайдів. (У нашій презентації, де зображення університету зроблені влітку (рис. 16.2), тобто переважає зелений колір, фон варто встановити світло-червоного кольору, заголовки — синього, обрамлення картинок — кольору тексту або трохи темнішого.)
9. Практичні завдання.
10. Типові запитання до уроку
11. Контроль і самоперевірка. Підбиття підсумків уроку.
Взаємоконтроль
Учні міняються робочими місцями, перевіряють виконання роботи один в одного, виставляють оцінки.
12. Домашнє завдання.
1. Конспект. Підручник: параграф 2.3 (с. 101-109).
2. Відповісти на питання до уроку
3. Завдання 4(с. 110).