课题常见UI元素设计
课时8课时（360min）
知识目标：
（1）了解UI设计中背景的类型
（2）了解UI设计中常见的控件
（3）了解UI设计中图标的类型、设计流程和要点
教学目标
（4）掌握设计功能图标和桌面型图标的常用方法
素质目标：
（1）不断完善、优化作品，学习精益求精的工匠精神
（2）坚持理论与实践相结合的原则，提升自己的动手能力，达到学以致用的目的
教学重点：UI设计中背景的类型，常见的控件，图标的类型、设计流程和要点
教学重难点
教学难点：设计功能图标和桌面型图标的常用方法
教学方法问答法、讨论法、讲授法、多媒体展示法
教学用具电脑、投影仪、多媒体课件、教材、APP
教学过程主要教学内容及步骤
【教师】使用APP进行签到
考勤
【学生】按照老师要求签到
【教师】提出问题
问题导入常见的UI元素有哪些？这些元素对UI设计有哪些影响？
【学生】聆听、思考、主动回答问题
【教师】总结学生的回答、引入新的知识点，讲解背景、控件等常见UI元素的相关内容
2.1背景
背景是UI中最基础的视觉元素之一，其作用是丰富界面、衬托界面主要元素。
在实际应用中，背景可以与设备的系统主题配套，也可单独设置，常见的背景类型有图像型和综合图像型
等。
【教师】通过多媒体展示“图像型背景”图片（详见教材），并讲解新知
所谓图像型背景，便是直接将照片或插画作为背景，并且可以根据需要调整图像在界面中的显示区域。
【教师】通过多媒体展示“综合图像型背景”图片（详见教材），并讲解新知
传授新知
综合图像型背景极具个性化，一般是照片+文字，或插画+文字的形式。由于这种背景中用到了文字，因此
其效果除了受插画风格、照片风格影响外，还受字体样式和排版风格的影响。
2.2控件
按钮、下拉选框、表单、滑动条和筛选器等，是UI的基本组成元素，又称为控件。
2.2.1按钮
按钮是UI中不容忽视的视觉元素，其面积虽小，却是交互和界面细节的体现。
设计考究的按钮不仅可以提高用户的浏览体验，还可以引导浏览者点击，进而展示更多信息。
在设计按钮时应遵循以下原则：
1
?引人注意
【教师】通过多媒体展示“引人注意的按钮”图片（详见教材），并讲解新知
按钮的颜色应区别于周围环境色，某些关键的按钮可设计鼠标经过、点击和按下的动画效果，从而为浏览
者带来最佳的浏览体验。
?准确反映功能
【教师】通过多媒体展示“准确反映功能的按钮”图片（详见教材），并讲解新知
按钮的面积一般不大，因此其中的文字需要言简意赅、直截了当。
?符合产品风格
【教师】通过多媒体展示“符合页面风格的按钮”图片（详见教材），并讲解新知
按钮的外观应符合产品风格，如游戏网页中的按钮应注重质感的刻画，可以将金属、岩石、玻璃、木头等
素材附在按钮上，以表现游戏的风格。
?级别分明
页面中通常包含多个按钮，设计师要根据需求区分按钮级别，关键按