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