Напрями та інструменти вебдизайну

 Урок 1

08.09.2023

Види та типи сайтів

урок у Meet о 12.50

https://meet.google.com/yhb-wkiy-ewv

1. Вітаю! Сьогодні розглянемо типи сайтів, подивимось приклади гарної верстки сайтів та почнемо планувати власний проєкт

2. Типи сайтів

Шаблони для інтернет-магазинів

Шаблон лендінг сайту

XTiles







Урок 2

08.09.2023

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

1. Вітаю! Продовжуємо надихатись і розбирати тренди вебдизайну у 2023 році

👉2.  Які популярні стилі?

 - необруталізм

Сайти в стилі необруталізму підійдуть для брендів або продуктів, націлених на креативний прошарок аудиторії. Такі великі компанії, як Figma та Gumroad, вже підлаштували дизайни сайтів під цей напрямок.

 - ретро

 - мінімалізм

Мінімалізм у контексті вебдизайну має безліч плюсів:

  • - Швидке завантаження сайту
  • - Проста навігація
  • - Легше зробити адаптивний вебдизайн
  • - Більше можливостей для SEO-просування
  • - Менше лагів 
  • - Дизайн протягом багатьох років виглядає актуальним

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


👉3.  Які технології популярні?
💫Доповнена реальність (Virtual Try-On, Virtual Try-On ikea)
💫Чат-боти
💫Інтерактивність

👉4. Практична робота

Створюємо проєкт у середовищі XTiles

Роботи надсилай на електронну скриньку teacheritschool1@gmail.com


____________________

Уроки 3, 4

15.09.2023

Інформаційна структура сайту

урок у Meet о 12.50

https://meet.google.com/yhb-wkiy-ewv

1. Вітаю! Сьогодні розглянемо, як гарно організувати сайт. Від якісної структури залежить дуже багато: якою буде аудиторія, як довго вони затримаються на сторінці...

2. Опрацюй презентацію за посиланням

👉3. Практична робота

Створи структуру інформаційного сайту або інтернет-магазину

💪Приклади сайтів:

Карпати

PetHelp

Освітній хаб Києва


_________________________

Уроки 5, 6

22.09.2023

Відомі вебдизайнери. Інструменти вебдизайну

урок у Meet о 12.50

https://meet.google.com/yhb-wkiy-ewv

Вітаю! Сьогодні говоримо про відомих вебдизайнерів

Крок 1: Відомі вебдизайнери

👉 Марк Віллер

Арт-директор Microsoft, можна сказати, ікона веб-дизайну, роботи якої відомі практично кожній людині. Спеціалізація – користувальницький досвід, інтеракції і зручні інтерфейси. Один з кращих веб-дизайнерів – Марк Віллер – радує своїх шанувальників авторськими малюнками, а також футуристичним стилем оформлення робіт в Інтернеті.

👉 Критика Кушваха

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

Креативний директор київської компанії Vintage. Продуктовий дизайнер, проектувальник інтерфейсів і користувацького досвіду. Роботи Ольги відрізняються своєю різноплановістю. Вона використовує всі доступні дизайнерові інструменти для досягнення потрібного результату: велику типографіку, великі фотографії, анімацію, незвичайні поєднання кольорів, ілюстрації, діагональні форми і лінії. Її роботи виглядають дорого, сучасно, мінімалістично і легко.

Талановитий арт-директор, ілюстратор і дизайнер з Лос-Анджелесу. Володар безлічі нагород. Один з апологетів мінімалізму в веб-дизайні. Він так само, як і Марк Віллер, отримав популярність в якості творця робіт в ніші іміджевого Інтернету. Його девіз – спочатку брендинг, потім дизайн.

👉Анна Дью
UX-дизайнер з Нью-Йорка, який створював проекти для Microsoft, SAP, BarterSugar. Анна вміло поєднує у своїй діяльності мінімалізм і абстракціонізм. Дью також активно використовує флетовую інфографіку, лінії, геометричні фігури, домагаючись максимальної архітектурності своїх творінь.


Крок 2: Приклади сайтів з поганим дизайном

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

Крок 3: Приклади найкращих сайтів


👉Крок 4: Практична робота
Проаналізувати інтерфейс сайту, яким ти найчастіше користуєшся, за такими категоріями (від 0 до 10 балів):
  • Креативність
  • Шрифт та колір
  • Ілюстрації
  • Навігація
  • Зручність

Немає коментарів:

Дописати коментар

Підписатися на: Дописи (Atom)