电商创意指导原则完整版

1、电商创意指导原则GuidelineA基本原则我们在实实际的广广告投放放中，从从数据中中得到很很多关于于创意设设计的理理论。这些理论论直接影影响到广广告投放放的效果果。同时，广广告是带带着枷锁锁跳舞，如果跳跳的好，这就是是我们的的功力。1KISS原则-广告要一一目了然然KISS原则是英英语Keep It Simple,Stupid的首字母母缩略字字，也有人称称“懒人人原则”。由于电商商广告尺尺寸很小小，浏览览环境复复杂，干干扰信息息较多，因此，我们广广告需要要让用户户在第一一时间了了解到广广告所传传递的信信息。1、商品信信息、设设计要素素、文字字描述需需要尽量量简单2、动画设设计不要要过于复复杂

2、窍门：设设计师在在做完后后，把自自己当做做用户，看会产产生什么么疑问2A（ATTENTION）注意设计的广广告首先先就要吸吸引人们们的注意意，如何何让小小小的banner在页面跳跳出来，如何让让用户一一眼就能能发现我我们的广广告，是是这个阶阶段我们们需要面面临的挑挑战。I（Interesting）兴趣当用户发发现我们们的广告告后，如如何让用用户产生生浏览的的兴趣？是商品品，是标标题，是是价格？J（Judgement）判断每个人购购买商品品的时候候，都会会有个判判断，可可能是需需求判断断，也可可能是价价格判断断，那么么我们如如何让素素材符合合用户的的心理判判断呢？A（Action）行动广告必须须

3、要促进进销售，让人看看了广告告后从心心动到行行动购买买广告的的商品，实现广广告的最最终目的的。“AIJA”原则-广告对用用户的引引导B设计规范1注意品牌牌调性Tone&manner用户属性性品牌历史史竞争策略略品牌个性性商品价格格Tone&manner品牌调性性是决定定设计风风格和文文字撰写写风格的的重要因因素，在在做广告告之前必必须明确确，否则则很难做做出既让让客户满满意，又又让用户户喜欢的的广告。而调性性决定了了设计元元素的使使用。这是一切切广告设设计的源源泉！明明确它再再看设计计。商品图片片选择色调的选选择字体的应应用辅助图形形的应用用动画设计计整体感的的体现品牌调性性举例并不是所有的设

4、设计风格格都与我我们的目目标客户户相符。例如服服装，不不同年轻轻人对时时尚的标标准并并不统一一。只有有找到与与我们的的用户审审美一直直的设计计风格（正准确确的说是是品牌调调性），才能激激发他们们的兴趣趣。七格格：20-25，偏年轻轻，注重重个性的的女性用用户时尚起义义：20-25，哈韩哈哈日的最最爱，个个性，自自我潮流流only：25-30，偏成熟熟，办公公司白领领的休闲闲装m18：25-30，ol风格，简简单，优优雅调性的形形成：语语言风格格、字体体应用、排版布布局，主主推商品品选择，这些决决定了给给用户的的感受2商品图片片精美度产品是电电商受众众的第一关注注对象，好的商品品能带来来好的销销

5、售，好好图片=好商品。所以精美美的产品品图片是非常重重要；拍摄修片设计是否选用用模特？用什么样样的模特特？拍摄角度度体现产产品款式式？用什么光光源体现现质感？ 色调的调调节是否否适合受受众？细节的修修复体现现质感？ 什么样的的版式和和配色？文字的比比例和装装饰的花花纹？设计是否否为产品品服务？ 商品图片片的精美美度举例例2商品图片片-选择1、根据广广告位选选择合适适的商图图品。我们的的广告以以横幅居居多，如如麦包包包选择模模特图，采用上上下动的的形式，它将变变成麦网网的广告告。2、选择最最能表现现商品卖卖点的图图片。如九钻钻需要选选择钻石石晶莹剔剔透的图图片；麦麦包包的的皮包需需要选择择质感清

6、清晰的图图片；麦麦网的图图片需要要选择流流行元素素清晰的的图片，蝴蝶结结设计，就要让让它露出出来。3、选择最最能概括括商品信信息的图图片。由于我我们的广广告尺寸寸小，我我们需要要把最能能体现商商品信息息的图片片。麦包包包需要要采用正正面的图图片让用用户看清清商品的的造型，麦网需需要选择择体现优优雅时尚尚的图片片；凡客客需要选选择颜色色丰富的的静物图图片；基基本款，需要表表现颜色色丰富以以突出选选择更多多。麦包包的的素材，在同样样的尺寸寸下，静物图能更好的的看清商商品全貌貌，卖点点更清晰晰麦网的素素材，在在同样的的尺寸下下，正面图能更好的的看清商商品全貌貌，形成成模特与与商品相相互映衬衬商品图片

7、片的选择择举例表现款式式，材质质表现同款款式多色色3主色调的的使用主色调选选用原则则：与logo的颜色保保持一致致，保持持与企业业视觉规规范一致致性与商品的的颜色保保持一致致，减少少设计的的凌乱感感色调按信信息的重重要性分分级，重重要性越越高，越越需要醒醒目不要采用用4种以上的的颜色，避免凌凌乱感（黑白不不算）不要采用用与主色色调冲突突的颜色色，如红红配绿，黄配蓝蓝等字体颜色色的使用用同样遵遵循该原原则与商品主主色一致致与logo主色一致致采用与logo同色系、与主推推商品同同色系为为主色调调永远不不会错色调的使使用还要要注意：1、为了突出商品品，设计可以以用商品品或模特所所穿服装装为主要要色

8、2、主色调与网页具有有区别或或者对比比，使素材材在页面面中跳出出来；3、背景色色应与商品品、文字字存在较较大的反反差，并并对商品品能起到到衬托装装饰性作用；3主色调的的使用主色调的的使用举举例以黑红为为主要颜颜色。背背景很好好的烘托托了商品品。主要颜色色均采用用了黄色色系，底底色，标标题、商商品整体体感强。主色调与与商品一一致黑灰白，主色调调与商品品一致4文字的使使用字体是有有性格的的，选择择正确的的字体设设计就成成功了一一半：这样的字字体是优优雅的：黑体及及其变种种，常用用雅黑这是时尚尚感非常常强的，尤其杂杂志经常常使用的的：大宋宋这是给孩孩子看的的，非常常天真的的：娃娃娃字体这个是流流行的

9、，给年轻轻人看的的：时尚尚中黑这个是表表现中国国传统的的：书法法字体英文字体体同样有有性格，建议少少用手写写体，不不易辨识识4每一个素素材的字字体种类类不要超超过3种；字体应与与品牌形形象相匹匹配，常常用字体体为：各各种黑体体字的变变形设计计，如雅雅黑，中中黑，细细黑。尽尽量不要要使用手手写体，娃娃体体等不容易易阅读，不常的的字体；为强调价价格，价价格标注注时可采采用不同同于标题题的字体体或颜色；不要使用用侵犯版版权的字字体。文字的使使用字体用了了两个颜颜色，两两种字体体。品名名和价格格突出。字体越简简单种种类越少少越好4文字的使使用还需要注注意：主次信息息的对比比：大小小、粗细细、明暗暗、颜

10、色色反差文字的对对齐方式式：最好好采用左左对齐或或右对齐齐，让文文字形成成整体感感，对齐齐使用基基准线，杜绝目目测法。大小，粗粗细的对对比（sale，中加入入感叹号号，意为为折扣低低得让你你想不到到！文字左对对齐强烈的对对比会增增强设计计感4文字的使使用还需要注注意：做促销广广告，如如果没有有图片支支持，文文字是最最好的原原料-简单直接接。5辅助图形形的使用用每一个辅辅助图形形（装饰饰图案）都要服服从你的的创意，并有存在的理理由。注意指纹纹-touch的应用注意雪花花-冬季应用用6动画表现现动画要有有目的性性：1、让创意意从媒体体环境跳跳出来2、为了更更好的表表现商品品特点3、更好的的传递促促

11、销信息息4、让创意意更吸引引人，更更好“玩玩”好玩的设设计6动画表现现6动画表现现7让设计整整体感更更强-排版和视视觉的和和谐7让设计整整体感更更强-排版和视视觉的和和谐商品图片片商品价格格辅助图形形底色文字按钮一个广告告会有很很多诉求求？很多多元素？各占比比例多大大？摆放放顺序？让这个广广告看起起来整体体表达一一个主诉诉求，又又能兼顾顾其他辅辅助卖点点。7让设计整整体感更更强7让设计整整体感更更强这是本ppt的一页。如果你你愿意，你可以以当它是是一个广广告的排排版布局局。留白区,让设计留留一口气气，不显显得压抑抑标题和正正文，在在颜色和和大小上上存在明明显的对比，并采用用同样的的颜色，同样的

12、的字体，形成了了整体的的亲密性。除了图片片，这里里是视觉觉的焦点点，引导导用户阅阅读最后让用用户阅读读的信息息，字号号放小，颜色更更浅，弱弱化它巨大的图图片和左左面的小小字存在在颜色、大小的的对比，使图片片更醒目目，主次次分明。左侧从上上到下全全部对齐，提示和和解释重复了同样的的颜色这样的提提示，做做就做的的更醒目目标题、正正文、图图片的左左侧全部部在一条条垂直线线上文字和图图片的底底部出于于同一水水平线7让设计整整体感更更强上页出现现了4个词：对对比、重重复、对对齐、亲亲密性。掌握它它基本能能做出让让人满意意的设计计。对比(Contrast)1.千万不要要畏畏缩缩缩，该该大就大大，该小小就小

13、。2.如果两个个项不完完全相同同，就应应当使之之不同，而且应应当是截截然不同同。3.在页面上上增加对对比能吸吸引人的的眼球。我们的的眼睛喜喜欢看到到对比的的事物。4.对比的根根本目的的有两方方面，这这两个方方面相辅辅相成，无法分分开。一一个目的的是增强强页面的的效果，另一个个目的是是有助于于信息的的组织。标题文字字设计对对比明显显标题与说说明的大大小对比比折扣信息息与底色色颜色对对比商品和文文字的大大小对比比标题和正正文的大大小颜色色对比7让设计整整体感更更强上页出现现了4个词：对对比、重重复、对对齐、亲亲密性。掌握它它基本能能做出让让人满意意的设计计。重复(Repetition)1.设计的某

14、某些方面面需要在在整个作作品中重重复。2.重复不仅仅对只有有一页的的作品很很有用，对多页页的文档档设计更更显重要要。3.重复的目目的就是是统一，并增强强视觉效效果。不不要低估估页面视视觉效果果的威力力，如果果一个作作品看起起来很有有趣，它它往往也也更易于于阅读。心在设计计中重复复了很多多次重复出现现的，层层层叠叠叠的照片片，构成成了设计计的主要要元素7让设计整整体感更更强上页出现现了4个词：对对比、重重复、对对齐、亲亲密性。掌握它它基本能能做出让让人满意意的设计计。对齐(Alignment)1.任何元素素都不能能在页面面上随意意安放。每一项项都应当当与页面面上的某某个内容容存在着着某种视视觉联

15、系系。2.勇敢一些些，不要要畏缩，绝对不不要居中中。找一一条明确确的对齐齐线，并并坚持以以它为基基准。3.对齐的根根本目的的是使页页面统一一而有条条理。这是友情情赠送九九钻的一一个形象象广告。文字排排版采用用与i字母的右右侧为基基准对齐齐，摒弃弃了居中中或左右右对齐的的方式，并在右右下、左左上流出出大量的的空间，让广告告设计感感更强。Core idea：九钻钻钻石是你你爱情的的一部分分。文字基准准对齐文字居中中，上下下留白高高度相同同Logo右侧位于于在9的1/2处反白Logo底部与9的圆弧对对齐采用对齐齐，不仅仅会让你你的设计计更规范范，也更更能感觉觉精致7让设计整整体感更更强上页出现现了4

16、个词：对对比、重重复、对对齐、亲亲密性。掌握它它基本能能做出让让人满意意的设计计。亲密性(Proximity)1.物理位置置的接近近就意味味着存在在关联，实际生生活也是是如此。2.如果多个个项目相相互之间间存在很很近的亲亲密性，它们将将成为一一个视觉觉单元，而不是是多个孤孤立元素素。3.亲密性的的根本目目的是实实现组织织性。出色的排排版，让让文字部部分形成成一个整整体，商商品又形形成一个个整体。出色的亲亲密性应应用，如如何把标标题换成成暗红可可能会更更醒目64321我们以一一个范例例来总结结整体感感7让设计整整体感更更强注意：设设计不是是天马行行空，我我们每个个元素都都不能随随便放的的，每个个

17、细节你你都要注注意！当当有人问问你为什什么这么么设计的的时候，你能够够说出这这么做的的理由！70采用了georgia字体而非非常见的的arial字体，给给人新鲜鲜感7采用顶左左侧的设设计，与与右边红红色块形形成呼应应，并增增加设计计感巨大的70与右侧的的文字小小文字形形成对比比由于%无法满足足设计的的要求，因此采采用0加/的组合，达到0重复出现现，使形形态全部部统一左侧没有有采用白白色，而而是淡淡淡的红色色，减少少对比的的突兀感感重复雪花花的设计计采用大大小，明明暗的处处理，减减少单调调感红白的分分界线位位于%中的/中间，以以增加设设计感为了增强强平面感感，摒弃弃常用的的立体的的actionb

18、utton辅助信息息采用黑黑色来弱弱化主要信息息采用反反白应用用，非常常明显右侧的文文字采用用相同的的字体，增加亲亲密性关键部分分全部用用基准线线对齐58LOGO统一原则则-辨认品牌牌和重复复记忆遵循客户户基本的的视觉设设计规范范，如果果没有，我们可可以为客客户制定定采用标准准的VI(VisualIdentity)，不仅是是广告传传播的一一部分，也是树树立品牌牌形象，让用户户产生重重复记忆忆，从而而提高广广告效果果的方方法。aaa8a2a2a以标准Logo中d的高度为标准辅助图像的上半部分为8a宽Logo最右侧与9字的中心对齐Logo最后的d字与9字下沿对齐（九钻横横幅广告告基本VI举例）麦包

19、包基基本VI麦包包基基本VI麦包包基基本VI需要注意意logo的标准色色，以及及logo出现位置置的统一一。1、当素材材位于首首页位置置，一定定放logo2、当素材材不在首首页且高高度45像素，不放logo3、通栏banner，放logo时，去掉掉slogan时尚购物物第一站站4、模仿所所投放媒媒体环境境时可不不加logo5、大尺寸寸素材，如425x600,需加完整整logo，并放置置商品分分类：时尚女装装、潮流流男装、创意家家居、可可爱童装装、品牌牌护肤X当素材不不在首页页且高度度45像素，不不放logo大尺寸的的素材必必须放logo麦网基本本VI9与媒体环环境的对对比原则则互联网的的特点是

20、是互动性性强，用用户自主主选择性性强，如如何做到到吸引用用户点击击？我们们要做吸吸引人的的创意，“比一一比”就就知道！1、设计的的对比1、底色深深浅对比比：当站外条条件为白白色底时时，使用用反差大大的底色色2、字体大大小对比比：系统为12磅字，文文字为主主的素材材可采用用特大号号字吸引引用户注注意9与媒体环环境的对对比原则则3、内容的的疏密对对比：在密密麻麻麻的文文字页面面中，采采用非常常大的留留白处理理，也可可以让素素材更醒醒目，4、动静对对比：Flash素材幀之之间迅速速切换，以及画画面闪动动，都能能让用户户注意到到广告的的存在9与媒体环环境的对对比原则则2、内容对对比：我我们的内内容更吸

21、吸引人与渠道相相近的设设计，贴贴近渠道道自身的的内容，让用户户在浏览的的时候发发现更适适合他的的内容。10细节设计计举例设计通常常用于价价格、卖卖点的提提示，或或者广告告的触点点的诱发发。设计计要让用用户产生生好感，亲和力力和冲动动情绪。C制作规范给设计留留一口气气！尽管在一一个设计计作品中中，围绕绕着形状状，图片片和文字字的空间间看上去去是空的的，但实实际上这这些“空空”也是是一种形形。设计计这些空空间的时时候更要要仔细考考虑好。这些负负空间组组合得好好就越有有趣，整个个构图也也就更醒醒目。1留白，具有神奇奇的力量量，创造造负空间间，不要要填满。在右边、尤其是是右上部部分，有有大量的的留白，

22、让设计计感增强强（注意意：这里里的文字字基本都都对齐了了）。让作品人人人都能能看得懂，不能自自娱自乐乐。电商的广广告和传传统广告告还是有有一定区区别，简简单直接接是它的的特点。至少目目前是可可以这么么理解，我们的的用户很很忙，因因此简单单直白是是必须的的。注释：这是一个个传统的的服饰广广告。他他宣称，当你看看起来新新潮，那那么一切切都会跟跟着新潮潮起来（slogan-whenyoulooklattereverythinglookslatter)。他的core idea是：新潮潮是可以以影响别别人的。注意这这里时尚尚的霓虹虹灯，它它与建筑筑形成了了很大的的反差，同时文文字是父父母给儿儿子的留留言

23、：和和她共进进晚餐吧吧-老爸老妈妈。你的的父母能能这么fashion吗？我们们的电商商广告是是不可能能这么做做的-没有人有有时间，有能力力看懂你你要表达达的内容容。而这这恰恰是是电商和和传统广广告的区区别。这个广告告你看懂懂了吗？ 2形式在功功能之后后，这意意味这两两个方面面。第一一：每一一个点，线，肌肌理，形形状，色色彩和图图案都必必须与表表现的概概念有关关,第二，上上述每种种造型都都应有一一定的含含义，如如果仅仅仅是因为为你认为为这个造造型很棒棒而让他他单独存存在，那那你就应应该删掉掉它。3不需要过过多的装装饰。一个设计计作品的的所有组组成部分分都应该该在同一一种视觉觉水平上上彼此关关联，

24、这这就是说说，为了了表现出出它们是是某个同同意信息息的一部部分，他他们应该该具有相相似的特特征。4统一视觉语言言请注意这这里黑色色 套边边的应用用，形成成了强烈烈的整体体感。事实上就就是某类类元素的的重复应应用也许是三三种但但是太多多的字体体只会让让你误入入歧途，甚至只只注重形形式。你你用这些些字体所所做的一一定要有有意义。一次运运用同一一种字体体类别，但有不不同字重重和字宽宽的区别别就足够够了。5最多用两两种字体体除了为了了突出1外，全部部采用了了相同的的字体，仅在颜颜色上区区分信息息的重要要性。说到主次次。先对对一种元元素进行行视觉强强化吸引引观众的的注意力力，然后后用一系系列的大大小，重

25、重量，色色彩的变变化等，来吸引引观众。在重要要的元素素下划线线说明，如果关关注分不不清设计计首先要要突出什什么，他他们会困困惑不解解而离开开。6分清主次次，先后后出击1：1构图，最最醒目的的空间留留给了商商品。虽然色彩彩有硬性性的要求求，但是是，色彩感觉觉是主观观的，这这不全是是猜测。色彩有有其文化化含义，并且彼彼此有视视觉联系系，用以以上这些些“实际际的”因因素有意意义的方方式，以以及视觉觉上动态态的方式式来选择择和组合合色彩。7按需选择择色彩维多利亚亚的秘密密请注意紫紫色的标标签，它它来自商商品在整个设设计中，如果我我们算上上黑白色色，也不不过只有有4个颜色！这是“少少即是多多”的另另外一

26、种种表达方方式。这这关于节节省，只只表达必必须要表表达的。如果“必须”本身也也可减少少的就更更好了，想想看看，一个个普通的的观众平平均要接接受多少少信息，多少资资料，多多少令人人厌烦的的信息点点(还不算这这些垃圾圾)，那就按按照这个个原则来来进行设设计吧。8如果能够够做到少少既是多多的效果果，就去去做吧!防艾滋病病热线：一行文文字一个个图片传传达了简简单明确确，但不不枯燥的的信息。这是最难难掌握的的规律之之一，字字体也是是一种图图像，虽虽然看上上去更像像别的什什么，此此时更应应该考虑虑文字字字体的视视觉特效效，与其其他图像像资料的的关系，以及把把它整合合到整个个构图中中去。9把文字当当作图像像

27、进行设设计。全文字的的设计表表现。如果不能能辨认，那还叫叫什么字字？要反反复记住住这句话话，在选选择文字字的风格格和大小小时，要要考虑观观众的受受教育程程度，他他们的日日程，特特别是他他们的年年龄，书书写文字字的存在在就是为为了传达达信息，你的客客户付酬酬给你也也是为了了你让他他代表传传达信息息。如果果这些信信息无法法辨认，不管是是什么愿愿意，那那这些文文字就根根本没有有意义，设计师师自己也也快失业业了。让文字效效果具有有亲和力力。文字太多多英文字难难辨识1011动静有致致，形成成密度节节奏和开开放空间间。在一个构构图的不不同区域域完全改改变明暗暗分布和和阴暗对对比，清清晰或刺刺眼，流流动或朦

28、朦胧，醒醒目或干干净12安排明暗暗关系。雅虎广告告王：带带有品牌牌性质的的banner广告与对比是是同样的的道理D客户规范一、为客客户设置置独立的的设计规规范1、了解分分析客户户的行业业，产品品的特性性，以及及最大的的竞争优优势；2、了解客客户广告告的策略略，方向向或者手手法；3、设计广广告元素素其中包包括：1）主色调调或者底底色；2）元素：包括logo、按钮、价签、斜标等等的形式式；3）常规版版式设置置；4）单品表表现形式式规范；5）动画规规范；九钻设计计规范辅助图形形采用9加九钻蓝蓝色块的的设计形形式，不不仅突出出品牌，也让设设计更柔柔和，符符合女性性用户柔柔美的审审美情趣趣。蓝色标准准色

29、：0181c09字的标准准色：5599bc9钻logo反白应用用品牌区域域广告宣传传区域广告宣传传区域采采用白色色的底色色，与左左侧的品品牌区域域蓝色调调形成对对比可处理画画面九钻设计计规范九钻logo置于左上上角采用标准准的logo采 用logo中9的局部作作为辅助助图形辅助图形形放在右右下角广告宣传传区域可处理画画面采用从9字圆弧底底部部分分。注意底部部的深蓝蓝辅助图图形为度度1.5a2.5a九钻设计计规范定义：宽宽、高均均低于100像素的广广告位设计原则则：Jpg：仅出现现logo+裸钻，为为强化品品牌，在在媒体允允许的情情况下，使用蓝蓝色底，logo反白应用用;反之仅使使用白底底，蓝色色logo.如果空间间允许，可以增增加裸钻钻作为商商品出现现Gif:第一帧为为logo，第2帧为钻石石图片具体应用用举例如果空间间允许，可适当当拉达九九钻缘缘分钻石石的sloga