编写者:张宇 审核者:任帅
课程代码 |
3080000124 |
课程名称 |
UI设计基础 |
适用专业 |
软件工程 |
先修课程 |
无 |
实验性质 |
非独立设课 |
开设学期 |
5 |
实验方式 |
上机操作 |
周数(学时) |
24 |
学 分 |
1 |
课程目标 |
(1)职业规范与道德修养:通过学习UI设计的理论和实践知识,培养学生的职业操守和工匠精神,提升审美和鉴赏能力。 (2)综合应用能力:能够根据用户需求,按照设计规范,综合利用布局原则和构图方法,借助工具对产品界面进行设计与输出,并完成设计报告的撰写。 (3)终身学习能力:能够跟踪UI设计前沿,不断更新知识结构,提升职业素养,适应UI设计行业及相关职业发展。 (4)团队领导与协作:能够就UI设计相关的一般工程问题与业界同行及团队成员进行有效沟通和交流,掌握团队协作与冲突解决的方法。培养学生的创新能力、沟通能力、团队协作能力、应变能力、领导能力等。通过分工与合作,增强合作意识,培养协作精神。 |
教学要求 |
完成课程后,学生将具备以下能力: (1)能够理解UI设计体系和主要技术; (2)能够综合运用界面设计工具与UI设计基本知识对界面进行分析与制作; (3)掌握综合分析能力,解决专业相关实际问题; (4)通过讨论、实验实训、撰写报告等方式提升有效沟通; (5)理解并遵守UI设计领域的职业道德和规范。 |
一、实验的性质、目的和任务
1. 性质
本课程的实验性质是非独立设置实验课,在实验实训室中采用上机操作进行。
2. 目的
本课程培养学生使用UI设计工具进行图标、网页界面和App界面的制作,实现原型图的绘制以及交互设计,完成界面的标注和切图。
3. 任务
(1)熟悉设计工具的环境搭建方法。
(2)掌握设计工具的基本使用方法。
(3)掌握使用相关工具绘制原型图以及实现常见交互效果的方法。
(4)掌握使用相关工具设计界面的方法。
(5)掌握使用相关工具切图和标注界面的方法。
二、实验的基本内容和要求
序号 |
实验项目 |
天数 (学时数) |
实验属性 |
内容与要求 |
1 |
原型图绘制与交互设计 |
6 |
验证性 |
内容:完成App产品的首页、及其相关其他页面原型图制作和交互设计。 要求:(1)熟悉原型设计的流程;(2)掌握使用相关工具绘制低保真原型图的基本方法;(3)掌握常见交互效果的制作方法。 |
2 |
图标设计 |
4 |
验证性 |
内容:完成App产品界面中状态栏、标题栏、标签栏图标以及功能图标的制作。 要求:(1)熟悉图标的风格类型及其特点;(2)掌握线性图标、单面纯色图标、线面结合图标的绘制方法。 |
3 |
网页界面设计 |
4 |
验证性 |
内容:完成网站首页的界面设计。 要求:(1)熟悉网页界面设计规范;(2)掌握网页界面的设计方法。 |
4 |
App界面设计 |
6 |
验证性 |
内容:完成App产品相关页面的制作。 要求:(1)了解App界面的组成、布局形式等内容;(2)熟悉App界面设计规范;(3)掌握App首页界面、其他页界面的设计方法。 |
5 |
切图与标注
|
4 |
验证性 |
内容:完成App产品相关页面的切图与标注。 要求:(1)熟悉界面标注的作用、内容、规范;(2)掌握界面的标注常用工具的使用;(3)掌握界面的标注方法;(4)熟悉界面切图的原则、要点和命名规则;(5)掌握界面的切图方法。 |
合计 |
24 |
|
三、主要仪器设备及材料
实验实训室、多媒体计算机、Win10操作系统、Adobe XD、PxCook等相关软件。
四、实验的考核办法
实验考核内容主要分为:实验过程、实验设计和实验报告三部分。实验过程考核主要考查学生课程出勤、实验态度、实验任务完成情况、实验过程中分析问题和解决问题的能力等方面;实验设计考核主要考查学生UI设计的规范性、界面布局的合理性和美观性等方面;实验报告考核主要是考查实验报告内容的完整性、正确性和规范性等方面。以上三部分分别占三分之一的分数。
考核采用分组形式进行,同一小组成员分工不同,统一打分。
五、指导书与参考资料
指导书:
无
参考资料:
1.《UI设计》,叶军、江韵竹编著,人民邮电出版社,2021年9月第1版。
2.《Photoshop+Adobe XD+Illustrator 移动UI设计教程》,张晓景编著,电子工业出版社,2021年8月第1版。
3.《设计必修课:Adobe XD移动UI设计》,卢斌编著,电子工业出版社,2022年3月第1版。
4.《Photoshop CC UI设计案例教程》,王京晶主编,人民邮电出版社,2019年11月第1版。
5.《Axure RP9 网站与App原型设计》,周建国、刘刚编著,人民邮电出版社,2021年9月第1版。
6.《移动端APP UI设计与交互基础教程》,吴丰编著,人民邮电出版社,2022年5月第2版。
7.《Photoshop CC 移动UI设计从入门到实战》,郭继远编著,清华大学出版社,2021年9月第1版。