«___»__________ 20___ року

Урок №2. Дизайн - код. Генеративне мистецтво.

Мета: ознайомити учнів із поняттям дизайн-код, дати визначення
генеративному мистецтву. Забезпечити якість вивчення нового матеріалу.
Формувати вміння виділяти головне, актуалізувати, конспектувати, порівнювати,
зіставляти. Забезпечити диференційований підхід. Встановити зв'язки між
засвоєними та новими знаннями. Формувати групи компетентностей: соціально-
трудову, інформаційну, загальнокультурну, соціально-трудову, уміння вчитися.
Тип уроку: засвоєння нових знань;
Обладнання та наочність: комп’ютери, підручники, презентація, проектор.
Хід уроку
І. Організаційний етап
 Привітання з класом
Доброго дня, діти.
 Повідомлення теми і мети уроку
На цьому уроці ми ознайомимось із поняттями дизайн-код та генеративне
мистецтво.
Не забувайте про правила поведінки на уроці (Слайд2).
ІІ. Мотивація навчальної діяльності
ІІІ. Актуалізація опорних знань (Слайд 3)
1. Що називають фракталом?
2. Поясніть сутність цифрового мистецтва.
3. Що називають медіамистецтвом?
4. На які групи можна поділити твори цифрового мистецтва?
5. Дайте визначення поняттю мультимедіа.
6. До яких галузей можна віднести цифрове мистецво?
IV. Вивчення нового матеріалу
Слайд 4. Останнім часом набуває популярності термін «дизайн-код», що
являє собою набір правил щодо оформлення будь-чого.
Дизайн-код розуміють як комплексний підхід до зовнішнього
оформлення будівель, вулиць, місць паркування автотранспорту, парків,
зовнішньої реклами, скверів, зупинок громадського транспорту тощо з
метою впорядкування та формування естетики міста й надання доступності
та зручності користування його інфраструктурою.
 Слайд 5. На слайді наведено приклади оформлення зовнішнього вигляду
будівель різних міст відповідно до правил дизайн-коду. Зрозуміло, що дизайн-код
може розроблятися не лише для міст, а й інших об’єктів, наприклад для вебсайтів.

Слайд 6. Фактично дийзан-код є документом із вимогами до розроблення

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

Слайд 7. У цифровому світі можна легко побувати, наприклад, на фестивалі

мистецтв і цифрової культури в Берліні або фестивалі мистецтв і віртуальної
реальності в Києві. Можна відвідати Світову цифрову бібліотеку, поблукати
віртуальними залами кращих музеїв світу чи роздивитися оцифровані предмети
національної спадщини, що не експонувалися.

Слайд 8. Нині все частіше використовують термін «генеративне мистецтво».

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

Слайд 9. Термін «генеративний» походить від слова «generative», яке має

стійкий синонім – «creative» (креативний). Генеративне мистецтво це дуже
древній процес, результатом якого є все те, що ми бачимо сьогодні. Сучасні
способи та інструменти дуже схожі на попередні, які створювалися впродовж
історії розвитку креативної свідомості людства.

Слайд 10. Прийоми генеративного мистецтва використовувалися задовго до

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

Слайд 11. Генеративний дизайн — принципово нова технологія

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

Слайд 12. Сучасними напрямками генеративного мистецтва Філіп Галантер

вважає електронну музику та її алгоритмічну композицію, а також комп’ютерну
графіку, промисловий дизайн і архітектуру.
 Слайд 13. На відміну від пакетів Adobe, Sketch або Cinema 4D, у яких вся
програмна начинка прихована за користувацьким інтерфейсом, для створення
генеративного дизайну використовується середовище програмування, в якому
треба прописувати певний програмний код.
Слайд 14. Головна ідея полягає в тому, що інженер або дизайнер не
проєктує продукт, а описує модель, задає потрібні параметри й обмеження. Після
цього штучний інтелект пропонує готові оптимізовані розв’язки. У підсумку
виходять дивовижні речі, більш схожі на природні об’єкти, ніж створені
людиною.

Слайд 15. Генеративний дизайн дозволяє візуалізувати складні та прості

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

Слайд 16. Галузі застосування генеративного мистецтва.

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

Слайд 17. Веб-дизайн: верстка, редизайн веб-сторінки, веб-типографіка.

Слайд 18. Графічний дизайн та візуалізація даних:

Фірмовий стиль. Сервіс Logojoy застосовує генеративні технології для
створення декількох варіантів логотипів і простих елементів фірмового стилю з
базових вимог користувача
Візуальні комунікації. Онлайн-редактор AutoDraw від Google Drawings
аналізує ваш «кривий» малюнок і пропонує замість нього більш досконалий
варіант. Людина малює в редакторі будь-яку абстрактну фігуру, а сервіс підбирає
і видає мініатюри малюнків і іконок, які краще підходять ви можете вибрати
підходящий.
Дизайн плакатів і упаковок. Одним з окремих випадків застосування
генеративного підходу стала рекламна кампанія Nutella Unica, розроблена
агентством Ogilvy & Mather Italy для виробника Ferrero, - в 2017 році було
випущено сім мільйонів баночок Nutella з унікальними малюнками на кожній
етикетці: зображення створював алгоритм, який комбінував кольору і графічні
шаблони
 Візуалізація даних та інфографіка. NodeBox - офлайн-програма для
користувачів Mac OS, застосовує алгоритмічні рішення для створення графіки,
спрайтів і інтерфейсів, що містять дані, які регулярно змінюються. Система
дозволяє дизайнеру задавати параметри генерації на базі блок-схеми і миттєво
отримувати результат при зміні параметрів.

Слайд 19. Також генеративне мистецтво застосовують в архітектурі,

мистецтві та індустрії розваг.

Слайд 20. Цікавий напрямок у генеративному дизайні – big data. Це вкрай

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

V. Фізкультхвилинка

VІ. Усвідомлення набутих знань та формування вмінь і навичок

Практичне завдання (Слайд 22)
Слайд 23. Вправа для профілактики короткозорості та порушення зору

VIІ. Підведення підсумків уроку

 Бесіда за питаннями (Слайд 24)
1. У чому полягає сутність дизайн-коду?
2. Що називають генеративним мистецтвом?
3. У чому полягає головна ідея генеративного дизайну?
4. Назвіть сучасні напрямки генеративного мистецтва.
5. Дайте визначення поняттю big data.
6. Назвіть галузі застосування генеративного мистецтва.
VIІ. Домашнє завдання
Опрацювати конспект. Підготуватись до тестової перевірки знань.