作业范例及点评
第七章 UI设计与制作课程思政
CHAPTER 7
UI设计与制作课程思政，重点在于弘扬民族文化，在课程中，引入中国传统文化、中华传统元素、中国形象等文化元素，弘扬社会主义核心价值观等，从而引导学生树立文化自信，培养学生设计的责任感。
第一节 以时政热点为设计主题
案例13 建党100周年触摸屏—启动页面设计
（请扫描版权页上的二维码，下载教学视频）
图1 建党100周年触摸屏——启动页面设计
STEP1
选择菜单栏里
的“文件/新建”命令，打开新建文档对话框，新建一个文件尺寸为1920×1080像素的文件，分辨率为72dpi，背景内容为白色，如图2所示。
图2
STEP2
调整前景色为红色，背景填充红色。具体效果如图3所示。
图3
STEP3
添加飘带的素材图片，放置如图4所示的位置。
图4
STEP4
使用文字工具，选择合适的字体和颜色，输入文字，排列至画面合适的位置。具体效果如图5所示。把文字转为智能对象，图层上添加色相和饱和度调整好的效果，如图6、7所示。添加光的素材图片，放置到如图8所示的位置。
图5
图6
图7
图8
STEP5
使用文字工具，选择合适的字体和颜色，输入文字，排列至画面合适的位置。给文字添加图层样式，斜面和浮雕参数的调整如图9、10所示。继续给文字添加图层样式，投影参数的调整如图11所示。最终完成效果如图12所示。
图9
图10
图11
图12
STEP6
继续添加素材图片，放置如图13所示的位置。触摸屏的启动页面制作好了。
图13
第二节 课程训练
一 作业要求
作业可以选择以下课题中的任意一个：中国元素、中国文化、中国形象、建党百年、科技创新，其中的任意一个为主题即可。
图14 作者：岑晓彤
指导老师：陆维晨 谢刚峰 黄岩
老师点评：本作业是介绍中国民族服饰乐器的交互触摸屏。作为触摸屏，其中的元素以手绘为主，绘制较好。图标部分视觉体量感不统一，如果能进一步调整效果会更好
二 作业范例及点评
图15 作者：岑晓彤
指导老师：陆维晨 谢刚峰 黄岩
(https://www.daowen.com)
图16 作者：尹婉玉 李长宇
指导老师：黄岩
老师点评：介绍中国古代乐器的APP，动态视频制作较好。
图17 作者：尹婉玉 李长宇
指导老师：黄岩
图18 作者：左梦婷
指导老师：吕威飞
老师点评：介绍中国建党100周年的启动页面，风格较好。
图19 “今朝好伐”选择以上海为创作背景，用像素画的艺术形式绘制那些渐渐被时代和人们遗忘的城市角落，来反映在当代环境下，平凡人对美好生活的向往和追求。绘制的像素画是对像素方块进行堆叠、编排与填色。在进行场景的设计时，作者从熟悉的生活学习场景中汲取创作的素材和灵感 作者：陈嘉毅 时以越指 导老师：陆维晨 谢刚峰 黄岩
图20 作者：陈嘉毅 时以越
指导老师：陆维晨 谢刚峰 黄岩
图21 作者：陈嘉毅 时以越
指导老师：陆维晨 谢刚峰 黄岩
图22 作者：陈嘉毅 时以越
指导老师：陆维晨 谢刚峰 黄岩
图23 作者：陈嘉毅 时以越
指导老师：陆维晨 谢刚峰 黄岩
图24 作者：陈嘉毅 时以越
指导老师：陆维晨 谢刚峰 黄岩
图25 作者：陈嘉毅 时以越
指导老师：陆维晨 谢刚峰 黄岩
图26 作者：张润强
指导老师：黄岩
图27 作者：韩海涛
指导老师：黄岩
图28 作者：黄沁岚
指导老师：黄岩
图29 作者：王茹憬
指导老师：黄岩
图30 作者：赖馨语
指导老师：吕威飞
图31 作者：王陶佳瑶
指导老师：黄岩
图32 作者：王欣越
指导老师：吕威飞
图32 作者：张蕴楠
指导老师：黄岩
图34 作者：张一杰
指导老师：黄岩
