Повні розв’язки, як у зошиті. Хочеш розібратися самостійно — під кожним завданням є «Пояснення з репетитором».
Сторінка 126
Завдання 2
Обговорення висновків з відео
Переглянути відео «Вебдизайн: від ідеї до кар'єри» та обговорити в малих групах три ключові висновки. Порівняти висновки з іншими групами.
Розв’язання
Перегляньте відео в інтерактивному електронному додатку.
Запишіть три найважливіші думки, які ви отримали під час перегляду (наприклад: «Вебдизайн — це поєднання мистецтва та логіки», «Важливо розуміти потреби користувача», «Код допомагає реалізувати ідею»).
Обговоріть ці думки з однокласниками, щоб знайти спільні риси та відмінності у висновках.
Відповідь:
Три ключові висновки (які зазвичай виникають у таких відео): 1) Вебдизайнер має поєднувати творчі здібності з технічними знаннями; 2) Головне завдання — створити сайт, який є зручним та зрозумілим для користувача; 3) Проєкт починається не з коду, а з ідей, макетів та аналізу проблем.
Завдання 3
Вікторина після відео
Переглянути відео за посиланням https://qr.orioncentr.com.ua/n6rvR та перевірити себе у вікторині в інтерактивному електронному додатку. Обговорити чотири питання: 1) Що здивувало найбільше? 2) Чому потрібні технічні знання? 3) Чи знали ви, що створення сайту починається з ідей? 4) Які якості важливі для успіху?
Розв’язання
Відкрийте посилання та перегляньте відео.
Пройдіть тест у вікторині в додатку.
Для обговорення питань 1–4 запишіть свої думки: наприклад, для питання про технічні знання поясніть, що без коду неможливо створити функціональний сайт; для питання про ідей — пригадайте, як у підручнику описано етап від задуму до макету.
Відповідь:
Відповіді на вікторину залежать від змісту конкретного відео, але основні тези для обговорення такі: 1) Дивувало те, що дизайн — це не лише малювання, а й логіка та аналітика; 2) Технічні знання потрібні для реалізації макетів у браузері (HTML/CSS); 3) Створення сайту дійсно починається з ідей та дослідження проблем користувача; 4) Важливі якості: уважність до деталей, креативність, логічне мислення та вміння працювати в команді.
Завдання 4
Аналіз сайтів National Geographic та Visit Ukraine
Переглянути сайти National Geographic (мал. 9.1, а) та Visit Ukraine (мал. 9.1, в). Обговорити, що найбільше сподобалося і чому. Визначити, на якому сайті є чітка структура, багато зображень/відео, мінімум тексту, цікавий дизайн.
Розв’язання
Відвідайте сайт National Geographic та проаналізуйте його структуру, кольори та зміст статей.
Відвідайте сайт Visit Ukraine та зверніть увагу на великі зображення, відео-презентації та лаконічність тексту.
Порівняйте два сайти: National Geographic часто має більше глибокого тексту, а Visit Ukraine — більше візуального контенту для швидкого сприйняття.
Відповідь:
Найбільше сподобається дизайн Visit Ukraine через велику кількість яскравих зображень та відео, що відповідає концепції «максимум сенсу» без зайвого тексту; National Geographic вражає якістю фотожурналістики. Для власної сторінки можна використати чітку навігацію (як на обох сайтах) та яскраві зображення, але не перевантажувати сторінку текстом.
Завдання 5
Аналіз елементів інтерфейсу
Визначити, які елементи на сайті полегшують роботу (меню, кольори, кнопки, фото, відео). Використати допомогу з інтерактивного електронного додатка для підтвердження важливості врахування складових дизайну.
Розв’язання
Знайдіть на сайті головне меню та поясніть, як воно допомагає знайти потрібну сторінку.
Зверніть увагу на кольорові акценти (наприклад, червоні кнопки «Зареєструватися») і поясніть, чому вони привертають увагу.
Оцініть роль великих фото та відео у передачі інформації про туристичні місця чи природу.
Відповідь:
Елементи, що полегшують роботу: 1) Меню — забезпечує навігацію; 2) Кольори — виділяють важливі дії та розділяють контент; 3) Кнопки — викликають конкретні дії користувача; 4) Фото та відео — швидко передають емоції та інформацію. Врахування цих елементів робить сайт зручним (юзабіліті).
