Photoshop平面设计应用教程（第2版）（Photoshop 2020）课件 项目15 网页设计.ppt

项目15网页设计项目引入:优秀的网站必定有独具特色的网页设计，美观的网页更能吸引浏览者的目光。设计人员在进行网页设计时，要对页面进行编排。本项目以生活家居类网站为例，讲解网页的设计方法和制作技巧。项目目标?了解网页设计的概念?了解网页的构成元素?了解网页的分类?掌握网页的设计思路?掌握网页的制作技巧技能目标?掌握生活家居类网站首页的制作方法?掌握生活家居类网站详情页的制作方法素养目标?培养对网页的创意设计能力?培养对网页的审美与鉴赏能力网页是构成网站的基本元素，是承载各种网站应用的平台。网页实际上是一个文件，存放在计算机或服务器中。网页是通过统一资源定位符（UniformResourceLocator，URL）来识别与存取的，当用户在浏览器中输入网址后，计算机会运行一段程序，网页文件随之被传送到计算机中，然后通过浏览器解释。相关知识——网页设计概述任务15.1制作生活家居类网站首页任务分析任务效果任务制作艾利佳家居是一个具有设计感的现代家具品牌，现为拓展公司业务、扩大规模，需要开发线上购物平台。要求为该品牌设计网站首页，网页要契合品牌风格，体现出品牌简约的特点。在设计思路上，本任务采用简洁的网页设计，使产品的展示主次分明，让人一目了然；合理搭配颜色，给人品质感；整体设计清新自然，易使消费者，产生购买欲望。本任务将使用移动工具添加素材图片，使用横排文字工具、“字符”控制面板、矩形工具和椭圆工具制作banner和导航条，使用图层样式、矩形工具和横排文字工具制作网页内容和底部信息。15.1.1任务分析本任务设计的最终效果参看云盘中的“Ch15/效果/制作生活家居类网站首页.psd”。15.1.2任务效果效果图15.1.3任务制作制作流程任务15.2制作生活家居类网站详情页任务分析任务效果任务制作艾利佳家居是一个具有设计感的现代家具品牌，现为拓展公司业务、扩大规模，需要开发线上购物平台。要求为该品牌设计网站首页，设计要符合产品的宣传主题，能体现出平台的特点。在设计思路上，通过简约的页面设计，给人直观的印象，易于阅读；产品的展示主次分明，让人一目了然，促进销售；颜色的运用合理，给人品质感；整体设计清新自然，给人以好感，便使其产生购买欲望。本任务将使用“置入嵌入对象”命令置入图片，使用圆角矩形工具、矩形工具和直线工具绘制基本形状，使用横排文字工具添加文字，使用剪贴蒙版添加宣传产品。15.2.1任务分析本任务设计的最终效果参看云盘中的“Ch15/效果/制作生活家居类网站详情页.psd”。15.2.2任务效果效果图15.2.3任务制作制作流程使用“置入嵌入对象”命令置入图片，使用圆角矩形工具、矩形工具、椭圆工具和直线工具绘制基本形状，使用横排文字工具添加产品信息，使用剪贴蒙版添加宣传产品。项目实践1——制作生活家居类列表页效果图使用“新建参考线”命令创建参考线，使用“置入嵌入对象”命令置入图片，使用剪贴蒙版调整图片显示区域，使用横排文字工具添加介绍文字，使用矩形工具绘制基本形状。项目实践2——制作中式茶叶官网首页效果图使用“新建参考线”命令创建参考线，使用“置入嵌入对象”命令置入图片，使用剪贴蒙版调整图片显示区域，使用横排文字工具添加产品详情，使用矩形工具和椭圆工具绘制基本形状。课后习题1——制作中式茶叶官网详情页效果图使用“新建参考线”命令创建参考线，使用“置入嵌入对象”命令置入图片，使用剪贴蒙版调整图片显示区域，使用横排文字工具添加招聘信息，使用矩形工具和椭圆工具绘制基本形状。课后习题2——制作中式茶叶官网招聘页效果图