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

项目12H5页面设计项目引入:随着移动互联网的兴起，H5逐渐成为互联网传播领域的重要传播形式，因此H5页面设计成为广大互联网从业人员必须具备的重要技能之一。本项目以食品餐饮行业的产品营销H5页面为例，讲解H5页面的设计方法和制作技巧。项目目标?了解H5页面的概念?了解H5页面的特点?了解H5页面的分类?掌握H5页面的设计思路?掌握H5页面的制作技巧技能目标?掌握食品餐饮行业产品营销H5首页的制作方法?掌握食品餐饮行业产品营销H5页面1的制作方法素养目标?培养对H5页面的创意设计能力?培养对H5页面的审美与鉴赏能力H5指的是移动端上基于HTML（HyperextMarkLanguage，超文本标记语言）技术的交互式动态网页，是用于移动互联网的一种新型营销工具，通过移动平台（如微信）传播。相关知识——H5页面设计概述任务12.1制作食品餐饮行业产品营销H5首页任务分析任务效果任务制作乐享投金融有限公司是一家收购企业发行的股票、债券等方式来融通长期资金，以此支持私人企业发展的投资管理公司。本例是为公司最新推出的福利活动做一款H5页面，要求积极生动的体现出活动内容。在设计思路上，通过使用简洁的背景，衬托前方宣传活动的氛围；红色和紫色的搭配能给人活泼、生动的印象；添加符合活动内容的元素，向客户传达需要表现的信息内容；整体设计醒目直观，让人印象深刻。本任务将使用移动工具和置入嵌入的对象命令添加装饰图形，使用椭圆工具和矩形工具绘制形状，使用矩形工具和横排文字工具添加活动信息。12.1.1任务分析本任务设计的最终效果参看云盘中的“Ch12/效果/制作食品餐饮行业产品营销H5首页.psd”。12.1.2任务效果效果图12.1.3任务制作制作流程任务12.2制作食品餐饮行业产品营销H5页面1任务分析任务效果任务制作乐享投金融有限公司是一家收购企业发行的股票、债券等方式来融通长期资金，以此支持私人企业发展的投资管理公司。本例是为公司最新推出的福利活动做一款H5页面，要求有序的体现出活动内容。在设计思路上，通过简洁大方的设计风格，使图文有序结合；经典的配色，多种装饰元素的运用，使内容醒目突出。本任务将使用移动工具和置入嵌入的对象命令添加图像，使用横排文字工具添加文字，使用图层样式为形状添加投影，使用变换命令变换图像。12.2.1任务分析本任务设计的最终效果参看云盘中的“Ch12/效果/制作食品餐饮行业产品营销H5页面1.psd”。12.2.2任务效果效果图12.2.3任务制作制作流程使用椭圆工具和矩形工具绘制装饰图形，使用横排文字工具添加文字信息，使用置入嵌入对象命令置入图像。项目实践1——制作食品餐饮行业产品营销H5页面2效果图使用移动工具和“色阶”命令调整图像，使用横排文字工具和椭圆工具添加宣传文字。项目实践2——制作汽车工业行业活动邀请H5首页效果图使用混合模式和“置入嵌入对象”命令处理图像，使用横排文字工具添加文字信息。课后习题1——制作汽车工业行业活动邀请H5页面1效果图使用矩形工具制作蓝色按钮，使用横排文字工具添加文字信息。课后习题2——制作汽车工业行业活动邀请H5页面2效果图