《UI设计项目式教程》教案13 完成旅游APP低保真原型图设计流程

《UI设计项目式教程》教案第13号课程名称授课日期班级课堂类型理实一体化教学章节名称一、完成旅游APP低保真原型图设计流程目的要求1、知识目标深化理解原型图制作的核心逻辑，明确原型从低保真到高保真的制作流程、适用场景及转化标准；系统掌握原型图制作的底层理论，包括页面信息架构搭建、交互路径设计、组件复用规范等；熟练运用原型图制作的实操原则，如布局对齐原则、交互反馈原则、适配一致性原则，结合点餐APP等项目场景理解原则落地方法。2、能力目标能独立完成需求拆解与原型规划，根据项目目标（如点餐APP）梳理页面清单、定义交互逻辑；熟练使用原型设计工具（如Figma、Axure），制作低保真+高保真原型图，清晰表达界面布局、控件交互与页面跳转；具备原型图优化与评审能力，能结合用户反馈、开发需求对原型进行迭代调整，确保原型落地性。3、素质目标树立以用户为中心的设计素养，在原型制作中优先考量点餐场景下的用户操作便捷性与体验流畅度；培养严谨细致的工作态度，注重原型图的细节规范（尺寸、字体、交互逻辑），降低后续开发偏差；强化项目落地思维，打破纯设计视角，兼顾原型的可实现性与团队协作效率，推动设计方案高效落地。学情分析在UI设计项目制作过程中，学生正处于身心发展的关键时期，他们的情绪、情感、思维、意志、能力及性格还极不稳定和成熟，具有很大的可塑性和易变性。因此，在项目制作过程中，教师需要充分考虑学生的这些特点，采用合适的教学方法，激发他们的学习兴趣，培养他们的创新能力和团队协作能力重难点分析1.完成原型图制作2.学会运用UI设计软件进行基础设计操作。信息化应用方法讲师课堂教学要以PPT讲授为主，并结合多媒体进行教学思政元素融合设计思政元素融入方式培养学生的创新精神通过图形设计案例的讲解，树立学生的创新精神作业布置无参考资料《UI设计项目式教程》卓书芳、钟月云，大连理工大学出版社教学过程教学环节教学内容教师活动学生活动设计意图（含教学目的、信息化手段、思政融入情况、创新创业意识教育等）1.课前预习/5分钟预先完成课程中相关的课程案例预先准备本节课程项目可以投报的比赛预先准备相关知识点的拓展练习利用网络平台发布预习任务1.开展课前预习，观看布置的微课、视频及案例等；2.收集课题资料；课前让学生复习相关教学内容，提高课堂教学效率，让学生更好的理解授课内容2.课程导入/10了解旅游APP低保真原型图设计流程教师通图片和相应视频及动画展示图形设计案例，提出问题：UI设计的重难点？如何在设计过程中避免？培养学生独立思考和分析问题的能力。3.注意字体规范、软件操作、色彩规范/65分钟字体规范、软件操作、色彩规范重点内容讲解y一、旅游APP的UI字体规范需从字体选择、字号、字重、颜色、排版等维度制定，确保视觉统一性与阅读体验。旅游APP字体规范旅游APP使用iOS尺寸制作。中文使用苹方，英文使用SFPro。特殊场景字体搭配轻量级创意字体，例如旅行APP的标题或装饰性文字，但需确保识别性，避免影响信息传达。一般情况下，导航栏内标题字号大于内容标题字号，字号大小一般为偶数。在字重的选择上，标题需要加粗，大标题使用Medium（中等）或Bold（粗体），增强醒目度。正文采用Regular（常规），避免视觉疲劳。需要强调的关84UI设计项目式教程键信息，如价格、按钮文字等可以使用Semi-Bold（半粗），突出交互重点软件界面介绍实操使用“矩形工具”绘制一个圆角矩形作为搜索栏的外框，再绘制一个圆形表示图标位置，添加相关文字“本地-景点-酒店”，并设置好字体样式和位置，效果如图所示。在制作高保真原型之前，需要完成规范手册的制作。制作规范手册主要是为了便于设计团队或设计师之间统一产品的视觉设计风格；同时，保证设计师与开发人员之间沟通和工作交接的顺利进行，使开发出的产品界面和视觉稿高度统一。制作规范手册，包括字体、颜色、按钮、图标等要求，如图所示。课上开展相关实践活动时，需严格遵守字体、软件、色彩三大规范，确保活动有序高效，作品规范统一。字体使用上，需选用课上规定字体，标题统一加粗、字号适中，正文字号一致、行间距规范，杜绝随意使用艺术字体、乱改字号，避免错别字和格式混乱。软件操作方面，全程按照老师指导步骤操作，不随意点击无关按钮、不修改软件设置，遇到操作难题及时举手请教，不擅自重启软件或更改文件保存路径，确保作品顺利保存、不丢失。色彩规范上，遵循课上要求的色彩搭配原则，不随意使用杂乱色彩，保持作品色彩协调统一，贴合活动主题，不盲目追求花哨，突出内容重点。活动中需专注操作、互帮互助，严格遵守各项规范，确保课堂秩序，高效完成课上实践任务。通过学习和实践各种图形设计技术和工具，学生将能够发展出独特的创造力，并能够将其应用于解决实际设计问题中。课堂小