《网页美工设计》教案-第六章 综合案例-体育类网页设计制作

PAGE《网页美工设计》教案授课专业广告艺术设计专业授课教师 周国宝铜陵职业技术学院制PAGE第三部分综合实训篇第六章综合案例——体育类网页设计制作标题第一节体育类网页设计制作综合案例（上）课时2课时教学目标教学内容与过程如何让你的产品脱颖而出？这就需要产品品牌与众不同。即品牌差异化。差异化的实质是给受众一个选择的理由：为什么选择你的产品而不选择其他的产品？品牌差异化前提需要品牌有一个准确的市场定位。给品牌定位是企业在市场定位和产品定位的基础上，对企业的品牌在文化属性及品牌差异上的商业性决策。它是建立一个与目标市场密切相关的品牌形象的过程和结果。以本次综合案例体育类网页制作为例，凸显了足球产品4大优势，精选PU球面、球胆压力均匀、重心稳定等等，这样凭借其他产品不具备的功能和优势来赢得受众对产品的认可。让我们先来学习如何进行品牌差异化的塑造。一、利用细分市场定位。定位品牌及产品服务时需要了解目标受众，需要知道真正进入店铺网站购买的受众是谁？他们对产品的期望是什么？了解目标受众，可以设计出更符合受众需求的品牌产品。这样，受众会通过网页主动收集品牌产品的信息。STP（细分市场定位）来源于市场细分概念，包括市场细分、目标市场选择和定位。根据STP的流程，企业需要先根据受众的差异化需求将某个产品或服务的市场逐一细分；然后从中挑出适合企业自身战略和产品情况、具有一定规模和发展前景的子市场作为目标市场，在受众心中建立区隔化定位，创造难以取代的价值。二、强化品牌的独特卖点。USP认为，信息点必须要呈现出产品或品牌的独特卖点，细化为三个要点：利益承诺、独有性、有力量。利益性承诺：需要在广告中强调产品有哪些具体的作用，以及产品能带给受众的实际利益是什么。独有性：利益承诺最好是竞争对手无法提出的，或者是没有提出的。有力量：能击中人心，与受众产生共鸣。除了以上三个要点，产品的独特卖点有功能性特征、情感诉求、价值承诺等，品牌可根据自身不同的发展阶段，使用不同的USP分类来塑造品牌的差异化。例如超能洗衣液。随着时代发展，女性角色不断演变，当今的独立女性已变得越发超能。P11无论是相夫教子的“贤内助”，还是在各行各业独当一面，女性所迸发出的能量，往往比你想象的更超能。超能洗衣液推出

“超能女人”创意概念，为现代女性发出了新时代宣言，这强调的是一种精神价值层面的品牌认同。三、逆向思维。逆向战略品牌，是对抗产品的升级趋势，不做加法，而是做减法，简化受众的选择。品牌之所以这样做，是因为过量服务很多时候并不是受众真正需要的，所以逆向战略品牌才走向了反面。逆向战略品牌看起来好像功能、服务减少了，但是正因为这一点，这些品牌才能从复杂和模糊中脱颖而出，变得清晰和具有特色，消费者也更加容易识别。四、塑造独特的品牌形象。广告教父大卫·奥格威认为：“品牌形象不是产品固有的，而是消费者联系产品的质量、价格、历史等，每一品牌、每一产品都应该发展和投射一个形象。”P15品牌传递的所有信息，包括广告的风格、产品属性、使用者联想、公关活动、品牌标志、品牌个性等等，这些留给受众的心理认知，以及受众对品牌的主观评价、理解和延伸，都是品牌形象的范畴。也就是说综合这些品牌元素来塑造一个独特的品牌形象，让受众购买产品的时候，不仅获得物质利益，也获得品牌带给他的心理利益，帮他表达自我或塑造理想的社会形象。例如：方太厨电一直在塑造“致力于提升人们家庭幸福感的高端厨电”品牌形象，除了富有创新和设计感的产品，从产品发布会、官网内容、营销传播都是围绕着“幸福、爱”的主题，在获得消费者认可的同时，也形成了独特的品牌认知。方太凭借着创新的产品和模式、优越的价值观连续几年荣登亚洲品牌500强。五、文化创新。先看一个案例，这是一套书签，共四个，分别是金面铜人头像、青铜神鸟、青铜大立人、青铜神树。这四个书签融入了文化内涵。金面铜人头像：黄金面罩光洁耀目，铜绿和金黄相互映衬，增添了一份神圣感。青铜神鸟，仰首端立，竖耳鼓目。青铜大立人，光脚站立于昆仑之巅，吸收天地之灵气，日月之精华；青铜神树，树上有灵鸟，树下有神龙，神龙与神树融为一体。三星堆是文化内涵非常丰富的古城、古国、古蜀文化遗址。这套融入三星堆文化的产品非常有特色，具有较高的辨识度。另外文化创新，也指一个品牌传达了创新的文化表述。当重大的历史/社会结构变迁时，一般会导致产品的传统文化意义的重塑，这些变化解离了受众与既有品牌之间的连接，从而使受众需要寻求新的替代性选择。如果品牌在这个时候，识别这种文化断层，提倡一种新的意识形态，便有可能从众多产品功能同质化的品牌中脱颖而出。刚才我们学习了利用细分市场定位、强化品牌的独特卖点、逆向思维、塑造独特的品牌形象、文化创新等策略对品牌差异化进行塑造，下面让我们通过案例进行学习。这是体育类网页制作，下面进入案例实操讲解。首先打开Photoshop软件，打开效果图，在文件窗口上方单击右键，在弹出的对话框选“复制”这个文件。新建图层，填充黑色。作为背景。第一模块产品主图。新建组，修改名称。1、先制作广告文字，新建A4文档，选择图像—旋转90度，填充黑色背景，输入白色文字“球场助攻”，双击文字，修改为“仿斜体”，复制文字图层。选择上面的文字图层，鼠标右键单击—栅格化文字，选择图像—图像旋转90度（顺时针），选择滤镜—风格化—风的命令，从左向右。按CRTL+F重复上一次滤镜操作，一次不够，可以多按几次达到需要的效果。选择图像旋转90度（逆时针）。2、选择涂抹工具，将文字修改涂抹成火苗的效果。3、在图层面板下方，添加调整图层—渐变映射，在渐变条处添加两个色标，将第一个色标颜色设置为黑色，第二个色标颜色设置为红色，第三个色标颜色设置为黄色，第四个色标颜色设置为浅黄色。4、选择第二个文字图层，将其移动到图层上方，添加图层样式—渐变叠加。打开渐变剪辑器，在渐变条处添加两个色标，将第一个色标颜色设置为红色，第二个色标颜色设置为黄色，第三个色标颜色设置为浅黄色，第四个色标颜色设置为白色。这样完成了广告文字的制作。同时选中三个图层，将其移动到文档中，并调整大小。2、输入广告副标题“pu材质·软皮耐磨·多色选择”，调整大小和间距。新建图层，绘制白色圆点。3、将火和足球的素材移动到文档中。先给第一个火苗图层，图层混合模式调整为“滤色”。添加蒙版，使用黑色画笔，调节不透明度涂抹。再给第二个火苗图层添加蒙版，涂抹隐藏部分图层。4、选择画笔工具，打开画笔预设选取器，载入画笔—云雾画笔笔刷，选择357笔刷，新建图层，在火苗前方用白色画笔涂抹，增加层次感。添加图层蒙版，隐藏多余的部分。至此，完成了综合案例—体育类网页制作第一部分的学习。产品需要打造差异化，塑造“不同”，实现“不同”，展示“不同”，这样产品的差异化更加明显，目标客户群更加明确，产品在目标客户群中所占的市场份额才能更大。教学反思《网页美工设计》教案授课专业广告艺术设计专业授课教师 周国宝铜陵职业技术学院制PAGE1第三部分综合实训篇第六章综合案例——体育类网页设计制作标题第二节体育类网页设计制作综合案例（下）课时2课时教学目标教学内容与过程今天我们来学习综合案例——体育类网页制作第二部分。足球网页制作分为五个模块，第一模块为产品主图，第二模块为产品尺寸，第三模块为细节展示，第四模块为产品优势，第五模块为产品品质。上次课我们学习了第一模块产品主图的制作，现在继续学习第二模块的制作，新建组，修改名称。1、新建图层，选择矩形选框工具，绘制矩形，设置前景色为白色，按ALT+Delete键填充。2、新建图层，选择矩形选框工具，绘制矩形，填充灰色。将足球移动到灰色图层的尾部，调整大小。输入产品信息：3号足球，直径约18cm，调整文字。3、选中灰色矩形框、文字和足球三个图层，选择图层面板上第一个按钮“链接图层”，再拖拽选中的图层到第六个按钮“创建新图层”，复制出两个图层，双击文字图层，修改其产品信息为：4号足球，直径约19cm、5号足球，直径约21.5cm。4、在白色矩形图层的上方，新建图层，绘制一个黑色矩形图层，添加图层样式—图案叠加，点击图案小三角形滑块，载入“艺术家画笔画布”—上底色亚麻图案，将混合模式调整为“变亮”，不透明度20%。5、输入白色黑体广告文字“总有一款适合您”。6、新建图层，将前景色设置为黄色。选择画笔，打开F5面板，选择柔角画笔，大小19像素，勾选形状动态，控制调整为渐隐，数值为150。按住SHIFT键，从右到左，在文档中绘制一条直线。选择滤镜—模糊—动感模糊，距离调整为100左右，按照刚才的制作方法，新建图层，将前景色设置为白色，选择柔角画笔，大小14像素，按住SHIFT键，从右到左，在文档中绘制一条直线，重复上一次的滤镜操作。7、在白色矩形图层的下方，新建图层，选择矩形选框工具，绘制一个黑色矩形图层，按CTRL点击图层载入选区，编辑填充使用“图案”，载入蜂窝（64*57像素），将混合模式调整为“明度”，在图层面板中将不透明度调整为25%。8、输入文字，每个足球尺寸对应的适用人群。第三模块为细节展示，新建组，修改名称。1、新建图层，绘制矩形选框，填充白色。2、新建矩形选框，选择渐变工具，增加一个色标，将颜色调整为浅灰到深灰到浅灰的渐变。输入广告文字：精致细节、无惧放大。3、新建图层，选择椭圆工具，编辑描边，2像素。右键变换选区，编辑描边，4像素。在圆的中心输入产品特点“稳定”。选中圆形和文字图层，将其复制4个图层，并将文字修改为产品五大特点“专业、品牌、稳定、耐打、性价比”。4、将足球素材移动到文档中间，调整大小，在周围制作添加产品三大具体特点。新建图层绘制小正圆，选择直线工具，按住SHIFT绘制一条灰色直线。将两个图层选中复制两个图层。按住CTRL+T，将第三个图层进行水平翻转。5、绘制矩形选框，输入文字“优质表皮”，复制图层，分别修改文字为“优质内胆”、“内胆缠纱”。6、新建图层，绘制大矩形，填充橙色。鼠标放在参考线上，按住ALT键绘制浅色矩形，选择椭圆选框，绘制正圆，填充白色。将图层进行复制，分别放在左右两边。第四模块为产品优势。新建组，修改名称。1、新建图层，绘制一个黑色矩形图层，添加图层样式—图案叠加，点击图案小三角形滑块，载入“艺术家画笔画布”—上底色亚麻图案，将混合模式调整为“变亮”，不透明度20%。添加图层样式—光泽，距离：50像素，大小：60像素.在图层上方输入广告文字“4大优势让您爱不释手”。2、新建图层，绘制矩形选框，填充白色。选择圆角矩形工具。选择直线工具，将描边选项改为“虚线”，2点。按住SHIFT键，绘制一条虚线，将虚线进行复制。圆角矩形上下方各一条。3、移动球的素材，调整大小。4、选择椭圆工具，先绘制正圆选区，再用另外一个正圆减选选区，得到一个类似月牙外形。新建图层，填充橙色。5、新建图层，选择选择椭圆工具，先绘制正圆填充橙色。右键变换选区填充白色。再对其图层进行复制，共复制4个。输入4大具体的优势，调整文字的位置。6、移动缝制素材到文档中，点击添加蒙版，选择渐变工具，黑色到白色渐变，在画面中进行拖拽。选择黑色画笔，修饰衔接处。7、移动球的素材，添加图层样式—投影效果。8、输入广告文案，主标题：我们只做好球。第五模块为产品品质。新建组，修改名称。1、新建图层，绘制一个黑色矩形图层，添加图层样式—图案叠加，点击图案小三角形滑块，载入“艺术家画笔画布”—上底色亚麻图案，将混合模式调整为“变亮”，不透明度20%。添加蒙版，选择渐变工具，设置白色到黑色再到白色的渐变，选择对对称渐变在图层上进行拖拽。2、选择黑体输入广告文字：球场助攻，爆发潜能。3