UI 设计教学

讲师 & 课程设计师—2023

客户

硕士课程 — 大学

角色

讲师 & 课程设计师

技术栈

Figma, UI Design, UX Research, Design Systems, Prototyping

日期

2023

挑战

一个大学项目需要为具有不同技术背景的硕士生提供实用的、与行业相关的 UI 设计课程。学生们拥有 HCI 的理论知识，但缺乏动手设计技能。挑战在于建立一套课程，弥合学术理论与现实世界设计实践之间的差距——涵盖视觉基础、UX 方法论和工具掌握——在有限的课程内完成。

解决方案

设计了一个循序渐进的课程，从核心视觉原则（排版层次、间距系统、色彩理论、对比度和无障碍）开始，然后进入 UX 方法论（用户流程、线框图、信息架构）。下半部分完全专注于 Figma：基于组件的设计、自动布局、交互式原型设计和设计系统构建。每节课都结合了讲座部分和现场研讨会，学生可以在其中设计真实的界面。期末项目要求学生设计一个完整的移动应用程序，从研究到高保真原型，并进行演示和答辩。

markdown

# Course Structure — UI/UX Design Fundamentals

## Module 1: Visual Foundations
- Typography: hierarchy, pairing, readability
- Color theory: palettes, contrast ratios (WCAG)
- Layout: grid systems, spacing, visual rhythm

## Module 2: UX Methodology
- User research & persona creation
- Information architecture & user flows
- Wireframing: low-fi → mid-fi iteration

## Module 3: Figma Mastery
- Components, variants & auto-layout
- Interactive prototyping & micro-interactions
- Design systems: tokens, documentation

## Final Project
- Complete mobile app: research → hi-fi prototype
- Presentation & design critique session

↳ 涵盖视觉基础、UX 方法论和 Figma 掌握的课程大纲

下一个项目

Santé.gouv.fr

Web 开发 / 无障碍访问