职业学院《UI设计基础》实验教学大纲

课程代码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）掌握网页界面的设计方法。4App界面设计6验证性内容：完成App产品相关页面的制作。要求：（1）了解App界面的组成、布局形式等内容；（2）熟悉App界面设计规范；（3）掌握App首页界面、其他页界面的设计方法。5切图与标注4验证性内容：完成App产品相关页面的切图与标注。要求：（1）熟悉界面标注的作用、内容、规范；（2）掌握界面的标注常用工具的使用；（3）掌握界面的标注方法；（4）熟悉界面切图的原则、要点和命名规则；（5）掌握界面的切图方法。合计24三、主要仪器设备及材料实验实训室、多媒体计算机、Win10操作系统、AdobeXD、PxCook等相关软件。四、实验的考核办法实验考核内容主要分为：实验过程、实验设计和实验报告三部分。实验过程考核主要考查学生课程出勤、实验态度、实验任务完成情况、实验过程中分析问题和解决问题的能力等方面；实验设计考核主要考查学生UI设计的规范性、界面布局的合理性和美观性等方面；实验报告考核主要是考查实验报告内容的完整性、正确性和规范性等方面。以上三部分分别占三分之一的分数。考核采用分组形式进行，同一小组成员分工不同，统一打分。五、指导书与参考资料指导书：无参考资料：1.《UI设计》，叶军、江韵竹编著，人民邮电出版社，2021年9月第1版。2.《Photoshop+AdobeXD+Illustrator

移动UI设计教程》，张晓景编著，电子工业出版社，2021年8月第1版。3.《设计必修课：AdobeXD移动UI设计》，卢斌编著，电子工业出版社，2022年3月第1版。4.《PhotoshopCCUI设计案例教程》，王京晶主编，人民邮电出版社，2019年11月第1版。5.《AxureRP9

网站与App原型设计》，周建国、刘刚编著，人民邮电出版社，2021年9月第1版。6.《移动端AP