Cours : Проєктування користувацького інтерфейсу

Résumé de section

Généralités

Sélectionner l’activité Новини

Новини Forum

Проектування користувацького інтерфейсу (UI/UX design)

Мета вивчення навчальної дисципліни «Проектування користувацького інтерфейсу» полягає у формуванні базисних навичок з проектування користувацьких інтерфейсів та наданні основ з UX/UI дизайну. Курс допоможе отримати навички розробки дизайну на всіх основних етапах, починаючи від вимог закінчуючи готовим користувацьким інтерфейсом. Курс побудований таким чином, щоб максимально підготувати слухача до реальних задач, тому в ньому розглядаються сучасні підходи до розробки, а також враховуються актуальні тренди дизайну. В процесі навчання студенти отримають теоретичну базу знань і зможуть закріпити її на практиці використовуючи сучасні інструменти і підходи які знадобляться їм для роботи на реальних проектах.

Автор дисципліни та викладач курсу:

Чемерис Ганна Юріївна – PhD з педагогіки, cтарший викладач кафедри дизайну, член Спілки дизайнерів України

Адреса кафедри: 69095, м. Запоріжжя, Жуковського 55-а, IV корпус ЗНУ, 2 поверх

е-mail кафедри: designznu@gmail.com

Sélectionner l’activité Силабус ПКІ

Силабус ПКІ Fichier

	Чемерис Г.Ю. UX/UI дизайн : навчальний посібник для здобувачів ступеня вищої освіти бакалавра спеціальності "Дизайн" освітньо-професійної програми "Графічний дизайн". Запоріжжя : ЗНУ, 2021. 290с.

Sélectionner la section Лекційний матеріал

Replier Déplier
Лекційний матеріал
- Sélectionner l’activité Змістовий модуль 1. Передпроектний стан та ...
  
  Змістовий модуль 1. Передпроектний стан та передпроектна підготовка
  Лекція 1. Теорія дизайну. Вступ до UI дизайну. Основи UX.
  
  Презентаія до лекції №1
  
  Лекція 2. Композиція - як засіб поєднання елементів UI дизайну.
  
  Презентаія до лекції №2
  
  Змістовий модуль 2. Дизайн-документація на розробку інтерфейсу користувача
  Лекція 3. Прототипування як спосіб передпроектного дослідження.
  
  Презентаія до лекції №3
  
  Лекція 4.1. Філософія кольороподілу у UI/UX дизайні
  
  Презентаія до лекції №4.1
  
  Лекція 4.2. Типографіка та її особливості використання у UI/UX дизайні.
  
  Презентаія до лекції №4.2
  
  Змістовий модуль 3. Візуалізація та макетування
  Лекція 5. Керування контентом сторінок. Оптичний баланс. Типографічна ієрархія
  
  Презентаія до лекції №5
  
  Лекція 6. Accessebility дизайн
  
  Презентаія до лекції №6
  
  Змістовий модуль 4. Фіналізація проектної розробки
  Лекція 7. Дизайн-дослідження. UX
  
  Презентаія до лекції №7
  
  Лекція 8. Дизайн під мобільні пристрої.
  
  Презентаія до лекції №8
  
  Лекція 9. Анімація взаємодії. Етап фіналізації проектної розробки.
  
  Презентаія до лекції №9
- Sélectionner l’activité Контрольне тестування №1
  
  Контрольне тестування №1 Test
- Sélectionner l’activité Контрольне тестування №2
  
  Контрольне тестування №2 Test
Sélectionner la section Інструктивно-методичні матеріали до самостійних робіт

Replier Déplier
Інструктивно-методичні матеріали до самостійних робіт
- Sélectionner l’activité Самостійна робота до модулю №1. Прототипування т...
  
  Самостійна робота до модулю №1. Прототипування типових екранів у UI дизайні. Вайрфрейм, логічна та функціональна карта
- Sélectionner l’activité Завантажити опрацьовані матеріли до модулю №1
  
  Завантажити опрацьовані матеріли до модулю №1 Devoir
- Sélectionner l’activité Самостійна робота до модулю № 2. частина 1. Опрац...
  
  Самостійна робота до модулю № 2. частина 1. Опрацювання макету головного екрану UI. Система відступів
- Sélectionner l’activité Самостійна робота до модулю № 2. частина 2. Опрац...
  
  Самостійна робота до модулю № 2. частина 2. Опрацювання макету типових екранів UI
- Sélectionner l’activité Завантажити опрацьовані матеріли за до модулю 2
  
  Завантажити опрацьовані матеріли за до модулю 2 Devoir
Sélectionner la section Підсумковий контроль

Replier Déplier
Підсумковий контроль
- Sélectionner l’activité Перелік питань для підготовки
  
  Перелік питань для підготовки
- Sélectionner l’activité Теоретична частина. Тестові запитання
  
  Теоретична частина. Тестові запитання Test
- Sélectionner l’activité  Практична частина. Опрацювання мобільної вер...
  
  Практична частина. Опрацювання мобільної версії UI дизайну
- Sélectionner l’activité Практична частина
  
  Практична частина Devoir
Sélectionner la section Додаткові матеріали

Replier Déplier
Додаткові матеріали
Ai гарячі клавіші Windows
Sketching Templates
Starter Template
Starter Template Retina
Web Style Guide
Web Style Guide Retina
Web Style Guide Scetch
Wireframe Kit
Wireframe Kit Retina

Додаткові матеріали


	_{THE GUIDE} _{TO WIREFRAMING}	_{WEB DESIGN} _{BOOK OF TRENDS} _2013-2014	_MOBILE _{BOOK OF TRENDS} ₂₀₁₄	_{Web UI Design} _{Patterns 2014}	_{UX Design} _{for Startups} _{By Marcin Trede}_r	_{THE USER} _EXPERIENCE _{GUIDE BOOK} _{FOR PRODUCT} _MANAGERS	The guide to prototyping	The Basics of User Experience Design

Sélectionner la section Відеоматеріали

Replier Déplier
Відеоматеріали
- Sélectionner l’activité   Як написати технічне завдання (ТЗ) на дизай...
  
  Як написати технічне завдання (ТЗ) на дизайн користувацького інтерфейсу
  Як написати користувацькі сценарії для інтерфейсу сайту або додатку
  Модульна Сітка Для Сайту (Принципи та Правила)
  Модульна сітка 960 grid? Вертикальні та горизонтальні правила
  Типографіка: як обрати шрифтову пару для сайта
  Правила типографіки
  Як підготувати макет сайту для верстки, для верстальника
  Дизайн мобільного додатку для різнх розмірів екранів
  Адаптивний Дизайн (Особливості Створення)
  Як стоврити адаптивний інтерфейс для різних розмірів екрану та головні принципи адаптивності
  Ідеальна типографіка та мікротипографіка: як добрати шрифи для тексту та заголовку, довжина строки
  Сутності у веб-дизайну та інтерфейсах
  Тренди Web-Дизайну Тенденції в оформленні (Флет vs. Скеоморфізм)
  А/Б тестування. Що веб-дизайнер повинен знати про A/B тести.
Sélectionner la section Додаткові ресурси. Неформальна освіта

Replier Déplier
Додаткові ресурси. Неформальна освіта
- Sélectionner l’activité Introduction to Web and eCommerce User eXper...
  
  Introduction to Web and eCommerce User eXperience Design | udemy
  
  User Experience Certification | udemy
  
  User Experience (UX) Fundamentals | udemy
  
  Apple Watch UX: Design Beautiful UI and User Experiences |udemy
  
  Rapid Usability Research For UX Designers | udemy
  
  Improve Your Web Design Experience with Squarespace | udemy
  
  User Experience (UX) Strategy Fundamentals | udemy
  
  UX: The Evidence-Based Redesign | udemy
  
  User Experience - Applied Research and Design | udemy
  
  UX Methods Fundamentals | udemy
  UI / UX Design | coursera.org
  Introduction to UI Design | coursera.org
  Evaluating User Interfaces | coursera.org
  interaction design | coursera.org
- Sélectionner l’activité Завантажити сертифікат за результатами проходження курсу неформальної освіти
  
  Завантажити сертифікат за результатами проходження курсу неформальної освіти Devoir

Résumé de section

Проектування користувацького інтерфейсу (UI/UX design)

Змістовий модуль 1. Передпроектний стан та передпроектна підготовка

Змістовий модуль 2. Дизайн-документація на розробку інтерфейсу користувача

Презентаія до лекції №3

Презентаія до лекції №4.2

Змістовий модуль 3. Візуалізація та макетуванняЛекція 5. Керування контентом сторінок. Оптичний баланс. Типографічна ієрархія

Змістовий модуль 3. Візуалізація та макетування

Презентаія до лекції №5

Лекція 6. Accessebility дизайн

Презентаія до лекції №6

Змістовий модуль 4. Фіналізація проектної розробки

Презентаія до лекції №8

Презентаія до лекції №9

Змістовий модуль 3. Візуалізація та макетування
Лекція 5. Керування контентом сторінок. Оптичний баланс. Типографічна ієрархія