第五章4-App页面设计视觉层次结构和视觉引导-教案_第1页
第五章4-App页面设计视觉层次结构和视觉引导-教案_第2页
第五章4-App页面设计视觉层次结构和视觉引导-教案_第3页
全文预览已结束

下载本文档

版权说明：本文档由用户提供并上传，收益归属内容提供方，若内容存在侵权，请进行举报或认领

文档简介

序号：24课程数字媒体交互设计系部数字艺术系任课教师张靖瑶课题名称：App产品交互设计开发制作：学习任务四App页面设计视觉层次结构和视觉引导内容提要与时间分配：一、课程说明与要求1.课程说明（3分钟）二、学情分析与课程导入（2分钟）三、理论知识讲解1.App页面视觉层次结构的构建【思政融入】（17分钟）………重点2.App界面设计的视觉引导和反馈（25分钟）………难点四、实践技能训练1.视觉层次构建的分析方法（10分钟）2.视觉引导的创意草稿设计（15分钟）……重点五、课堂总结（3分钟）六、课后思考（5分钟）注：共计2学时教学方法：讲授法+讨论法+实训指导说明：教案按每个授课单元或根据授课特点按章节进行设计。教学目的与要求1.了解视觉层次结构的阅读模式2.掌握App视觉层次结构构建的方法3.掌握视觉引导和反馈模式的应用授课班级授课日期节次与难点教学重点教学重点：App视觉层次的构建，要掌握视觉层级结构的构成元素：尺寸、颜色、字重及布局，通过依据重要性排列，来形成视觉关系，从而在整个设计中建立视觉层次，这样便于更有效的传达交互的信息和含义。教学难点：App视觉引导和反馈设计的模式及应用场景，需要知道，如何让我们的APP更加高效、快速的使用户能够自然、轻松的浏览到所需要的信息，比如：浏览顺序、图标的标识性、引导性等等；对于交互体验，尤其要重视视觉反馈设计，通过用户的操作，让用户知道操作的结果是什么，发生了什么；让反馈设计可以恰当、清晰、及时地传达给用户授课地点授课方式与授课方式：理论讲授、互动讨论、实训指导授课地点：参考资料使用教材及教材：《交互设计：设计思维与实践》由芳，王建民编著，电子工业出版社资料：教学课件、案例及作业题复习思考1.反馈设计分几个步骤来完成，让反馈设计可以恰当、清晰、及时地传达给用户2.模态反馈和非模态反馈的特点和使用场景习要点下次课预预习和思考App界面元素设计的构成及UI设计组件的应用学效果分析实施情况及教【此处内容须为课后手写，内容参考如下】本次课按计划实施教学，教学内容充实，结合日常应用讲授理论知识，学生理解较好。通过作品分析训练，学生能很好地理解App视觉构建及引导和反馈设计；通过实例引导学生对视觉层次中阅读模式的理解，强化学生参与性和感受力。在实践环节，通过有针对性地指导，学生能够掌握视觉层次构建的方法及视觉引导的元素设计。综上，通过本次课的教学，学生对App的视觉层次的构建和视觉层次的引导有了更深入的认识，能从满足需求设计的角度去认识视觉层次及引导对App交互界面设计的作用并应用到实际产品中，能将所学的知识完整表达、灵活运用到实践中，达到了本课的教学目标。教研室主任审核：

人人文库> 全部分类> 教育资料 > 备课教案

温馨提示

  • 1. 本站所有资源如无特殊说明，都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
  • 2. 本站的文档不包含任何第三方提供的附件图纸等，如果需要附件，请联系上传者。文件的所有权益归上传用户所有。
  • 3. 本站RAR压缩包中若带图纸，网页内容里面会有图纸预览，若没有图纸预览就没有图纸。
  • 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
  • 5. 人人文库网仅提供信息存储空间，仅对用户上传内容的表现方式做保护处理，对用户上传分享的文档内容本身不做任何修改或编辑，并不能对任何下载内容负责。
  • 6. 下载文件中如有侵权或不适当内容，请与我们联系，我们立即纠正。
  • 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。

最新文档

评论

0/150

提交评论