Графічний інтерфейс продукта. Дизайн UI/UX

1

Титульний

Назва, теги, нижній підпис

2

Що таке GUI?

Визначення, CLI→GUI порівняння, де зустрічаємо

3

UI vs UX

Паралельне порівняння з прикладами, символ ≠ по центру

4

Елементи інтерфейсу

6 карток: кнопки, форми, навігація, сповіщення, картки, таблиці

5

10 евристик Нільсена

Всі 10 золотих правил UX у 2 колонки

6

Колір та типографіка

Палітра кольорів + ієрархія шрифтів з px

7

Wireframe та Прототип

Схема процесу + намальований wireframe + пояснення

8

Інструменти

Figma детально + Adobe XD, Sketch, Canva, Miro

9

📚 Домашні завдання

4 завдання з рівнями складності

10

Підсумок

5 ключових висновків уроку