本教材专为交互设计领域的设计师、产品经理、前端开发者及学生量身打造，以“项目思政”为纽带，构建“专业技能培养与价值塑造并行”的教学体系。
全书通过七个真实项目，全面覆盖交互设计关键环节，从搜索引擎UI设计到适老化数字产品全流程优化，再到融媒体H5交互设计等多元场景，实践性强。教材将思政元素有机融入教学：在适老化App设计中引导学生关注老年群体数字困境，以技术创新传递人文关怀；在“美丽中国”宣传H5、交通安全公益项目及航天服穿戴小游戏中，分别融入中华美学精神、法治安全理念与载人航天精神，实现技术应用与价值引领的深度融合。同时，通过原型迭代训练培养学生精益求精的工匠精神。
教材由资深专家审定，案例源于真实比赛项目，配有丰富数字化资源，适合高职高专及本科院校教学使用，助力培养兼具专业能力与社会责任感的新时代设计人才。
![]()
项目— 搜索引擎网站U设计
任务1 绘制网站的功能结构图和业务流程图、页面流程图
任务2 从用户体验的5个层面分析网站交互设计
任务3 搜索引擎网站界面设计
项目二 适老化数字产品的全流程优化--前期设计
任务1 适老化“叮叮买菜”App用户定量调研
任务2 适老化“叮叮买菜”App用户体验地图
任务3 创建适老化“叮叮买菜”App用户画像
项目三 适老化数字产品的全流程优化——中期设计
任务1 构建适老化“叮叮买菜”App设计信息框架
任务2 手绘适老化“叮叮买菜”App低保真线框图
项目四 适老化数字产品的全流程优化——后期设计
任务1 低保真原型设计图数字化
任务2 创建情绪板
任务3 高保真原型UI设计
项目五 设计心理学在UI交互设计中的应用分析
任务1 情感化设计分析
任务2 UI交互设计分析
任务3 数字产品设计分析
项目六 可交互原型设计
任务1 App 的微交互设计
任务2 组件变体交互动效设计
任务3 引导页交互原型设计
项目七 融媒体 H5 交互设计
任务1“美丽中国”宣传作品设计
任务2 H5动画制作
任务3“交通安全”宣传作品设计
任务4 航天服穿戴小游戏设计制作
任务5“个人信息保护”防诈H5交互作品设计
参考文献
