1 of 49

Ілюстрація. Інфографіка.

Цифрове мистецтво.�Сучасна реклама та фірмовий стиль

За навчальною програмою 2018 року

Урок 2

10

(11)

2 of 49

Ілюстрація. Цифрове мистецтво

Розділ 1 § 2

До винаходу книгодрукування рукописні книги ілюструвалися художниками вручну.

Ілюстрація — зображення, що супроводжує текст літературного твору, газетної статті тощо з метою полегшення для читача візуалізації змісту.

Перша техніка ілюстрацій, що з'явилася після винаходу книгодрукування, був дереворит

У 16–17 століттях були розроблені методи гравюр і офортів

У 18 столітті з'явилася літографія, значно підвищивши якість зображень

10�(11)

3 of 49

Ілюстрація. Цифрове мистецтво

Розділ 1 § 2

Окремим різновидом ілюстрацій є:

10�(11)

4 of 49

Ілюстрація. Цифрове мистецтво

Розділ 1 § 2

Напрямки мистецтва:

Книжкова ілюстрація
Інфографіка
Цифрове мистецтво

Мистецтво – це творча художня діяльність у сферах: літератури, архітектури, скульптури, живопису, графіки, декоративно-вжиткового мистецтва, музики, танцю, театру та інших видах діяльності людини, що відображають дійсність у художніх образах....

10�(11)

5 of 49

Ілюстрація. Цифрове мистецтво

Розділ 1 § 2

Книжкова ілюстрація — елемент книжки, що або пояснює текст наочними об разами, або активно тлумачить текст, даючи можливість читачеві по-новому зрозуміти і відчути цінність літературного змісту і форми.

10�(11)

6 of 49

Інфографіка

Розділ 1 § 3

Психологи твердять, що людина значно краще сприймає відомості, якщо вони подані з використанням:

графічних зображень

комбінацією графіки

тексту, чисел

10�(11)

7 of 49

Інфографіка

Розділ 1 § 3

Графічне подання відомостей, даних різних видів називають інформаційною графікою, або інфографікою.

10�(11)

8 of 49

Інфографіка

Розділ 1 § 3

Інфографіку широко використовують перш за все для покращення сприйняття великого обсягу відомостей, а також відомостей, що мають досить складну структуру.

10�(11)

9 of 49

Інфографіка

Розділ 1 § 3

Інфографіку часто створюють у графічному редакторі. Нескладну інфографіку можна створити в:

текстовому редакторі

редакторі презентацій

10�(11)

10 of 49

Інфографіка

Розділ 1 § 3

Також існує багато спеціальних онлайн-ресурсів для створення інфографіки. Наприклад,

Easel.ly (www.easel.ly) — пропонує набір безкоштовних шаблонів для створення інфографіки. Усі структурні елементи майбутньої інфографіки можна редагувати і налаштувати на свій смак.

У цьому сервісі є також бібліотека готових форм, стрілок, покажчиків і ліній для створення блок-схем, легке налаштування колірних палітр і шрифтів. Також можна додавати власні зображення.

10�(11)

11 of 49

Інфографіка

Розділ 1 § 3

Easel.lу (www.easel.ly)

10�(11)

12 of 49

Інфографіка

Розділ 1 § 3

(Продовження…) Онлайн-ресурси для створення інфографіки:

Infogr.am (infogram.com) — частково безкоштовний ресурс для створення схем, графіків і географічних карт з можливістю завантаження відео та фото для створення інтерактивної інфографіки. Усі дані для майбутньої інфографіки заносяться в таблицю. їх можна редагувати в будь-який момент, а вбудований генератор автоматично оновить готову інфографіку.

10�(11)

13 of 49

Інфографіка

Розділ 1 § 3

Після завершення всіх правок результат можна опублікувати на сайті Infogram, вбудувати створену інфографіку в свій сайт або блог, а також поділитися посиланням із друзями, використовуючи соціальні мережі.

10�(11)

14 of 49

Інфографіка

Розділ 1 § 3

(Продовження…) Онлайн-ресурси для створення інфографіки:

Venngage (venngage.com) — частково безкоштовний ресурс для створення і публікації інфографіки з досить простим у використанні набором можливостей. Для користувачів доступні готові схеми, теми оформлення, графіки та піктограми, також можна завантажити авторські зображення і тло. Серед додаткових можливостей є можливість створювати анімацію.

10�(11)

15 of 49

Інфографіка

Розділ 1 § 3

Venngage (venngage.com)

10�(11)

16 of 49

Інфографіка

Розділ 1 § 3

У всіх наведених прикладах ресурсів для створення інфографіки інтерфейс англомовний. На жаль, на даний час відсутні ресурси з україномовним інтерфейсом для створення інфографіки.

10�(11)

17 of 49

Ілюстрація. Цифрове мистецтво

Розділ 1 § 2

Комп'ютерне мистецтво або цифрове мистецтво — напрямок медіа-мистецтва, заснований на використанні комп'ютеру, інформаційних технологій, результатом якої є художні твори в цифровій формі.

10�(11)

18 of 49

Ілюстрація. Цифрове мистецтво

Розділ 1 § 2

Головна спрямованість досліджень у галузі цифрового мистецтва у споріднених галузях, а саме:

естетиці

філософії

музиконзнавстві

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

тривимірні технології

10�(11)

19 of 49

Ілюстрація. Цифрове мистецтво

Розділ 1 § 2

Твори цифрового мистецтва

10�(11)

20 of 49

Сучасна реклама та фірмовий стиль: напрямки, стилі, тренди

Розділ 1 § 2

Реклама — популяризація товарів, видовищ, послуг і т. ін. з метою привернути увагу покупців, споживачів, глядачів, замовників тощо,

поширення інформації про когось, щось для створення популярності, а також візуальна та інша медіа-продукція — плакати, оголошення, відеокліпи, що використовуються як засіб привертання уваги потенційних споживачів.

10�(11)

21 of 49

Сучасна реклама та фірмовий стиль: напрямки, стилі, тренди

Розділ 1 § 2

Реклама буває:

масова (газети і журнали), радіо та ТБ, площини (бігборди);

адресна (поштова розсилка, e-mail, тату);

інтерактивна (кіоск, веб-сайт);

нетрадиційна (тату, рекламні повітряні кулі, візки з товаром);

нетоварна (соціальна, пропагандистська).

10�(11)

22 of 49

Сучасна реклама та фірмовий стиль: напрямки, стилі, тренди

Розділ 1 § 2

Відповідно до законодавства України реклама — це інформація про особу чи товар, розповсюджена в будь-якій формі та в будь-який спосіб і призначена сформувати або підтримати обізнаність споживачів реклами та їх інтерес щодо таких особи чи товару.

Реклама – популяризація товарів, видовищ, послуг і т. ін. з метою привернути увагу покупців, споживачів, глядачів, замовників і т. ін.

Реклама – поширення відомостей про кого-, що-небудь для створення популярності.

Реклама – плакат, оголошення і т. ін., що використовуються як засіб привертання уваги покупців, споживачів.

10�(11)

23 of 49

Сучасна реклама та фірмовий стиль: напрямки, стилі, тренди

Розділ 1 § 2

Глобальними факторами розвитку реклами є потреби виробництва, торгівлі та фінансів, форма державного правління, цілі різноманітних релігійних конфесій, політиків та простих громадян. Реклама справедливо визначається як частина загальнолюдської культури.

10�(11)

24 of 49

Сучасна реклама та фірмовий стиль: напрямки, стилі, тренди

Розділ 1 § 2

Нетоварна реклама. Пропагує які-небудь ідеї та цілі, та аж ніяк не конкретний товар.

Наприклад, нафтова компанія оголошує про свою здатність бурити нафтові свердловини без забруднення навколишнього середовища.

До нетоварної відноситься також некомерційна реклама, спрямована на зміну поведінкової моделі (боротьба зі СНІДом, наркотиками) і популяризацію соціальних проблем, пропаганду здорового способу життя тощо).

10�(11)

25 of 49

Сучасна реклама та фірмовий стиль: напрямки, стилі, тренди

Розділ 1 § 2

Фірмовий стиль – це набір колірних, графічних, словесних, типографських, дизайнерських, постійних елементів (констант), що забезпечують візуальну і змістову єдність товарів (послуг) усієї вихідної від фірми інформації, її внутрішнього оформлення.

10�(11)

26 of 49

Сучасна реклама та фірмовий стиль: напрямки, стилі, тренди

Розділ 1 § 2

Основними цілями фірмового стилю можна назвати ідентифікацію виробів і вказівку на зв'язок їх з фірмою,

виділення цих товарів з загальної маси аналогічних товарів її конкурентів. Наявність фірмового стилю свідчить про впевненість його власника в позитивному враженні, яке він справляє на споживача.

10�(11)

27 of 49

Сучасна реклама та фірмовий стиль: напрямки, стилі, тренди

Розділ 1 § 2

До числа основних елементів фірмового стилю відносяться:

фірмовий комплект шрифтів

товарний знак

фірмові кольори тощо

10�(11)

28 of 49

Сучасна реклама та фірмовий стиль: напрямки, стилі, тренди

Розділ 1 § 2

Носії фірмового стилю:

Атрибути діяльності фірми

Ділова поліграфія

Різні форми реклами і просування

Друковані видання

Засоби візуальної іденти-фікації

Архі-тектурне середови-ще компанії

Внутрішній і зовнішній дизайн будівель, вивіски

Сувенірна продукція

10�(11)

29 of 49

Сучасна реклама та фірмовий стиль: напрямки, стилі, тренди

Розділ 1 § 2

В остаточному варіанті, робота зі створення фірмового стилю повинна бути представлена у вигляді такої інформації в декількох форматах на електронному носії:

Логотип у кольорі й у чорно-білому варіанті (якщо такий передбачений) з розшифровкою кольорів і шрифтів.

Основні текстові шрифти також з розшифровкою.

Макети візитних карток, бланків і іншої поліграфічної продукції в границях обговореного друкованого формату.

10�(11)

30 of 49

Сучасна реклама та фірмовий стиль: напрямки, стилі, тренди

Розділ 1 § 2

Які ж саме елементи створюють фірмовий стиль? До них можуть бути віднесені:

товарний знак

фірмовий лозунг

фірмовий колір або поєднання кольорів

фірмовий комплект шрифтів

фірмові поліграфічні константи

єдине музичне оформлення, що супроводжує всі рекламні об'яви

фірмовий блок — об'єднані в композицію знак і логотип, а також різні надписи

10�(11)

31 of 49

10�(11)

32 of 49

10�(11)

33 of 49

Тренди по створенню�фірмового стилю

Розділ 1 § 2

Мінімалізм

10�(11)

34 of 49

Тренди по створенню�фірмового стилю

Розділ 1 § 2

Малюнок від руки

10�(11)

35 of 49

Тренди по створенню�фірмового стилю

Розділ 1 § 2

Негативний простір

10�(11)

36 of 49

Тренди по створенню�фірмового стилю

Розділ 1 § 2

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

10�(11)

37 of 49

Тренди по створенню�фірмового стилю

Розділ 1 § 2

Візерунок

10�(11)

38 of 49

Тренди по створенню�фірмового стилю

Розділ 1 § 2

Анімовані логотипи

10�(11)

39 of 49

Тренди по створенню�фірмового стилю

Розділ 1 § 2

Вінтаж

10�(11)

40 of 49

Тренди по створенню�фірмового стилю

Розділ 1 § 2

Кольорові переходи

10�(11)

41 of 49

Тренди по створенню�фірмового стилю

Розділ 1 § 2

Ілюстрації в логотипах

10�(11)

42 of 49

Тренди по створенню�фірмового стилю

Фотографія в логотипах

Розділ 1 § 2

10�(11)

43 of 49

Сучасна реклама та фірмовий стиль: напрямки, стилі, тренди

Розділ 1 § 2

Визначимо основні функції товарних знаків:

1. Відрізнити одне підприємство від іншого, співставити товар з його виробником. Таким чином товарний знак захищає його власника від конкурентів.

2. Гарантувати якість товарів, позначених товарним знаком. Паралель "фірмовий товар — товар якісний" обумовлює більшу популярність товарів, позначених фірмовим знаком у порівнянні з їх анонімними аналогами.

3. Третя функція знака - естетична. Часто фірмовий знак використовується як елемент оформлення різних упаковок або навіть самого виробу, підвищуючи його естетичну цінність.

4. Четверта функція фірмового знака — рекламна. У візуальній рекламі саме знак інколи несе основне навантаження.

10�(11)

44 of 49

Сучасна реклама та фірмовий стиль: напрямки, стилі, тренди

Розділ 1 § 2

Які основні вимоги до товарного знака?

Простота

Індивідуальність (оригінальність)

Зовнішній вигляд, а для словесного знаку ще і звучність, легкість вимовлення

Охороноздатність

10�(11)

45 of 49

Розгадайте ребус

Мистецтво

Розділ 1 § 2

10�(11)

46 of 49

Дайте відповіді на запитання

Розділ 1 § 2

Як ви розумієте поняттям «Ілюстрація»?

Назвіть різновиди ілюстрацій?

Цифрове мистецтво це …

Як ви розумієте поняттям «Реклама»?

Фірмовий стиль це …

10�(11)

47 of 49

Працюємо за комп’ютером

Вправа: 2.1 Створіть дизайн одягу : за допомогою он-лайн ресурсу Дизайн одягу

Перейти за посиланням на сайт
Ознайомитись з інтерфейсом сторінки, переглянути Вибір товарів.
Додати на передній вигляд футболки зображення і текст на будь-яку тему (для тесту обрати колір, шрифт, стиль).
На задній вигляд футболки додати або зображення, або текст, які відповідають єдиному стилю футболки.

ЗРАЗОК:

10�(11)

48 of 49

Домашнє завдання

Розділ 1 § 2

Створіть логотип бренду за зразком за допомогою онлайн платформи >>

В логотипі вписати своє прізвище, кольори змінити на свій смак, фото скопіювати з сайту школи

Уявіть, що ви дизайнер одягу і вам потрібно зробити власну візитівку

10�(11)

49 of 49

Дякую за увагу!

За навчальною програмою 2018 року

Урок 2

10

(11)