2022年《ui界面设计》教学大纲张备课讲稿.pdf

UI 界 面 设 计 教 学大 纲 - 张精品资料 - - - 欢迎下载 - - - - - - - - - - - 欢迎下载 名师归纳 - - - - - - - - - -第 1 页，共 9 页 - - - - - - - - - - 学习 好资料精品资料UI 界面设计教学大纲一、层次与学制：专科，三年制二、教学时数：64学时，周学时： 4 三、适用专业：视觉传达、艺术设计四、课程性质与任务UI 界面设计是数字媒体艺术专业重要的基础课程，是一门集技术与艺术一体化的基础学科，课程的设置面向职业岗位要求，职业岗位针对性较强，涉及的专业技能具有很强的专业性，其主要任务是培养学生的手机界面设计的制作能力，使学生了解当今界面设计制作的基本知识。五、教学目的与基本要求目的：知识目标：了解游戏行业美术设计师岗位要求并掌握界面的设计制作规范。精品资料 - - - 欢迎下载 - - - - - - - - - - - 欢迎下载 名师归纳 - - - - - - - - - -第 2 页，共 9 页 - - - - - - - - - - 学习 好资料精品资料能力目标：能熟练掌握界面制作流程和方法技巧，以及界面的设计制作能力达到行业岗位的基本要求。素质目标：（1）具有热爱所学专业、爱岗敬业的精神和强烈的法律意识；（2）具有胜任设计工作的良好的业务素质和身心素质；（3）具有运用所学知识分析和解决问题的能力；（4）具有自学能力、获取信息的能力，以及一定的组织、管理能力。（5）培养学生的团结合作能力；运用所学知识分析和解决问题的能力，创新设计思维，美术欣赏造型审美的能力。要求：界面 UI 设计课在整个教学的过程中，运用启发、引导和实践的方式，通过进行造型设计基础知识点的逐步讲解并实例绘制教授创作，训练学生的相互配合能力，培养学生的职业道德、团队协作意识以及良好的审美意识，使学生在艺术学习和实践中陶冶情操，并培养学生具备积极思考问题、主动学习、良好的团队合作精神、获取知识能力、设计创意思维能力、结构分析、感悟能力和欣赏能力等素质。六、教学主要内容与学时分配第一章 UI 界面设计相关知识1. 什么是 UI 设计及相关概念介绍在深入了解如何进行UI 设计之前，我们还应该先了解一些与UI 设计相关的概念2. UI 设计的流程精品资料 - - - 欢迎下载 - - - - - - - - - - - 欢迎下载 名师归纳 - - - - - - - - - -第 3 页，共 9 页 - - - - - - - - - - 学习 好资料精品资料一个好的 UI 设计并不是然最终的用户界面视觉效果 好看 而已，而是需要考虑到用户和界面之间的整个交互过程，是否使用户有好的体验。所以，当我们讨论UI 流程的时候，也不能只简单地讲如何优化用户界面的视觉效果，而应当从交互设计的整个流程出发来讨论。3. UI 界面设计的规范当我们讨论 UI 界面设计规范的时候，我们应该把它分为两部分;一部分是交互设计规范，另外一部分是视觉设计规范。一旦确定了规范，在后续的产品设计和开发过程中，就要遵循它，确保产品的一致性和全局性。第二章 UI 界面设计一致性1.什么是一致性无论是在很多有关用户界面设计的书籍中，还是在用户界面设计领域的前辈的经验里，都涉及了用户界面设计需要遵循的基本原则。但是遵循用户界面设计原则不能够像看着做菜谱一样每一个步骤都完全照搬，因为左右总结出来的设计原则关注的是目标，而不是操作，他们会尽可能让其具备更广泛的适用性。2.一致性在应用设计中的作用3.如何避免不一致性的出现内容、图标的设计坚持一致性制定一致的色彩规则控件设计保持一致第三章 UI 界面设计层级性1.认识视觉层级精品资料 - - - 欢迎下载 - - - - - - - - - - - 欢迎下载 名师归纳 - - - - - - - - - -第 4 页，共 9 页 - - - - - - - - - - 学习 好资料精品资料层级性能够帮助用户对界面中元素的重要程度做出区分和解读，有助于用户更快速、更准确地理解界面内容，完成在界面中的任务。所以层级性也是设计一个易用性高的界面的又一关键因素。2.如何建立信息层级第四章 UI 界面设计情感化1.认识情感化设计2.情感化设计对用户的影响加强用户对产品风格的感知缓解用户负面情绪引导用户行为3.情感化设计的指标4.如何进行情感化设计第五章 UI 界面类型1.启动界面2.顶层界面3.一览界面4.详细信息界面5.输入/操作界面6.界面跳转第六章 信息架构设计1.什么是信息架构精品资料 - - - 欢迎下载 - - - - - - - - - - - 欢迎下载 名师归纳 - - - - - - - - - -第 5 页，共 9 页 - - - - - - - - - - 学习 好资料精品资料信息架构的概念是从数据库设计领域中剥离出来的2. 信息架构设计、所谓信息架构是产品所呈现出来的结构层级关系，是让我们能够很容易地认识到该产品能做什么。3.简单信息架构和复杂信息架构第七章 概念原型设计1.原型设计2.原型设计的基本形式3.原型设计的要点4.原型设计的基本原则5.从低保真原型到高保真原型第八章 UI 视觉设计 -图标设计1.界面设计中的图标2.图标的设计创意第九章 图形界面的创意设计1.图形界面需求2.图形界面的创意3.图形界面的情感表达第十章 移动 UI 界面中视觉基本元素设计1.按钮2.进度条3.搜索栏精品资料 - - - 欢迎下载 - - - - - - - - - - - 欢迎下载 名师归纳 - - - - - - - - - -第 6 页，共 9 页 - - - - - - - - - - 学习 好资料精品资料4.动效七、其它教学环节和考核方式各教学环节（含主要实践环节）的学时分配（单位：学时）：课程名称总时数64 使用教材讲课实操其他教材名称主编版次印刷时间出版社UI 界面设计32 32 UI 界面设计梁哲2017.7 第 1版2017.7 第 1 版河北美术出版社周次日期教学内容课时教学方法作业或备注1 10.11 UI 界面设计相关知识2+2 讲授+辅导2 10.18 .UI 设计的流程2+2 讲授+辅导3 10.25 UI 界面设计的规范2+2 讲授+辅导4 11.1 UI 界面设计一致性2+2 讲授+辅导5 11.8 UI 界面设计层级性2+2 讲授+辅导6 11.15 UI 界面设计情感化2+2 讲授+辅导7 11.22 UI 界面类型2+2 讲授+辅导8 11.29 信息架构设计2+2 讲授+辅导9 12.6 概念原型设计2+2 讲授+辅导10 12.13 界面设计中的图标2+2 讲授+辅导11 12.20 图标的设计创意2+2 讲授+辅导精品资料 - - - 欢迎下载 - - - - - - - - - - - 欢迎下载 名师归纳 - - - - - - - - - -第 7 页，共 9 页 - - - - - - - - - - 学习 好资料精品资料八、作业设计本课程成绩评定采用考查方式, 课程总评成绩由平时作业取平均分，采用百分制。1、上课考勤占 20%；2、过程考核（上课讨论发言、读书笔记、设计说明、查阅资料、草图等）20%；3、课程作业 60%。评分依据1、主题明显，准确表达主题内容、寓意。（4030 分）2、技巧符合基本要求，色彩和谐、比例协调。（3020 分）3、构思独特、构图新颖。（2010 分）4、风格突出。（ 10 分以下）考试要求 : 考试具体设计内容共包括：12 12.27 图形界面需求2+2 讲授+辅导13 1.3 界面设计中的图标2+2 讲授+辅导14 1.10 .图标的设计创意2+2 讲授+辅导15 1.17 图形界面的情感表达2+2 讲授+辅导16 1.24 移动 UI 界面中视觉基本元素设计2+2 讲授+辅导精品资料 - - - 欢迎下载 - - - - - - - - - - - 欢迎下载 名师归纳 - - - - - - - - - -第 8 页，共 9 页 - - - - - - - - - - 学习 好资料精品资料锁屏 1 个、图标 30 个、widget3 个（天气 widget 1 个，图库 widget 1个，音乐 widget 1 个）、桌面墙纸 1 张。选定教材：UI 界面设计 梁哲 2017.7 第 1 版 河北美术出版社精品资料 - - - 欢迎下载 - - - - - - - - - - - 欢迎下载 名师归纳 - - - - - - - - - -第 9 页，共 9 页 - - - - - - - - - -