superhi.com
Мы делаем онлайн-курсы, которые помогают творческим людям выделиться. Узнайте, как писать, разрабатывать и управлять проектами в нашем глобальном сообществе!
Введение в дизайн пользовательского интерфейса
Intro to User Interface Design
★5 (всего оценок - 2)
Продолжительность
6 ч 52 мин
Категория
Другое (Graphic)Количество уроков
28 Видео
Дата добавления
18 янв. 2022 г., 00:38
Язык
Английский
Дата выхода
1 янв. 2022 г., 01:00
Дата обновления
29 апр. 2026 г., 13:47
Освойте фундаментальные и продвинутые принципы дизайна пользовательского интерфейса, чтобы создавать эстетичные, удобные и масштабируемые цифровые продукты.
О курсе
Курс «Введение в дизайн пользовательского интерфейса» создан для тех, кто хочет глубже понять, как визуальные решения и продуманная структура интерфейса влияют на опыт пользователя. Обучение охватывает ключевые аспекты проектирования: от истории UI до создания сложных компонентных систем в Figma.
Чему вы научитесь
- Понимать, что такое пользовательский интерфейс, как он развивался и почему играет ключевую роль в цифровых продуктах.
- Использовать современные инструменты веб-дизайна, включая Figma, для создания стилей, компонентов, сложных компонентов и логичных макетов.
- Применять мышление на уровне шаблонов и анализировать дизайн-системы, встречающиеся в реальных цифровых продуктах.
- Оптимизировать дизайн-процессы с помощью грамотных практик именования и организации слоев, фреймов и файлов.
- Преобразовывать каркасы в полноценные интерфейсы, создавая визуально привлекательные, функциональные и интуитивно понятные решения.
- Приоритизировать пользовательский опыт при создании любых элементов пользовательского интерфейса.
Кому подходит этот курс
Материал будет особенно полезен начинающим дизайнерам, разработчикам, менеджерам продуктов и всем, кто хочет повысить компетентность в создании UI-решений, основанных на логике, структуре и использовании современных инструментов.
Почему стоит пройти этот курс
Знания, полученные в процессе обучения, помогут вам создавать интерфейсы, соответствующие современным стандартам UX/UI, уменьшить дизайн-задолженность в проектах и создать собственную практику работы с компонентными библиотеками.
Ключевые преимущества
- Практико-ориентированный подход: фокус на реальных навыках работы в Figma.
- Структурированное обучение: понятная логика от основ к сложным элементам.
- Подготовка к реальной работе: развитие навыков, востребованных на рынке.
Итоги
Этот курс поможет вам уверенно чувствовать себя в мире UI-дизайна, профессионально создавать интерфейсы и эффективно работать с современными дизайн-системами. Освойте инструменты, применимые в реальных проектах, и сформируйте фундамент для дальнейшего роста в сфере цифрового дизайна.
Это пробный урок. Оформите подписку, чтобы получить доступ ко всем материалам курса. Премиум
- Урок 1. 00:03:39A Brief History of the Graphic User Interface
- Урок 2. 00:04:57Understanding UI Design
- Урок 3. 00:14:49Introducing Patterns
- Урок 4. 00:09:42Design Elements and Principles in the Context of UI Design
- Урок 5. 00:09:29Introducing Exercise 1: Design Styles
- Урок 6. 00:22:15Exercise 1: Design Styles in Figma
- Урок 7. 00:03:57Introducing Project 1: Mood Ring
- Урок 8. 00:18:33Project 1: Starting to Design Mood Ring
- Урок 9. 00:26:50Project 1: Implementing Styles + Working on Mood Ring’s Pattern Library
- Урок 10. 00:24:09Project 1: Designing Remaining Onboarding Screens for Mood Ring
- Урок 11. 00:03:45Introducing Components and Instances
- Урок 12. 00:08:48Naming and Understanding Components and Instances
- Урок 13. 00:04:13Looking for Components in the Wild
- Урок 14. 00:20:42Introducing Exercise 1: Building Components from the Wild
- Урок 15. 00:13:01Continuing Exercise 1: Building Components from the Wild Ctd
- Урок 16. 00:05:17Introducing Project Part 2: Mood Ring Log In
- Урок 17. 00:11:55Project Part 2: Starting Mood Ring Log In
- Урок 18. 00:18:28Project Part 2: Continuing Mood Ring Log In 1
- Урок 19. 00:37:24Project Part 2: Continuing Mood Ring Log In 2
- Урок 20. 00:32:59Project Part 2: Completing Mood Ring Log In
- Урок 21. 00:03:10Learning About Variants and Different States
- Урок 22. 00:04:20Understanding States in the Context of Accessibility
- Урок 23. 00:10:57Introducing Project Part 3: Designing Variants and Responsive Design for Mood Ring
- Урок 24. 00:16:19Project Part 3: Introducing Tablet Styles
- Урок 25. 00:29:15Project Part 3: Updating Existing Components and Adding New Components
- Урок 26. 00:09:23Project Part 3: Applying New Styles and Components to Tablet Onboarding Screens
- Урок 27. 00:23:20Project Part 3: Designing Project Part 1 in Tablet
- Урок 28. 00:20:33Project Part 3: Designing Project Part 2 in Tablet
- https://www.notion.so/superhi/Chapter-1-Design-Elements-Principles-for-the-Web-Patterns-Styles-1b9753e41478443cab996d14672361df
- https://superhi.notion.site/Chapter-2-Components-Instances-and-States-9d1222ef9ecb4699852cec3bf5a39e48
- https://superhi.notion.site/Chapter-3-Variants-Accessibility-and-Responsive-Design-d76ad8986a624ca2b6135e42fbfac6a2
Автор - superhi.com
Комментарии
ktgwCan anyone access the notion page? It's not available anymore.