UI界面设计教学大纲-张教学文案

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