[精选]H广告设计窍门培训课件6922.pptx

《[精选]H广告设计窍门培训课件6922.pptx》由会员分享，可在线阅读，更多相关《[精选]H广告设计窍门培训课件6922.pptx（40页珍藏版）》请在淘文阁 - 分享文档赚钱的网站上搜索。

1、&电商设计中促销氛围的“度”H5广告的设计窍门广告的设计窍门1、交互：慎用向右滑动的操作方式。、交互：慎用向右滑动的操作方式。如如：刮刮刮刮乐乐涂涂抹抹效效果果，左左右右滑滑动动翻翻页等。页等。原原因因：苹苹果果手手机机上上，向向右右滑滑动动容容易易触发返回触发返回“上一级页面上一级页面”效果。效果。2、交互：慎用横屏展示效果。、交互：慎用横屏展示效果。原原因因：体体验验上上，需需要要用用户户设设备备开开启启屏屏幕幕旋旋转转功功能能，才才能能正正常常观观看看，用用户户操操作作成成本本高高。对对不不同同屏屏幕幕的的手手机机，长长宽宽比比例例不不一一，难难以以展展示示最最佳佳的的视视觉效果。觉效果

2、。3、视视觉觉：功功能能按按钮钮等等，远远离离页页面面底底部部（大大概概128，这这个个尺尺寸寸不不是是固固定定值值），具具体体看看重重构构采采用用什什么么适适配配方方式式（仅仅供供参参考考：640*1008，从从上上往往下下计算，主要内容在计算，主要内容在1008内）。内）。原原因因：更更好好的的设设备备各各种种屏屏幕幕的的手手机机，避免按钮被挡住。避免按钮被挡住。4、视视觉觉：慎慎用用“光光线线叠叠加加效效果果”或或里面的里面的“图层样式图层样式”效果。效果。如如：给给图图层层加加个个“柔柔光光”、“滤滤色色”、“色色相相”等等等等效效果果，除除非非这这个个视觉元素可以合并为一体。视觉元素

3、可以合并为一体。原原因因：给给重重构构挖挖坑坑，导导致致不不好好切切图图，无法还原视觉效果。无法还原视觉效果。5、视视觉觉：矢矢量量图图？想想做做简简单单的的动动画画？导出格式试试！导出格式试试！原原因因：能能减减少少体体积积的的事事，为为什什么么拒拒绝呢绝呢6、动动画画：尽尽量量避避免免全全屏屏动动画画，优优先先考虑局部动画的方式。考虑局部动画的方式。如：各种粒子效果全屏飘过等。如：各种粒子效果全屏飘过等。原原因因：如如果果呈呈现现的的视视觉觉效效果果无无法法用用代代码码实实现现，就就意意味味着着要要用用全全屏屏尺尺寸寸的的序序列列帧帧来来处处理理，体体积积上上会会飙飙升升，影响加载体验。影

4、响加载体验。7、动动画画：序序列列帧帧压压缩缩小小技技巧巧，静静态态的的画画面面，保保存存较较高高质质量量。中中间间运运动动的的模模糊糊状状态态，大大胆胆的的压压低低画画面面质质量量吧。吧。原原因因：压压缩缩体体积积，运运动动状状态态就就算算有有锯齿也不明显。锯齿也不明显。8、重重构构：图图片片请请上上“”，压压缩缩下下，有效减少体积。有效减少体积。原原因因：额额，这这个个也也要要说说原原因因？好好吧吧，偷偷偷偷告告诉诉你你，现现在在这这网网站站不不止止可可以以压压缩缩，还还可可以以压压缩缩，更更重重要要的的是是支持批量下载了！支持批量下载了！9、重重构构：音音乐乐请请压压缩缩下下，能能大大大

5、大减减少整体的体积。少整体的体积。技技巧巧：如如果果没没有有特特殊殊要要求求，可可以以考考虑虑弄弄成成单单声声道道音音频频文文件件，比比特特率率48或更低就行了。或更低就行了。10、重重构构：安安卓卓机机不不支支持持多多个个音音频频同同时时播播放放意意味味着着无无法法背背景景音音乐乐跟跟音音效效同同时时播播放放！（苹苹果果机机则则没没问问题）题）11、重重构构：视视频频无无法法自自动动播播放放，首首次播放需要用户点击触发。次播放需要用户点击触发。（视视频频用用什什么么格格式式？建建议议用用4格格式式，并用并用H.264编码器）编码器）12、重重构构：测测试试请请多多留留意意“魅魅族族”手手机机

6、和和华华为为P67等等，屏屏幕幕底底部部采采用用虚虚拟按钮的手机。设备容易出问题。拟按钮的手机。设备容易出问题。说那么多，再来几条小知识。说那么多，再来几条小知识。微信到底是什么用浏览器内核？额，这个问题还真难说微信到底是什么用浏览器内核？额，这个问题还真难说清楚。清楚。微信5.4-6.1版本，如果有安装浏览器，则用浏览器的内核。否则用手机系统自带的。微信6.1版本后，内嵌了浏览器的内核。浏览器：6.2版本及以后使用内核。之前用内核。（别晕，如有需要，请上：了解关于浏览器的更多信息）安安 卓卓一直都是系统自带的 向上滑动翻页的操作，视觉指引的箭头应该是向上，而不是向下哦；除非你是点击翻页效果，

7、才用向下的箭头。指纹扫描？亲屏幕触发互动？吹口气检测气体成份？这些都是伪技术，开开心心被玩弄下就好了不过像多屏互动，音频分析等，通过各种接口做技术支持，实现一些互动操作，这些可是未来的趋势哦！苹苹 果果电商设计中促销氛围的电商设计中促销氛围的“度度”可以作为网站页面的横幅广告，也可以作为游行活动时用的旗帜，还可以是报纸杂志上的大标题。主要体现中心意旨，形象鲜明表达最主要的情感思想或宣传。做电商的人接触促销类的设计需求应该是最多了的吧，但是促销是不是就意味着一定要红红火火，一定要五颜六色热热闹闹的呢？我想不一定吧。虽然红红火火五颜六色是比较刺激感官，但是太过火的话就会让人感觉不舒服产生视觉疲劳，

8、太弱的话又会感觉没有促销氛围，所以有没有什么方法是能够平衡舒适和促销之间的关系的呢？天猫促销京东促销 今天，我们就来一起来探讨这个话题：如何掌握设计中促销氛围的“度”。我们知道，高冷大牌简洁留白和低价热闹促销就好比我们整个设计调性的2个极端。我们先看几个示例：高冷大牌，自信到连文案都不需要文艺范，活在自己的世界里新品首发，可以稍微热情一点点时尚类，可以稍微酷一点小清新，可以卡哇伊一点低价促销，可以逗比疯狂活泼一点另类型，可以搞怪一点看不见的部分，比如：活动定位活动目的活动背景创意思路等，这些是不需要让用户和消费者知道的。看不见的部分，比如：活动定位活动目的活动背景创意思路等，这些是不需要让用户

9、和消费者知道的。看看得得见见的的部部分分，比比如如：字字体体排排版版颜颜色色背背景景氛氛围围产产品品模模特特等等等等，所所有有这这些些看看得得见见的的部部分分都都是是由由上面那些看不见的部分所驱动的，是用户和消费者可以感知到的。上面那些看不见的部分所驱动的，是用户和消费者可以感知到的。举举一一个个例例子子：就就好好比比一一个个女女生生如如果果要要去去约约会会，那那么么她她会会先先去去了了解解这这次次的的约约会会地地点点是是什什么么场场合合他他想想要要给给男生展现什么样一种印象那个男生会喜欢什么样的形象她对这次约会到底有多看重等等。男生展现什么样一种印象那个男生会喜欢什么样的形象她对这次约会到底

10、有多看重等等。根根据据这这几几个个方方面面她她会会去去确确定定自自己己该该画画什什么么样样的的妆妆：是是化化小小可可爱爱清清新新一一点点的的妆妆容容呢呢？还还是是浓浓烈烈一一点点的的妆妆容容呢呢？是是穿穿可可爱爱短短裙裙还还是是穿穿女女神神长长裙裙呢呢？如如果果妹妹子子特特别别喜喜欢欢那那个个男男生生可可能能会会更更加加卖卖力力地地去去把把自自己己最最美美的的一一面面展展现出来，如果妹子不是特别喜欢那个男生可能她会稍微随意一点对待这次约会。现出来，如果妹子不是特别喜欢那个男生可能她会稍微随意一点对待这次约会。关于，其实包含了看不见的和看得见的2个部分：平台女装卖场促销活动活动背景活动背景潮流女

11、装低至45元活动大标题活动大标题暖冬尖货抢先购活动小标题活动小标题实例讲解实例讲解我们先从看不见的部分说起：活动定位：针对的是爱便宜又爱漂亮的用户，这类用户多为年轻学生收入不高或比较节俭的上班一族，再或者是年轻家庭主妇，主打低价策略，所以画面最好亲和力一点，最好是能传递出便宜买得起的感觉，但是也不能感觉太廉价，毕竟没有谁希望别人在背后说自己穿的是地摊货吧？活动目的：当然是能吸引大家点击，然后买买买啦！创意思路：通过模特的肢体语言和表情传递出一种自信乐观的感觉，就像形象代言人一样，好像在说：穿了我们这些衣服，你也会像我一样开心，像我一样美丽成为万人迷的，而且价格超级划算呢！关于，其实包含了看不见

12、的和看得见的2个部分：于是得到了这一系列的图，大家可以先感受一下：作为简单的举例展示用，其实我们可以选择放模特或不放模特，可以选择放商品图或不放商平图，按自己的需要来就好了，当然我们还有很多种创意方向和排版布局，如图所示：但如果我们换成下面这样：背景大量留白，细小的字体，单调的颜色，欠她一百万的臭脸模特。感觉就大不一样了，我们并不会感觉这是在卖低至49元钱的衣服，而且还会感觉文案与画面不搭对不对？所以，要想把握设计中促销感的那个度的话，我们可以从字体排版颜色背景点缀产品模特等等几个方面分别比较来讲解，于是我们会发现什么问题呢？字体：字体越细越小越规矩，相较于字体越粗越大越不规矩（变形或倾斜处理

13、），会更加显得不那么促销。所以，要想把握设计中促销感的那个度的话，我们可以从字体排版颜色背景点缀产品模特等等几个方面分别比较来讲解，于是我们会发现什么问题呢？排版：排版越简单越规矩，相较于排版越复杂越不规矩，会显得不那么促销。所以，要想把握设计中促销感的那个度的话，我们可以从字体排版颜色背景点缀产品模特等等几个方面分别比较来讲解，于是我们会发现什么问题呢？颜色：颜色越冷饱和度越低颜色种类越少，相较于颜色越暖饱和度越高颜色种类越多，会显得不那么促销。所以，要想把握设计中促销感的那个度的话，我们可以从字体排版颜色背景点缀产品模特等等几个方面分别比较来讲解，于是我们会发现什么问题呢？背景：背景越简单

14、颜色越少留白越多，相较于背景越复杂颜色越多留白越少，会显得不那么促销。所以，要想把握设计中促销感的那个度的话，我们可以从字体排版颜色背景点缀产品模特等等几个方面分别比较来讲解，于是我们会发现什么问题呢？点缀：点缀越简单越少，相较于点缀越复杂越多，会显得不那么促销。所以，要想把握设计中促销感的那个度的话，我们可以从字体排版颜色背景点缀产品模特等等几个方面分别比较来讲解，于是我们会发现什么问题呢？产品与模特：放模特展示相较于放产品展示，更有激发购买的欲望，显得更加促销；模特表情姿势穿着等越活泼可爱越搞怪越精神，相较于模特越冷酷越忧伤越颓废，会显得更具亲和力更加促销。产品品质越高数量越少包装越简洁颜

15、色越单调，相较于产品品质越粗糙数量越多包装越花哨颜色越多样，会显得更加不那么促销。谢谢 谢谢3月-2322:43:3722:4322:433月-233月-2322:4322:4322:43:373月-233月-2322:43:372023/3/30 22:43:379、静夜四无邻，荒居旧业贫。3月-233月-23Thursday,March 30,202310、雨中黄叶树，灯下白头人。22:43:3822:43:3822:433/30/2023 10:43:38 PM11、以我独沈久，愧君相见频。3月-2322:43:3822:43Mar-2330-Mar-2312、故人江海别，几度隔山川。2

16、2:43:3822:43:3822:43Thursday,March 30,202313、乍见翻疑梦，相悲各问年。3月-233月-2322:43:3822:43:38March 30,202314、他乡生白发，旧国见青山。30 三月 202310:43:38 下午22:43:383月-2315、比不了得就不比，得不到的就不要。三月 2310:43 下午3月-2322:43March 30,202316、行动出成果，工作出财富。2023/3/30 22:43:3822:43:3830 March 202317、做前，能够环视四周；做时，你只能或者最好沿着以脚为起点的射线向前。10:43:38 下

17、午10:43 下午22:43:383月-239、没有失败，只有暂时停止成功！。3月-233月-23Thursday,March 30,202310、很多事情努力了未必有结果，但是不努力却什么改变也没有。22:43:3822:43:3822:433/30/2023 10:43:38 PM11、成功就是日复一日那一点点小小努力的积累。3月-2322:43:3822:43Mar-2330-Mar-2312、世间成事，不求其绝对圆满，留一份不足，可得无限完美。22:43:3822:43:3822:43Thursday,March 30,202313、不知香积寺，数里入云峰。3月-233月-2322:4

18、3:3822:43:38March 30,202314、意志坚强的人能把世界放在手中像泥块一样任意揉捏。30 三月 202310:43:38 下午22:43:383月-2315、楚塞三湘接，荆门九派通。三月 2310:43 下午3月-2322:43March 30,202316、少年十五二十时，步行夺得胡马骑。2023/3/30 22:43:3822:43:3830 March 202317、空山新雨后，天气晚来秋。10:43:38 下午10:43 下午22:43:383月-239、杨柳散和风，青山澹吾虑。3月-233月-23Thursday,March 30,202310、阅读一切好书如同和

19、过去最杰出的人谈话。22:43:3822:43:3822:433/30/2023 10:43:38 PM11、越是没有本领的就越加自命不凡。3月-2322:43:3822:43Mar-2330-Mar-2312、越是无能的人，越喜欢挑剔别人的错儿。22:43:3822:43:3822:43Thursday,March 30,202313、知人者智，自知者明。胜人者有力，自胜者强。3月-233月-2322:43:3822:43:38March 30,202314、意志坚强的人能把世界放在手中像泥块一样任意揉捏。30 三月 202310:43:38 下午22:43:383月-2315、最具挑战性的

20、挑战莫过于提升自我。三月 2310:43 下午3月-2322:43March 30,202316、业余生活要有意义，不要越轨。2023/3/30 22:43:3822:43:3830 March 202317、一个人即使已登上顶峰，也仍要自强不息。10:43:38 下午10:43 下午22:43:383月-23MOMODA POWERPOINTLorem ipsum dolor sit amet,consectetur adipiscing elit.Fusce id urna blandit,eleifend nulla ac,fringilla purus.Nulla iaculis tempor felis ut cursus.感感 谢谢 您您 的的 下下 载载 观观 看看专家告诉