《图形图像处理》_08.pptVIP

本章简介：项目8制作网站页面——网页设计网页是构成网站的基本元素，网页设计是对网站页面的全方位设计。通过严谨的策划分析、合理的内容规划、成熟的创意设计，可以设计出精美的网页作品。通过本项目的学习，读者可以掌握网页的设计方法和技巧。

学习引导

相关知识：了解网页设计的基础知识1.网页设计的概念网页设计是一项根据网站所有者希望向用户传递的信息进行网站功能策划，以及页面设计美化的工作。网页设计包含信息架构设计、网页图形设计、用户页面设计、用户体验设计和Banner设计等。

相关知识：了解网页设计的基础知识2.网页的设计流程设计网页时可以按照网站策划、交互设计、交互自查、页面设计、页面测试、设计验证的步骤进行。

相关知识：了解网页设计的基础知识3.网页的设计原则网页设计有直截了当、简化交互、足不出户、提供邀请、巧用过渡、即时反应六大原则。

任务8.1制作充气浮床网页任务引入设计理念任务知识任务实施扩展实践

8.1.1任务引入某泳具品牌准备推出一款浮床，本任务要求为该浮床制作一个介绍网页，要求设计符合产品的宣传主题，能体现出品牌的特点。

8.1.2设计理念该网页通过照片层叠形式的产品展示，使画面更生动；页面颜色搭配清新自然，易让顾客产生好感；左侧的栏目分类清晰直观，方便顾客操作。

8.1.3任务知识：图层的不透明度及剪贴蒙版1．图层的不透明度通过“图层”控制面板中的“不透明度”和“填充”参数可以调节图层的不透明度。“不透明度”参数用于调节图层中的图像、图层样式和图层混合模式的不透明度；“填充”参数用于调节图层中的图像和图层混合模式的不透明度。

8.1.3任务知识：图层的不透明度及剪贴蒙版2．剪贴蒙版剪贴蒙版使用某个图层来遮盖其上方的图层，遮盖效果由基底图层决定。

8.1.4任务实施

8.1.5扩展实践：制作妞妞的个人主页使用图层的混合模式和“不透明度”参数实现背景的融合，使用横排文字工具添加Logo、导航等相关信息，使用圆角矩形工具、移动工具和剪贴蒙版制作相关图形。

任务8.2制作美味小吃网页任务引入设计理念任务知识任务实施扩展实践

8.2.1任务引入“爱比萨”是一家小型快餐店，主打菜品为种类丰富的比萨、汉堡、甜品和饮品等。本任务要求为该快餐店制作美味小吃网页，要求设计主题明确，能够突出快餐店的特色。

8.2.2设计理念该网页以模糊的快餐店图片为背景，充满生活气息，易使人产生亲近感；菜品分类让人一目了然，方便操作；文字简单醒目，重点突出。

8.2.3任务知识：“模糊”滤镜、“模糊画廊”滤镜、图层样式1．“模糊”滤镜“模糊”滤镜可以使图像中比较清晰或对比度高的区域产生模糊效果；此外，也可用于制作柔和阴影。模糊效果滤镜子菜单如图所示。

2．“模糊画廊”滤镜“模糊画廊”滤镜使用图钉或路径来控制图像，从而让图像产生模糊效果。“模糊画廊”滤镜子菜单如图所示。8.2.3任务知识：“模糊”滤镜、“模糊画廊”滤镜、图层样式

3．图层样式单击“图层”控制面板下方的“添加图层样式”按钮，在弹出的菜单中可选择不同的图层样式。8.2.3任务知识：“模糊”滤镜、“模糊画廊”滤镜、图层样式

8.2.4任务实施

8.2.5扩展实践：制作娟娟个人网站的首页使用“高斯模糊”滤镜制作背景图片，使用矩形工具和椭圆工具绘制图形，使用横排文字工具添加相关信息，使用矩形工具、移动工具和剪贴蒙版美化照片。

任务8.3项目演练——制作家具网站首页任务引入设计理念

8.3.1任务引入艾利佳家居是一家现代家具公司，该公司秉承传递“零压力”的生活概念，重点打造简约、时尚、现代的家居风格。为了拓展业务、扩大规模，该公司需要开发线上购物平台。本任务要求为该公司设计网站首页，要求设计符合产品的宣传主题，并能体现出公司的理念。

8.3.2设计理念该网站首页布局规整大气，给人以简洁直观的印象；主次分明的产品展示让人一目了然；不同棕色和白色的运用，展现出了产品的质感，同时给人以稳重的感觉。