《UI界面设计》教学大纲-张

《UI界面设计》教学大纲一、层次与学制：二、教学时数：三、适用专业：

专科，三年制64学时，周学时： 4视觉传达、艺术设计四、课程性质与任务UI界面设计是数字媒体艺术专业重要的基础课程，是一门集技术与艺术一体化的基础学科，课程的设置面向职业岗位要求，职业岗位针对性较强，涉及的专业技能具有很强的专业性，其主要任务是培养学生的手机界面设计的制作能力，使学生了解当今界面设计制作的基本知识。五、教学目的与基本要求目的：知识目标：了解游戏行业美术设计师岗位要求并掌握界面的设计制作规范。能力目标：能熟练掌握界面制作流程和方法技巧，以及界面的设计制作能力达到行业岗位的基本要求。素质目标：1）具有热爱所学专业、爱岗敬业的精神和强烈的法律意识；2）具有胜任设计工作的良好的业务素质和身心素质；3）具有运用所学知识分析和解决问题的能力；4）具有自学能力、获取信息的能力，以及一定的组织、管理能力。5）培养学生的团结合作能力；运用所学知识分析和解决问题的能力，创新设计思维，美术欣赏造1型审美的能力。要求：界面UI设计课在整个教学的过程中，运用启发、引导和实践的方式，通过进行造型设计基础知识点的逐步讲解并实例绘制教授创作，训练学生的相互配合能力，培养学生的职业道德、团队协作意识以及良好的审美意识，使学生在艺术学习和实践中陶冶情操，并培养学生具备积极思考问题、主动学习、良好的团队合作精神、获取知识能力、设计创意思维能力、结构分析、感悟能力和欣赏能力等素质。六、教学主要内容与学时分配第一章 UI界面设计相关知识什么是UI设计及相关概念介绍在深入了解如何进行 UI设计之前，我们还应该先了解一些与 UI设计相关的概念2. UI设计的流程一个好的 UI设计并不是然最终的用户界面视觉效果 ’好看 ’而已，而是需要考虑到用户和界面之间的整个交互过程，是否使用户有好的体验。所以，当我们讨论 UI流程的时候，也不能只简单地讲如何优化用户界面的视觉效果，而应当从交互设计的整个流程出发来讨论。UI界面设计的规范当我们讨论 UI界面设计规范的时候，我们应该把它分为两部分 ;一部分是交互设计规范，另外一部分是视觉设计规范。一旦确定了规范，在后续的产品设计和开发过程中，就要遵循它，确保产品的一致性和全局性。第二章 UI界面设计一致性1.什么是一致性无论是在很多有关用户界面设计的书籍中，还是在用户界面设计领域的前辈的经验里，都涉及了用户界面设计需要遵循的基本原则。但是遵循用户界面设计原则不能够像看着做菜谱一样每一个步骤都完全照搬，因为左右总结出来的设计原则关注的是目标，而不是操作，他们会尽可能让其具备更广泛的适用性。2.一致性在应用设计中的作用3.如何避免不一致性的出现① 内容、图标的设计坚持一致性② 制定一致的色彩规则③ 控件设计保持一致第三章 UI界面设计层级性1.认识视觉层级层级性能够帮助用户对界面中元素的重要程度做出区分和解读，有助于用户更快速、更准确地理解界面内容，完成在界面中的任务。所以层级性也是设计一个易用性高的界面的又一关键因素。2.如何建立信息层级2第四章 UI界面设计情感化1.认识情感化设计2.情感化设计对用户的影响④ 加强用户对产品风格的感知⑤ 缓解用户负面情绪⑥ 引导用户行为3.情感化设计的指标4.如何进行情感化设计第五章 UI界面类型1.启动界面2.顶层界面3.一览界面4.详细信息界面5.输入/操作界面6.界面跳转第六章 信息架构设计1.什么是信息架构信息架构的概念是从数据库设计领域中剥离出来的信息架构设计、所谓信息架构是产品所呈现出来的结构层级关系，是让我们能够很容易地认识到该产品能做什么。3.简单信息架构和复杂信息架构第七章 概念原型设计1.原型设计2.原型设计的基本形式3.原型设计的要点4.原型设计的基本原则5.从低保真原型到高保真原型第八章 UI视觉设计-图标设计1.界面设计中的图标2.图标的设计创意第九章 图形界面的创意设计1.图形界面需求2.图形界面的创意3.图形界面的情感表达3第十章 移动 UI界面中视觉基本元素设计1.按钮2.进度条3.搜索栏4.动效七、其它教学环节和考核方式各教学环节（含主要实践环节）的学时分配（单位：学时） ：4总时数64使用教材课程名称讲课实操其他教材名称主编UI界面设计3232UI界面设计梁哲周次日期教学内容课时110.11UI界面设计相关知识2+2210.18.UI设计的流程2+2310.25UI界面设计的规范2+2411.1UI界面设计一致性2+2511.8UI界面设计层级性2+2611.15UI界面设计情感化2+2711.22UI界面类型2+2811.29信息架构设计2+2912.6概念原型设计2+21012.13界面设计中的图标2+21112.20图标的设计创意2+21212.27图形界面需求2+2131.3界面设计中的图标2+2141.10.图标的设计创意2+2151.17图形界面的情感表达2+2161.24移动UI界面中视觉基本元素设计2+2

版次 印刷时间 出版社2017.7 2017.7 河北美术第1版 第1版 出版社教学方法 作业或备注讲授+辅导讲授+辅导讲授+辅导讲授+辅导讲授+辅导讲授+辅导讲授+辅导讲授+辅导讲授+辅导讲授+辅导讲授+辅导讲授+辅导讲授+辅导讲授+辅导讲授+辅导讲授+辅导5八、作业设计本课程成绩评定采用考查方式 ,课程总评成绩由平时作业取平均分，采用百分制。1、上课考勤占20%；2、过程考核（上课讨论发言、读书笔记、设计说明、查阅资料、草图等）20%；3、课程作业60%。评分依据1、主题明显，准确表达主题内容、寓意。（40—30分）2、技巧符合基本要求，色彩和谐、比例协调。（30—20分）3、构思独特、构图新颖。（20—10分）4、风格突出。（10分以下）考试