SlideShare a Scribd company logo
1 of 18
1
Дизайн та стильове оформлення
презентацій.
Робота з текстовими написами та
графічними зображеннями
З курсу образотворчого
мистецтва, дизайн (англ. design
- задум, план, проект, ескіз,
композиція) - це процес
художньо-технічного
проектування виробів або їхніх
комплексів. Дизайном
називають також і результат
цього проектування. Людину,
що займається дизайном,
називають дизайнером.
Об'єктом дизайну може бути
довільний об'єкт, з яким
людина зустрічається у
повсякденному житті.
2
На рисунку подано
дизайнерські розробки
студії Артемія Лебедєва -
чашка з ручкою у вигляді
символу @ та флеш-
накопичувач у вигляді
значка папки.
У процесі розробки дизайну
комп'ютерної презентації виділяють
кілька етапів:
1) Початковий етап (визначається
призначення об'єкта, вивчаються
раніше створені проекти, загальні
підходи до дизайну)
2) Етап створення дизайну об'єкта,
у ході якого, крім виконання робіт
зі створення дизайну, проводиться
його тестування та виправлення
помилок.
3) Етап застосування, у ході якого
аналізується ефективність
розробленого дизайну і за потреби
вносяться корективи.
3
Для успішної реалізації завдань дизайну необхідно
дотримуватися законів композиції, колористики та ергономіки:
•композиція (лат. compositio - складання, зв'язування) - наука
про узгодження складових об'єкта для надання йому зовнішньої
привабливості та функціональності, а також і результат такого
узгодження;
•колористика - наука про колір, його властивості, особливості
сприйняття кольорів людьми різних вікових і соціальних категорій
тощо;
•ергономіка (грец. epyov - робота, vopoq - закон) - наука про
ефективність використання людиною пристроїв, засобів,
інструментів на основі врахування особливостей побудови та
функціонування людського організму.
4
Фізіологи та психологи вже давно займаються вивченням дії світла і кольору на
фізичний та емоційний стан людини. Для створення ефективної та гармонійної
презентації слід правильно вибрати її основний колір.
У більшості випадків кольори мають таку психологічну характеристику:
•червоний колір - енергійний, агресивний, збуджуючий, піднімає настрій;
•жовтий колір - зменшує втомлюваність, стимулює органи зору і нер-вову
систему, сприяє розумовій діяльності;
•зелений колір - фізіологічно найбільш сприятливий для людини, зменшує
напругу і заспокоює нервову систему, збільшує працездатність, зменшує
кількість помилок;
•блакитний колір - знижує значення більшості фізіологічних властивостей
організму;
•синій колір - за дією схожий з блакитним, з більш вираженим ефектом, коли
заспокоєння може переходити в пригнічення;
•фіолетовий колір - у чомусь поєднує властивості синього й червоного, може
викликати неврівноваженість, відчуття незахищеності.
5
На вибір основного кольору
презентації впливають умови її
демонстрації.
Для перегляду на екрані монітора
слід вибирати темні відтінки кольорів
для тла, бо яскраві кольори
втомлюють користувача.
Крім основного кольору
добирають кілька допоміжних, які в
сукупності складуть кольорову гаму
презентації.
Для створення кольорової гами
презентації можна використати
кольоровий круг. У цьому
кольоровому крузі 12 секторів. Чим
ближче на крузі розміщені кольори,
тим більш гармонійним є їх поєднання.
6
Для презентації можуть бути використані певні поєднання
кольорів:
•контрастні кольори - два кольори, між якими на кольоровому
крузі знаходяться три проміжні кольори, наприклад синій і
червоний, фіолетовий і помаранчевий тощо. Таке поєднання
частково використовується в шаблоні Широкоформатна
презентація;
•додаткові кольори - два кольори, що розміщені один напроти
одного на кольоровому крузі, наприклад синій і помаранчевий,
фіолетовий і жовтий тощо;
•монохроматичні (відтінкові) кольори - кольори, що розміщені
в одному секторі на кольоровому крузі. Це фактично один колір
з різною насиченістю. Таке поєднання використовується в
шаблоні Сертифікат-нагорода;
•теплі кольори - кольори, що розміщені в правих секторах
кольорового круга від червоного до жовто-зеленого;
•холодні кольори - кольори, що розміщені в лівих секторах
кольорового круга від пурпурного до зеленого.
Як правило, в кольоровій гамі презентації використовується 2-3
кольори. Можуть також використовуватися 2-3 кольори, що є
відтінками основного і додаткових кольорів.
Складовою кольорової гами презентації і кожного зі слайдів є
колір символів тексту. У правильному доборі кольорів
символів тексту може допомогти таблиця, що відображає
рівень розпізнавання (читабельності) тексту на певному тлі.
7
8
На ефективність сприймання тексту в презентаціях значно
впливають вид шрифту, його розмір, використання ефектів
накреслення та загальний обсяг тексту на слайді презентації. Слід
запам'ятати такі правила:
•шрифти без засічок (наприклад, Arial) сприймаються краще, ніж із
засічками (наприклад, Times New Roman);
•розмір символів повинен бути достатнім для розпізнавання з
найвіддаленішого кутка аудиторії, де проходить демонстрація;
•чим більше використовується фрагментів тексту з різним
накресленням (наприклад, курсив або підкреслення), тим гірше
сприймається текст;
•чим менше тексту на слайдах, тим краще сприймається
презентація.
9
Стиль оформлення слайда задає формат символів (шрифт, розмір символів,
накреслення, ефекти, колір тощо); формат тла (колір, наявність, розміщення та вид
графічних об'єктів); додаткові кольори; формат графічних та інших об'єктів.
У будь-який момент роботи над презентацією користувач може змінити стиль її
оформлення. Для цього використовуються так звані теми презентації.
Професійні дизайнери - розробники тем враховували основні принципи дизайну
слайдів, і тому користувачу-початківцю PowerPoint з метою уникнення помилок краще
використовувати вже існуючі теми.
Для використання певної теми оформлення презентації слід виконати такий
алгоритм:
1.Створити нову презентацію одним з відомих вам способів або відкрити
існуючу.
2.Вибрати на Стрічці вкладку Конструктор.
3.У групі Теми вибрати в списку потрібну тему оформлення.
Зазначені зміни всієї теми, кольорів, шрифтів і
стилів тла можна застосувати до всіх слайдів
презентації або тільки до виділених. Для вибору
способу застосування змін слід у контекстному
меню ескізу теми вибрати варіант застосування -
до всіх слайдів або тільки до виділених.
Вибравши певну тему, користувач у
подальшому може змінити кольори, шрифти,
ефекти та стилі тла.
Для зміни кольорової гами оформлення
слайдів слід виконати Конструктор, Теми,
Кольори і в списку з наборами кольорів вибрати
потрібний.
Для зміни шрифтів, що використовуються для
заголовків і для основного тексту в презентації, слід
послідовністю дій Конструктор, Теми, Шрифти
відкрити список з наборами шрифтів і в цьому
списку вибрати потрібний.
11
Змінити оформлення
презентації можна також
змінюючи тло слайдів. Для цього
використовують елементи
керування групи Тло на вкладці
Конструктор. У цій групі два
елементи керування - кнопка
відкриття списку Стилі тла та
прапорець Приховати зображення
тла.
Вибір кнопки відкриває список
із 12 зразків оформлення тла
презентації, а встановлення
позначки прапорця приховує
графічні об'єкти (лінії, фігури,
рисунки), які є елементами
оформлення тла.
12
Розширені можливості з
налаштування тла слайдів
презентації користувач
може отримати, відкривши
вікно Формат тла.
13
Можна використати один із
способів заливки
-суцільну, градієнтну або з
використанням текстури чи
рисунка з файлу;
-перетворити рисунок на
текстуру - тобто розмножити
рисунок на всю поверхню слайда;
-встановити рівень прозорості
заливки тощо.
Для застосування встановлених
налаштувань тла для всіх слайдів
презентації слід вибрати
відповідну кнопку внизу вікна.
14
15
Способи Вставлення об’єкта WordArt слід виконати Вставлення
Об’єкт WordArt і вибрати один із шаблонів оформлення.
16
Способи Вставки
Зображення (рисунков)
Способи Вставки
Зображення (рисунков)
Офіс 2007- 2016
Офіс 2000- 2003
Дякую всім за увагу
17
КІНЕЦЬ
18

More Related Content

What's hot

Уроки хімії "Найважливіші органічні сполуки"
Уроки хімії "Найважливіші органічні сполуки"Уроки хімії "Найважливіші органічні сполуки"
Уроки хімії "Найважливіші органічні сполуки"
sveta7940
 
Теорія і практика формувального оцінювання
Теорія і практика формувального оцінюванняТеорія і практика формувального оцінювання
Теорія і практика формувального оцінювання
ЗШ №10 м.Світловодська
 
Презентація на тему: "Впровадження нетрадиційних форм та методів роботи на ур...
Презентація на тему: "Впровадження нетрадиційних форм та методів роботи на ур...Презентація на тему: "Впровадження нетрадиційних форм та методів роботи на ур...
Презентація на тему: "Впровадження нетрадиційних форм та методів роботи на ур...
Andruxa512
 
Сидоренко Н.А. Особливі діти в умовах загальноосвітньої школи (досвід закладі...
Сидоренко Н.А. Особливі діти в умовах загальноосвітньої школи (досвід закладі...Сидоренко Н.А. Особливі діти в умовах загальноосвітньої школи (досвід закладі...
Сидоренко Н.А. Особливі діти в умовах загальноосвітньої школи (досвід закладі...
Наталія Сидоренко
 
Windows 7 operation system
Windows 7 operation systemWindows 7 operation system
Windows 7 operation system
Computer lesson
 

What's hot (20)

Уроки хімії "Найважливіші органічні сполуки"
Уроки хімії "Найважливіші органічні сполуки"Уроки хімії "Найважливіші органічні сполуки"
Уроки хімії "Найважливіші органічні сполуки"
 
Електронні журнали та особливості їх використання.pptx
Електронні журнали та особливості їх використання.pptxЕлектронні журнали та особливості їх використання.pptx
Електронні журнали та особливості їх використання.pptx
 
типи і структура уроків
типи і структура уроківтипи і структура уроків
типи і структура уроків
 
психолого педагогічні аспекти уроку
психолого педагогічні аспекти урокупсихолого педагогічні аспекти уроку
психолого педагогічні аспекти уроку
 
Теорія і практика формувального оцінювання
Теорія і практика формувального оцінюванняТеорія і практика формувального оцінювання
Теорія і практика формувального оцінювання
 
Мультимедійна презентація з біології на тему: " Пластиди та фотосинтез"
Мультимедійна презентація  з біології на тему: " Пластиди та фотосинтез"Мультимедійна презентація  з біології на тему: " Пластиди та фотосинтез"
Мультимедійна презентація з біології на тему: " Пластиди та фотосинтез"
 
Пізнавальні та творчі завдання з хімії
Пізнавальні та творчі завдання з хіміїПізнавальні та творчі завдання з хімії
Пізнавальні та творчі завдання з хімії
 
Kognitiivinen ergonomia ja aivotyö
Kognitiivinen ergonomia ja aivotyöKognitiivinen ergonomia ja aivotyö
Kognitiivinen ergonomia ja aivotyö
 
SCRUM арга
SCRUM аргаSCRUM арга
SCRUM арга
 
Презентація на тему: "Впровадження нетрадиційних форм та методів роботи на ур...
Презентація на тему: "Впровадження нетрадиційних форм та методів роботи на ур...Презентація на тему: "Впровадження нетрадиційних форм та методів роботи на ур...
Презентація на тему: "Впровадження нетрадиційних форм та методів роботи на ур...
 
урок 26 текстові і графічні об'єкти на слайдах
урок 26 текстові і графічні об'єкти на слайдахурок 26 текстові і графічні об'єкти на слайдах
урок 26 текстові і графічні об'єкти на слайдах
 
Сидоренко Н.А. Особливі діти в умовах загальноосвітньої школи (досвід закладі...
Сидоренко Н.А. Особливі діти в умовах загальноосвітньої школи (досвід закладі...Сидоренко Н.А. Особливі діти в умовах загальноосвітньої школи (досвід закладі...
Сидоренко Н.А. Особливі діти в умовах загальноосвітньої школи (досвід закладі...
 
гуманізація відносин вчителя та учнів у початковій школі. частина 1
гуманізація відносин вчителя та учнів у початковій школі. частина 1гуманізація відносин вчителя та учнів у початковій школі. частина 1
гуманізація відносин вчителя та учнів у початковій школі. частина 1
 
3 klas-ukrainska-mova-bolshakova-2020-1
3 klas-ukrainska-mova-bolshakova-2020-13 klas-ukrainska-mova-bolshakova-2020-1
3 klas-ukrainska-mova-bolshakova-2020-1
 
Windows 7 operation system
Windows 7 operation systemWindows 7 operation system
Windows 7 operation system
 
Solo taxonomy
Solo taxonomySolo taxonomy
Solo taxonomy
 
4 klas matematika_zajika_2015
4 klas matematika_zajika_20154 klas matematika_zajika_2015
4 klas matematika_zajika_2015
 
галогени
галогенигалогени
галогени
 
Ікони як історичні пам`ятки
Ікони як історичні пам`яткиІкони як історичні пам`ятки
Ікони як історичні пам`ятки
 
відповіді на кросворд
відповіді на кросвордвідповіді на кросворд
відповіді на кросворд
 

Similar to Основні принципи дизайну

лабораторна робота №1 2, 2010
лабораторна робота №1 2, 2010лабораторна робота №1 2, 2010
лабораторна робота №1 2, 2010
zaykoannaivanivna
 
використання стилів у текстових документах
використання стилів у текстових документахвикористання стилів у текстових документах
використання стилів у текстових документах
������ �����
 
10 информ ривкинд_лысенко_станд_2010_рус
10 информ ривкинд_лысенко_станд_2010_рус10 информ ривкинд_лысенко_станд_2010_рус
10 информ ривкинд_лысенко_станд_2010_рус
Aira_Roo
 

Similar to Основні принципи дизайну (20)

дизайн презентацій підкевич вікторія
дизайн презентацій підкевич вікторіядизайн презентацій підкевич вікторія
дизайн презентацій підкевич вікторія
 
Урок №9 9 клас
Урок №9 9 класУрок №9 9 клас
Урок №9 9 клас
 
10 клас 11 урок. Основні принципи дизайну слайдів. Стильове оформлення презен...
10 клас 11 урок. Основні принципи дизайну слайдів. Стильове оформлення презен...10 клас 11 урок. Основні принципи дизайну слайдів. Стильове оформлення презен...
10 клас 11 урок. Основні принципи дизайну слайдів. Стильове оформлення презен...
 
MW
MWMW
MW
 
Less11 6class
Less11 6classLess11 6class
Less11 6class
 
Поняття презентації
Поняття презентаціїПоняття презентації
Поняття презентації
 
посібник Power point
посібник Power pointпосібник Power point
посібник Power point
 
лабораторна робота №1 2, 2010
лабораторна робота №1 2, 2010лабораторна робота №1 2, 2010
лабораторна робота №1 2, 2010
 
5 клас.pptx
5 клас.pptx5 клас.pptx
5 клас.pptx
 
Sti li
Sti liSti li
Sti li
 
урок 30 розробка плану створення презентації визначення мети, сценарію та стр...
урок 30 розробка плану створення презентації визначення мети, сценарію та стр...урок 30 розробка плану створення презентації визначення мети, сценарію та стр...
урок 30 розробка плану створення презентації визначення мети, сценарію та стр...
 
Less18
Less18Less18
Less18
 
Plan uroku corel
Plan uroku corelPlan uroku corel
Plan uroku corel
 
використання програми Ms power point
використання програми Ms power pointвикористання програми Ms power point
використання програми Ms power point
 
використання стилів у текстових документах
використання стилів у текстових документахвикористання стилів у текстових документах
використання стилів у текстових документах
 
10 информ ривкинд_лысенко_станд_2010_рус
10 информ ривкинд_лысенко_станд_2010_рус10 информ ривкинд_лысенко_станд_2010_рус
10 информ ривкинд_лысенко_станд_2010_рус
 
Підручник з інформатики для 10 класу. Ривкінд Й.Я
Підручник з інформатики для 10 класу. Ривкінд Й.ЯПідручник з інформатики для 10 класу. Ривкінд Й.Я
Підручник з інформатики для 10 класу. Ривкінд Й.Я
 
Informatyka stand-10-klas-ryvkind
Informatyka stand-10-klas-ryvkindInformatyka stand-10-klas-ryvkind
Informatyka stand-10-klas-ryvkind
 
вам6мі5
вам6мі5вам6мі5
вам6мі5
 
10 in r_stan
10 in r_stan10 in r_stan
10 in r_stan
 

Основні принципи дизайну

  • 1. 1 Дизайн та стильове оформлення презентацій. Робота з текстовими написами та графічними зображеннями
  • 2. З курсу образотворчого мистецтва, дизайн (англ. design - задум, план, проект, ескіз, композиція) - це процес художньо-технічного проектування виробів або їхніх комплексів. Дизайном називають також і результат цього проектування. Людину, що займається дизайном, називають дизайнером. Об'єктом дизайну може бути довільний об'єкт, з яким людина зустрічається у повсякденному житті. 2 На рисунку подано дизайнерські розробки студії Артемія Лебедєва - чашка з ручкою у вигляді символу @ та флеш- накопичувач у вигляді значка папки.
  • 3. У процесі розробки дизайну комп'ютерної презентації виділяють кілька етапів: 1) Початковий етап (визначається призначення об'єкта, вивчаються раніше створені проекти, загальні підходи до дизайну) 2) Етап створення дизайну об'єкта, у ході якого, крім виконання робіт зі створення дизайну, проводиться його тестування та виправлення помилок. 3) Етап застосування, у ході якого аналізується ефективність розробленого дизайну і за потреби вносяться корективи. 3
  • 4. Для успішної реалізації завдань дизайну необхідно дотримуватися законів композиції, колористики та ергономіки: •композиція (лат. compositio - складання, зв'язування) - наука про узгодження складових об'єкта для надання йому зовнішньої привабливості та функціональності, а також і результат такого узгодження; •колористика - наука про колір, його властивості, особливості сприйняття кольорів людьми різних вікових і соціальних категорій тощо; •ергономіка (грец. epyov - робота, vopoq - закон) - наука про ефективність використання людиною пристроїв, засобів, інструментів на основі врахування особливостей побудови та функціонування людського організму. 4
  • 5. Фізіологи та психологи вже давно займаються вивченням дії світла і кольору на фізичний та емоційний стан людини. Для створення ефективної та гармонійної презентації слід правильно вибрати її основний колір. У більшості випадків кольори мають таку психологічну характеристику: •червоний колір - енергійний, агресивний, збуджуючий, піднімає настрій; •жовтий колір - зменшує втомлюваність, стимулює органи зору і нер-вову систему, сприяє розумовій діяльності; •зелений колір - фізіологічно найбільш сприятливий для людини, зменшує напругу і заспокоює нервову систему, збільшує працездатність, зменшує кількість помилок; •блакитний колір - знижує значення більшості фізіологічних властивостей організму; •синій колір - за дією схожий з блакитним, з більш вираженим ефектом, коли заспокоєння може переходити в пригнічення; •фіолетовий колір - у чомусь поєднує властивості синього й червоного, може викликати неврівноваженість, відчуття незахищеності. 5
  • 6. На вибір основного кольору презентації впливають умови її демонстрації. Для перегляду на екрані монітора слід вибирати темні відтінки кольорів для тла, бо яскраві кольори втомлюють користувача. Крім основного кольору добирають кілька допоміжних, які в сукупності складуть кольорову гаму презентації. Для створення кольорової гами презентації можна використати кольоровий круг. У цьому кольоровому крузі 12 секторів. Чим ближче на крузі розміщені кольори, тим більш гармонійним є їх поєднання. 6
  • 7. Для презентації можуть бути використані певні поєднання кольорів: •контрастні кольори - два кольори, між якими на кольоровому крузі знаходяться три проміжні кольори, наприклад синій і червоний, фіолетовий і помаранчевий тощо. Таке поєднання частково використовується в шаблоні Широкоформатна презентація; •додаткові кольори - два кольори, що розміщені один напроти одного на кольоровому крузі, наприклад синій і помаранчевий, фіолетовий і жовтий тощо; •монохроматичні (відтінкові) кольори - кольори, що розміщені в одному секторі на кольоровому крузі. Це фактично один колір з різною насиченістю. Таке поєднання використовується в шаблоні Сертифікат-нагорода; •теплі кольори - кольори, що розміщені в правих секторах кольорового круга від червоного до жовто-зеленого; •холодні кольори - кольори, що розміщені в лівих секторах кольорового круга від пурпурного до зеленого. Як правило, в кольоровій гамі презентації використовується 2-3 кольори. Можуть також використовуватися 2-3 кольори, що є відтінками основного і додаткових кольорів. Складовою кольорової гами презентації і кожного зі слайдів є колір символів тексту. У правильному доборі кольорів символів тексту може допомогти таблиця, що відображає рівень розпізнавання (читабельності) тексту на певному тлі. 7
  • 8. 8
  • 9. На ефективність сприймання тексту в презентаціях значно впливають вид шрифту, його розмір, використання ефектів накреслення та загальний обсяг тексту на слайді презентації. Слід запам'ятати такі правила: •шрифти без засічок (наприклад, Arial) сприймаються краще, ніж із засічками (наприклад, Times New Roman); •розмір символів повинен бути достатнім для розпізнавання з найвіддаленішого кутка аудиторії, де проходить демонстрація; •чим більше використовується фрагментів тексту з різним накресленням (наприклад, курсив або підкреслення), тим гірше сприймається текст; •чим менше тексту на слайдах, тим краще сприймається презентація. 9
  • 10. Стиль оформлення слайда задає формат символів (шрифт, розмір символів, накреслення, ефекти, колір тощо); формат тла (колір, наявність, розміщення та вид графічних об'єктів); додаткові кольори; формат графічних та інших об'єктів. У будь-який момент роботи над презентацією користувач може змінити стиль її оформлення. Для цього використовуються так звані теми презентації. Професійні дизайнери - розробники тем враховували основні принципи дизайну слайдів, і тому користувачу-початківцю PowerPoint з метою уникнення помилок краще використовувати вже існуючі теми. Для використання певної теми оформлення презентації слід виконати такий алгоритм: 1.Створити нову презентацію одним з відомих вам способів або відкрити існуючу. 2.Вибрати на Стрічці вкладку Конструктор. 3.У групі Теми вибрати в списку потрібну тему оформлення.
  • 11. Зазначені зміни всієї теми, кольорів, шрифтів і стилів тла можна застосувати до всіх слайдів презентації або тільки до виділених. Для вибору способу застосування змін слід у контекстному меню ескізу теми вибрати варіант застосування - до всіх слайдів або тільки до виділених. Вибравши певну тему, користувач у подальшому може змінити кольори, шрифти, ефекти та стилі тла. Для зміни кольорової гами оформлення слайдів слід виконати Конструктор, Теми, Кольори і в списку з наборами кольорів вибрати потрібний. Для зміни шрифтів, що використовуються для заголовків і для основного тексту в презентації, слід послідовністю дій Конструктор, Теми, Шрифти відкрити список з наборами шрифтів і в цьому списку вибрати потрібний. 11
  • 12. Змінити оформлення презентації можна також змінюючи тло слайдів. Для цього використовують елементи керування групи Тло на вкладці Конструктор. У цій групі два елементи керування - кнопка відкриття списку Стилі тла та прапорець Приховати зображення тла. Вибір кнопки відкриває список із 12 зразків оформлення тла презентації, а встановлення позначки прапорця приховує графічні об'єкти (лінії, фігури, рисунки), які є елементами оформлення тла. 12
  • 13. Розширені можливості з налаштування тла слайдів презентації користувач може отримати, відкривши вікно Формат тла. 13
  • 14. Можна використати один із способів заливки -суцільну, градієнтну або з використанням текстури чи рисунка з файлу; -перетворити рисунок на текстуру - тобто розмножити рисунок на всю поверхню слайда; -встановити рівень прозорості заливки тощо. Для застосування встановлених налаштувань тла для всіх слайдів презентації слід вибрати відповідну кнопку внизу вікна. 14
  • 15. 15 Способи Вставлення об’єкта WordArt слід виконати Вставлення Об’єкт WordArt і вибрати один із шаблонів оформлення.
  • 16. 16 Способи Вставки Зображення (рисунков) Способи Вставки Зображення (рисунков) Офіс 2007- 2016 Офіс 2000- 2003
  • 17. Дякую всім за увагу 17