Урок №25 -26 Композиція та макет у дизайні.

8 клас

computer science

«Навчальна книга — Богдан»

тема 25-26

Композиція та макет у дизайні. Створення прототипу. Документація інформаційного продукту

Композиція — це спосіб організації елементів у дизайні, який допомагає створити гармонійний і зручний для користувача вигляд.

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

Принципи композиції

Баланс

Ієрархія

Контраст

Фокус

Макет — це схема, за якою розташовуються елементи дизайну. Це план, який показує, як виглядатиме кінцевий продукт.

Односторінковий (One-page)

Сітковий (Grid)

Модульний

Прототип — це попередній варіант дизайну, який показує, як виглядатиме продукт. Він допомагає зрозуміти структуру та функції продукту ще до його розробки.

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

Навіщо створювати прототип?

Візуалізація ідей

Тестування зручності

Економія часу та ресурсів

Особливості дизайну сайтів

Зрозуміла навігація

Читабельність тексту

Оптимізація для швидкості

Адаптивність

Кнопки заклику до дії (CTA)

Типові помилки при формуванні структури сайту

У нашому випадку документація створюється в Canva і включає всі графічні та текстові елементи дизайну.

Відсутність чіткої ієрархії сторінок

Неадаптивний дизайн для мобільних пристроїв

Неправильна організація навігації та меню

Не враховані потреби користувачів

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

Документація інформаційного продукту в Canva — це зручний і наочний спосіб організувати всю інформацію про проєкт.

Стандарти стилю

Елементи брендингу

Контентні вимоги

Інструкції з використання

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