1、第四章、视觉营销与平面设计汇报人：梁林蒙日期：2023年1月21日 Social Network Marketing 目录CONTENTS互联网+时代的视觉营销Internet plus era visual marketing01基于photoshop的平面设计Based on Photoshop graphic design02基于After Effects的视频特效Based on After Effects video effects03互联网+时代的视觉营销视觉营销|互联网视觉营销案例 视觉营销指导思想|互联网视觉营销策略PARTONE第一部分互联网+时代的视觉营销1.视觉营销1.视
2、觉营销的概念造型来完善形象的优化整合陈列完成内部的构造变化传媒通过推广形式来表达视觉营销的概念空间通过空间立体视觉效果营造品牌氛围视觉营销：英文Visual merchandising它存在的目的是最大限度地促进产品（或服务）与消费者之间的联系，最终实现销售（购买），同时提升视觉冲击影响品牌的文化的手段之一。第一部分互联网+时代的视觉营销1.视觉营销视觉营销存在的目的是最大限度地促进产品与消费者之间的联系，最终实现购买，同时提升视觉冲击，影响品牌的文化。优秀的视觉能抢占买家视线、让买家重点接收你想传达的信息、刺激买家的购物欲，是转化为订单的关键一环。2.视觉营销的意义第一部分互联网+时代的视觉
3、营销1.视觉营销01吸引眼球人在观察外界事物时，总有一个视觉集中点，而这个焦点通常会停留在色彩鲜明、形状独特、轮廓清晰、具有整体性和容易理解的形象上。02激发兴趣一个出色的设计方案，不仅能用新、奇、特吸引顾客的注意力，还能让顾客发现它的内涵、了解它的文化，从而达到激发兴趣的功能。03传播品牌文化视觉是无声的语言，通过视觉传播其品牌文化，引导大众深刻理解品牌，是视觉最重要的展现部分。3.视觉营销的功能第一部分互联网+时代的视觉营销2.互联网视觉营销案例大众汽车在Facebook上为品牌曾经的“光辉岁月”创建了可视化的时间轴。当大众汽车发展是以时间轴视觉效果在粉丝眼前呈现时，会对这家始于1938年
4、的德国汽车公司产生更深入的了解。这种寓教于乐的方式不仅有趣，而且是一个适用于所有受众的策略。无论是汽车发烧友还是菜鸟都将通过浏览时间轴，学到有关大众汽车背景的人文课程。案例分析4.1大众汽车的Facebook第一部分互联网+时代的视觉营销2.互联网视觉营销案例从AMC剧场入驻Pinterest的那一刻起，他们的受众就被带入了一个精彩纷呈的电影世界。从好莱坞黄金时代老照片到最新的蝙蝠侠热潮剧照，AMC的Pinterest简直就是一座电影爱好者大事记的金矿。案例分析4.2 AMC剧场的Pinterest第一部分互联网+时代的视觉营销2.互联网视觉营销案例耐克公司的创意点子还不仅限于对Instagr
5、am的简单运用。通过PHOTOID，粉丝们能够构思、设计并分享他们的创意。耐克也由此获得了更多的内容，调动了粉丝参与的积极性。案例分析4.3 耐克的Instagram第一部分互联网+时代的视觉营销2.互联网视觉营销案例当你在IHOP的Tumblr页面驻足时，即使你已经享用过了丰盛的一餐，还是会被一系列诱人的美食图片轰炸得肚子咕咕叫。从外观甜美的草莓松饼到一次性可以吃下一堆的美味煎饼，IHOP的Tumblr页面实在是名副其实的吃货天堂。案例分析4.4 IHOP餐厅的Tumblr第一部分互联网+时代的视觉营销2.互联网视觉营销案例Snapchat背后的理念是“阅后即焚”。你的内容或者“故事”只能在
6、线保存24个小时。塔可钟成为首个使用Snapchat为品牌打造第一支电影的品牌，该片宣告了新产品Doritos Loco taco的上市。案例分析4.5 塔可钟在Snapchat第一部分互联网+时代的视觉营销3.视觉营销指导思想视觉是我们看到的表象，思想才是隐藏背后的核心和灵魂。特别是推广期品牌，每段时间都会有不同的主题作为核心思想，譬如劲霸一开始就是把茄克做大做强，后来以点带面，由茄克单品成功的带动了整体业绩的增长，从而拉动了整个品牌的良性发展。今天，当我们走进茄克的终端，依然可以看见金色的茄克道具附在墙面上。劲霸的战略思想，坚持不懈，因而获得了成功。在2004年的鞋博会之时，有一个运动品牌
7、做出了很大的一个类似海盗船之类的展馆。其结合点是：此品牌代言人为蔡依林，她唱了一首海盗来了，于是将品牌通过海盗船来展现。但造型却未能带来良好的品牌印象。不禁可以这样去分析和理解：展会的终极目的是推广和展示品牌形象，建立和加深自己的专业印象。作为一个新兴的鞋类品牌，大众最关注的应该是产品好不好。1.有清晰准确的品牌阶段性战略思想做指引第一部分互联网+时代的视觉营销3.视觉营销指导思想2.形成广告视觉、终端视觉高度统一通常把电视广告、网络广告、户外广告、纸类广告等统称为“媒体”，这是因为这些途径具有“媒婆”般的作用：它们让消费者对品牌产生初步印象；广告、终端与产品之间形成了一种无形的链，而这个链就
8、是：名要符实。通常在广告创作的时候，有人认为，做广告就好比贴春联，“富贵满堂”、“财运亨通”可以是祝福和愿望，不见得一定兑现。这恰巧犯了一个很大的错误：诚信才是品牌常青之道。终端在表现的时候，也要注意与广告主题或品牌阶段性主题的吻合，尽量避免主题不符或顾左右而言他。广告界有句有名的话：反复刺激、加深记忆。脑白金广告现象说明，在资讯过剩的年代，不断重复重复再重复，就能让人永远记住。第一部分互联网+时代的视觉营销3.视觉营销指导思想3.注重终端的视觉艺术法国人有一句经商谚语：即使是水果蔬菜，也要像一幅静物写生画那样艺术地排列，因为商品的美感能撩起顾客的购买欲望。随着人们消费观念的改变，消费者要购买
9、的已不只是服装本身，他们开始关心品牌所体现的文化、带来的精神诉求。有句开玩笑的话说，目前中国整体生活质量已经上升到一个高度了，因为就服装消费而言，人们在淘汰一件衣服时，绝大多数是因为衣服已经过时，而不是因为衣服旧了或者破掉。终端店铺是品牌与消费者的窗口，它的形象直接决定消费者是否购买该品牌产品。有人说陈列就是从细小的地方体贴顾客，使他们在感受陈列环境的同时愿意逗留并购买产品。因此，很多人直接把终端的陈列艺术称为“视觉营销”。据其统计，店面如能正确运用商品的配置和陈列技术，销售额可以在原有基础上提高10%以上。第一部分互联网+时代的视觉营销4.互联网视觉营销策略通过消费者看到的元素形成的感受来营
10、造销售的机会。“销”的关键：给予想象力“营”的关键：营造好感度“觉”的关键：唤醒记忆点“视”的关键：打造注意力A视觉营销里的“视”指的就是要“看到”并且“停留”，注意力是关键。B重复重复再重复，坚持坚持再坚持。唤醒的同时还要让她记住，重复和坚持是个好办法。C“营”就是营造氛围，但目的就是通过对品牌的塑造来让消费者形成好感度，从而认可品牌所传播出来的价值观D除了给到消费者物质上的满足，更重要的是给到消费者心理上满足。E也就是说所有见到的都是视觉营销的一部分，这里包括了图形，文字，logo，广告语，促销文字，产品内文等等。基于PHOTOSHOP的平面设计Photoshop cc简介|Photosh
11、op cc工作界面 Photoshop PSD模板实例PARTONE第二部分基于photoshop的平面设计1.Photoshop cc简介01平面设计是Photoshop应用最为广泛的领域。平面设计03广告摄影其最终成品往往要经过Photoshop的修改才能得到满意的效果。广告摄影02Photoshop具有强大的图像修饰功能。可以修复人脸上的斑点等缺陷。修复照片04影像创意是Photoshop的特长，Photoshop可以使图像发生面目全非的巨大变化。影像创意05利用Photoshop可以使文字发生各种各样的变化艺术文字06因为在设计网页时Photoshop是必不可少的网页设计处理软件。网页
12、设计2.Photoshop cc工作界面第二部分基于photoshop的平面设计菜单栏“属性”栏“图像编辑”窗口状态栏控制面板工具箱PhotoshopCC 的工作界面由“菜单”栏、“属性”栏、“图像编辑”窗口、状态栏、工具箱、控制面板等组成，如图4.6所示。3.Photoshop PSD模板实例第二部分基于photoshop的平面设计1.素材准备 模板素材的获取可以从网上各大平面设计素材网站下载获取，如昵图网站长之家等，这些网站上存在数量繁多、种类齐全的平面设计素材可以免费下载。但是需要注意的是平面设计素材存在版权，建议大家花少量的钱购买原创商业授权的平面设计素材，或者联系作者取得商业版权，避
13、免不必要的麻烦。版权提示案例4.1 昵图网版权注意事项 昵图网站内所有素材图片均由网友主动上传而来，昵图网不拥有此素材图片的版权，网站所有作品均作学习、交流之用，如需商用，请获得版权拥有者授权，并请遵循国家法律法规之规定。若因非法使用引起纠纷，一切后果由使用者承担。此外，若该作品侵犯了您的合法权益，请发起知识产权投诉（）。3.Photoshop PSD模板实例第二部分基于photoshop的平面设计（1）确定素材主题进行检索这里以原单为素材主题，进行素材建设，可以在素材主题后加上素材的应用范围，如网站banner、海报、名片、宣传单页等。（2）筛选素材接下来在搜索检索页面筛选合适的素材。3.P
14、hotoshop PSD模板实例第二部分基于photoshop的平面设计（3）选定素材，并下载选定素材后可根据素材质量进行支付，支付完成后即可进行下载。3.Photoshop PSD模板实例第二部分基于photoshop的平面设计2.素材修改素材下载完成后一般是压缩包形式，将压缩包解压缩后，打开其中的PSD文件（PSD是Photoshop的源文件格式），对其中的文字进行编辑修改。如图是打开后的模板文件，所有对模板文件的修改都围绕图层进行修改。图4.10 PSD模板图4.11 最终效果图3.Photoshop PSD模板实例第二部分基于photoshop的平面设计3.图片输出在完成了信息及内容修
15、改后，点击快捷键“ctrl+alt+shift+s”对图片进行输出，在图片输出界面可以选择图片的格式（gif、png、jpg等），并可以对图片的质量和大小进行调整。基于After Effects的视频特效After Effects CC工作界面及常用面板After Effects基于模板的二次修改After Effects影视输出PARTONE1.After Effects CC工作界面及常用面板第二部分基于After Effects的视频特效Adobe After Effects CC的应用程序可针对特定任务优化面板布局的多个预定义工作区，还可以通过以最适合特定任务工作样式的布局排列面板来创
16、建和自定义自己的工作区。默认选择工作区的方法有以下三种：选择“窗口”“工作区”，然后选择所需工作区；从“工具”面板的“工作区”菜单中选择工作区；如果工作区已分配键盘快捷键，请按 Shift+F10、Shift+F11或Shift+F12。1.After Effects CC工作界面及常用面板第二部分基于After Effects的视频特效对齐与分布面板：执行菜单栏中的菜单“窗口”“对齐”命令，可以打开或关闭对齐与分布面板。对齐与分布面板命令主要对素材进行对齐与分布处理，如图所示通常把电视广告、网络广告、户外广告、纸类广告等统称为“媒体”，这是因为这些途径具有“媒婆”般的作用：它们让消费者对品牌
17、产生初步印象；广告、终端与产品之间形成了一种无形的链，而这个链就是：名要符实。After Effects CC的常用面板主要包括：对齐与分布面板、信息面板、预览面板、项目面板、时间线面板、合成窗口、图层窗口、效果和预设面板等。1.After Effects CC工作界面及常用面板第二部分基于After Effects的视频特效预览面板：执行菜单栏中的“窗口”“预览”命令，或按Ctrl+3组合键打开或关闭“预览”面板。“预览”面板主要用来控制素材图像的播放与停止，进行合成内容的预览操作，还可以进行预览的相关设置。如图4.16所示。项目面板：执行菜单栏中的“窗口”“项目”命令，或按Ctrl+0组合
18、键打开或关闭“项目”面板。在此窗口中可以对素材进行预览。可以通过文件夹的形式来管理项目面板，将不同的素材以不同的文件夹分类导入，便于视频编辑时进行操作，文件夹可以展开或折叠，这样更便于项目的管理。如图4.17所示。1.After Effects CC工作界面及常用面板第二部分基于After Effects的视频特效预览面板：执行菜单栏中的“窗口”“预览”命令，或按Ctrl+3组合键打开或关闭“预览”面板。“预览”面板主要用来控制素材图像的播放与停止，进行合成内容的预览操作，还可以进行预览的相关设置。如图4.16所示。项目面板：执行菜单栏中的“窗口”“项目”命令，或按Ctrl+0组合键打开或关闭
19、“项目”面板。在此窗口中可以对素材进行预览。可以通过文件夹的形式来管理项目面板，将不同的素材以不同的文件夹分类导入，便于视频编辑时进行操作，文件夹可以展开也可以折叠，这样更便于项目的管理。如图4.17所示。1.After Effects CC工作界面及常用面板第二部分基于After Effects的视频特效在时间线面板中，有时会创建多条时间线，它们并列排列在时间线标签处，如果要关闭某个时间线，可以在该时间线标签位置，单击关闭按钮即可关闭或选中该合成时间线，按Ctrl+W组合键关闭，如果想再次打开该时间线，可以在项目窗口中，双击该合成对象即可。合成窗口：合成窗口是视频效果的预览窗口，在进行视频项
20、目的安排时，它是最重要的窗口，在该窗口可以预览到编辑时的每一帧的效果，如果要在节目窗口中显示画面，首先要将素材添加到时间线上，并将时间滑块移动到当前素材的有效帧内，才可以显示。如图4.19所示。1.After Effects CC工作界面及常用面板第二部分基于After Effects的视频特效图层窗口：在图层窗口中，默认情况是不显示图像的，如果要在图层窗口中显示画面，有两种方法可以实现。一种是双击项目面板中的素材，另一种是直接在时间线面板中双击该素材层，如图4.20所示。效果和预设面板：效果和预设面板中包含了动画预设、音频、模糊和锐化、通道、色彩矫正等多种特效，是进行视频编辑的重要部分，主要
21、针对时间线上的素材进行特效处理，一般常见的特效都是利用效果和预设面板中的特效来完成，效果和预设面板如图4.21所示。1.After Effects CC工作界面及常用面板第二部分基于After Effects的视频特效效果控制面板：效果控制面板主要用于各种特效效果进行参数设置，当一种特效添加到素材上时，该面板将显示该特效的相关参数设置，可以通过对参数的设置从而对特效进行修改，以便达到所需要的最佳效果，如图4.22所示。2.After Effects基于模板的二次修改第二部分基于After Effects的视频特效首先，挑选并下载好我们需要的AE模板，打开AE软件，有时候会跳出“此项目必须从版本
22、9.0（windows）进行转换。原始文件保持不变”如图4.23所示。一般这种现象是因为现有软件版本比此模板的软件版本新，所以会有此提示，点击“确定”按钮即可。在打开模板文件过程中时常会提示缺少插件，把缺少的插件根据其提示的名字在网上搜索下载，并安装到AE的插件目录中。打开工程文件后查看左上方的项目面板，如图4.24所示。文件夹根据其英文名知道里面素材所属类别，Main是合成组。After Effects模板是由After Effects软件生成的一种工程文件，其中包括音乐、图片、视频、脚本等素材，可以快速简单的制作出效果强大的影视作品。2.After Effects基于模板的二次修改第二部分
23、基于After Effects的视频特效在项目面板中，找到我们需要更换的图片素材、视频素材、音频素材、文字内容各自所属的文件夹，图片素材、音频素材、视频素材如果找到的是源文件，如图4.25所示，在右击选中的素材，选择“替换素材”“文件”命令，在弹出的对话窗口中选择自己的素材后单击确定即可2.After Effects基于模板的二次修改第二部分基于After Effects的视频特效如果点开文件夹找到的是素材的合成组，如图4.26所示，则需要首先导入自己的素材，双击项目面板空白处，按Ctrl+I组合键打开导入素材窗口，按住Ctrl键不放，可以导入多个素材。导入素材完毕后，点开合成组，将导入的素材
24、拖拽至该合成组的时间线工作区，并删除我们要替换的文件。3.After Effects影视输出第二部分基于After Effects的视频特效模板修改完成后，就该最后一步，输出成影片了，执行菜单栏中的“文件”“创建代理”“影片”命令，弹出“渲染列队”面板，如图4.27所示。3.After Effects影视输出第二部分基于After Effects的视频特效单击“渲染设置”旁的三角符号，选择“自定义”，弹出“渲染设置”对话框，如图4.28所示。在“品质”处选择“最佳”，“分辨率”处选择“完整”单击确定。3.After Effects影视输出第二部分基于After Effects的视频特效单击“输出模块”旁的三角符号，选择“自定义”，弹出“输出模块设置”对话框，如图4.29所示。因为AE无损输出的文件特别巨大，1分种的视频可能要13GB，建议格式选择FLV，分辨率依然清晰，但是文件大小一般很小。Adobe After Effects CC会默认自动输出音频，如果是低版本的注意在设置对话框下面勾选上音频输出，单击确定。3.After Effects影视输出第二部分基于After Effects的视频特效单击“输出到”旁边的文件名，弹出“将影片输出到”对话框，如图4.30所示。修改文件名后单击保存。单击“渲染列队”面板中的渲染按钮，如图4.31所示，静待片刻，影片输出完毕。THANKS
