【 项目思维导图 】

【 项目引入 】

  小明初入职场，公司中前端设计师安排小明做他的助理，在工作中帮助他制作一些简单的H5开发及效果实现，小明首先熟悉网页设计相关技术。

  近几年HTML5、CSS3、JavaScript一直是互联网技术中最受关注的两个话题，然而HTML5、CSS3、JavaScript究竟是什么？许多刚刚接触网页制作的初学者也没有一个基本的概念。因此在学习HTML5开发之前，首先需要了解一些与JS相关的API知识，帮助初学者快速进入H5开发状态。

知识目标

1.掌握UI设计相关知识；

2.掌握PS简单的使用；

3.掌握PS中渐变设置、钢笔使用、图像转换；

4.掌握利用已学的PS知识进行按钮的设计。

能力目标

1.PS工具简单实用的能力；

2.利用PS渐变进行设计的能力；

3.利用钢笔工具进行设计的能力；

4.利用图像变换进行设计的能力；

5.常见按钮的设计能力。

素质目标

1.具备良好的工作态度和责任心；

2.具有较强的团队意识和协作能力；

3.具有较强的学习能力和吃苦耐劳精神；

4.能认识自身发展的重要性以及能确立自身继续发展目标。

课程思政

1.加强职业道德教育；

2.树立学生的职业精神。

【 项目总结】

  通过本项目的学习，使初入职场的小明，公司中界面设计师的安排下，能在工作中制作一些简单的按钮，熟悉了PS界面设计软件。能够具备以下能力：

l、掌握UI设计的概念、分类、及设计原则。

2、掌握PS安装、工作界面认识、PS基本操作，能利用PS绘制简洁的开机按钮。

3、掌握PS渐变色的设置，并能利用PS设计网站主页按钮。

4、掌握PS中钢笔工具的使用，并能利用钢笔工具进行不规则翻页按钮的制作。

  5、掌握PS中图像的转换，能够熟练应用PS，进行金属质感时尚音乐按钮的设计制作。

  6、加强职业道德教育，树立学生的团队合作精神，创新精神，精益求精的工匠精神。

【 项目效果图 】