ui界面设计9教学课件PPT.ppt

完整版教学课件完整版教学课件ui界面设计9第七章 WEB界面设计实例 儿童节专题网页设计1234界面设计任务分析制作步骤详解知识拓展能力拓展目录目录学习目标学习目标 熟悉网站界面设计的基本思想和原则；掌握网站图形界面设计的工具和技术。根据网站界面设计的原则（简洁、一致性、对比度）进行界面规划、概要设计和设计要素的选择，并利用一种界面设计工具（Photoshop CC）完成网页界面设计1.界面设计任务分析需求分析功能定位交互设计界面设计结构分析界面设计色彩分析界面设计思路分析2.制作步骤详解设计制作头部主图1设计制作装饰图形2设计制作栏目“书籍系列”3设计制作栏目“服饰系列”4设计制作栏目“玩具系列”5设计制作底部区域6网站界网站界面设计面设计基本原基本原则则网站界面的功能美与形式美3.知识拓展3Photoshop打造电子商务网页界面简单网页设计制作实例简单网页设计制作实例颜色的使用 自定图形工具的使用渐变填充的使用4.能力拓展1照射在透明玻璃窗上效果2Photoshop打造倾盆大雨效果3Photoshop打造电子商务网页界面拓展练习：1照射在透明玻璃窗上效果4.能力拓展拓展练习：2Photoshop打造倾盆大雨效果4.能力拓展拓展练习： 本章设计了一个卡通风格的专题网页界面，从风格渲染、图片素材处理到装饰图形绘制。后续的能力拓展中选取了一些滤镜特效和简单网页布局，全程融入了Photoshop处理技巧反复演练，巩固知识。小结小结