UI前端设计
袁安翠

1
2
3
4
5
6
7
8
9

网页设计

发布时间:2018-04-17 17:34   发布人:袁安翠   浏览次数:3228

项目3 网页设计

 项目导学 】



【 项目思维导图

 

image.png

【 项目引入 】

 

  小明初入职场,公司中界面设计师安排小明做他的助理,在工作中首先熟悉PS界面设计软件,经过前面的学习,李老师对小明的工作非常满意,逐步让小明接手网站前端界面设计的部分内容。

    网页中的元素多种多样,其中比较常见的有文字、图像、动画、音频和视频等,还有通过代码实现的各种动态交互效果。这些元素都各有特点,合格的设计师总是可以将不同的元素有条有理的组合在一起,制作出一张美观协调的页面。


知识目标

1.掌握软件界面设计相关知识;

2.掌握PS中外部样式的使用;

3.掌握PS中文字的编辑、特殊文字制作方法;

4.掌握利用已学的PS知识进行软件界面的设计。


能力目标

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

2.利用PS渐变进行样式灵活应用的能力;

3.利用文字工具进行设计的能力;

4. 常见软件界面的设计能力。


素质目标

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

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

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

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


课程思政


1、文字发展、立意,培养学生的文化传承意识及民族自豪感;

2、网页广告立意、设计培养学生网络中讲礼仪道德,文明守法;

3、网页内容讲解,培养学生的网络安全意识。


【 项目总结

 

  通过本项目的学习,使初入职场的小明,公司中界面设计师的安排下,能在工作中制作一些较为简单的网页界面。能够具备以下能力:

l、掌握UI网页设计的相关理论知识、设计原则及网页的布局形式,能进行网站导航栏及按钮的设计。

2、掌握PS中图层透明度的使用,并能进行网站主体的设计。

3、掌握PS中图层的混合模式的使用,并能利用图层混合模式进行网站中广告条的设计。

  4、掌握PS中蒙版与剪贴蒙版的使用,并能利用其进行网页背景和导航栏的设计。

  5、培养学生精益求精的工匠精神。



【 项目效果图 】

绘制网页的背景和导航栏.jpg

  




  • 袁安翠 2018-06-13 15:42:58
    你对PS中钢笔的应用熟悉吗?能够用钢笔独立创作吗?
  • 冷宜城 2018-06-14 16:10:52
    特别棒
  • 王思涵 2018-06-21 20:56:44
    学会用钢笔工具了
  • 张期飞 2018-07-05 14:48:00
    老师真好看