电商创意指导原则完整版

电商创意指导原则GuidelineA基本原则我们在实际的广告投放中，从数据中得到很多关于创意设计的理论。这些理论直接影响到广告投放的效果。同时，广告是带着枷锁跳舞，如果跳的好，这就是我们的功力。1KISS原则-广告要一目了然KISS原则是英语KeepItSimple,Stupid的首字母缩略字，也有人称“懒人原则”。由于电商广告尺寸很小，浏览环境复杂，干扰信息较多，因此，我们广告需要让用户在第一时间了解到广告所传递的信息。1、商品信息、设计要素、文字描述需要尽量简单2、动画设计不要过于复杂窍门：设计师在做完后，把自己当做用户，看会产生什么疑问2A（ATTENTION）注意设计的广告首先就要吸引人们的注意，如何让小小的banner在页面跳出来，如何让用户一眼就能发现我们的广告，是这个阶段我们需要面临的挑战。I（Interesting）兴趣当用户发现我们的广告后，如何让用户产生浏览的兴趣？是商品，是标题，是价格？J（Judgement）判断每个人购买商品的时候，都会有个判断，可能是需求判断，也可能是价格判断，那么我们如何让素材符合用户的心理判断呢？A（Action）行动广告必须要促进销售，让人看了广告后从心动到行动购买广告的商品，实现广告的最终目的。“AIJA”原则-广告对用户的引导B设计规范1注意品牌调性Tone&manner用户属性品牌历史竞争策略品牌个性商品价格Tone&manner品牌调性是决定设计风格和文字撰写风格的重要因素，在做广告之前必须明确，否则很难做出既让客户满意，又让用户喜欢的广告。而调性决定了设计元素的使用。这是一切广告设计的源泉！明确它再看设计。商品图片选择色调的选择字体的应用辅助图形的应用动画设计…整体感的体现品牌调性举例并不是所有的设计风格都与我们的目标客户相符。例如服装，不同年轻人对时尚的标准并不统一。只有找到与我们的用户审美一直的设计风格（正准确的说是品牌调性），才能激发他们的兴趣。七格格：20-25，偏年轻，注重个性的女性用户时尚起义：20-25，哈韩哈日的最爱，个性，自我潮流only：25-30，偏成熟，办公司白领的休闲装m18：25-30，ol风格，简单，优雅调性的形成：语言风格、字体应用、排版布局，主推商品选择，这些决定了给用户的感受2商品图片—精美度产品是电商受众的第一关注对象，好的商品能带来好的销售，好图片=好商品。所以精美的产品图片是非常重要；拍摄修片设计★是否选用模特？★用什么样的模特？★拍摄角度体现产品款式？★用什么光源体现质感？★……★色调的调节是否适合受众？★细节的修复体现质感？★……★什么样的版式和配色？★文字的比例和装饰的花纹？★设计是否为产品服务？★……商品图片的精美度举例2商品图片--选择1、根据广告位选择合适的商图品。我们的广告以横幅居多，如麦包包选择模特图，采用上下动的形式，它将变成麦网的广告。2、选择最能表现商品卖点的图片。如九钻需要选择钻石晶莹剔透的图片；麦包包的皮包需要选择质感清晰的图片；麦网的图片需要选择流行元素清晰的图片，蝴蝶结设计，就要让它露出来。3、选择最能概括商品信息的图片。由于我们的广告尺寸小，我们需要把最能体现商品信息的图片。麦包包需要采用正面的图片让用户看清商品的造型，麦网需要选择体现优雅时尚的图片；凡客需要选择颜色丰富的静物图片；基本款，需要表现颜色丰富以突出选择更多。麦包包的素材，在同样的尺寸下，静物图能更好的看清商品全貌，卖点更清晰麦网的素材，在同样的尺寸下，正面图能更好的看清商品全貌，形成模特与商品相互映衬商品图片的选择举例表现款式，材质表现同款式多色3主色调的使用主色调选用原则：•与logo的颜色保持一致，保持与企业视觉规范一致性•与商品的颜色保持一致，减少设计的凌乱感•色调按信息的重要性分级，重要性越高，越需要醒目•不要采用4种以上的颜色，避免凌乱感（黑白不算）•不要采用与主色调冲突的颜色，如红配绿，黄配蓝等•字体颜色的使用同样遵循该原则与商品主色一致与logo主色一致采用与logo同色系、与主推商品同色系为主色调永远不会错色调的使用还要注意：1、为了突出商品，设计可以用商品或模特所穿服装为主要色2、主色调与网页具有区别或者对比，使素材在页面中跳出来；3、背景色应与商品、文字存在较大的反差，并对商品能起到衬托装饰性作用；3主色调的使用主色调的使用举例以黑红为主要颜色。背景很好的烘托了商品。主要颜色均采用了黄色系，底色，标题、商品整体感强。主色调与商品一致黑灰白，主色调与商品一致4文字的使用字体是有性格的，选择正确的字体设计就成功了一半：这样的字体是优雅的：黑体及其变种，常用雅黑这是时尚感非常强的，尤其杂志经常使用的：大宋这是给孩子看的，非常天真的：娃娃字体这个是流行的，给年轻人看的：时尚中黑这个是表现中国传统的：书法字体英文字体同样有性格，建议少用手写体，不易辨识41.每一个素材的字体种类不要超过3种；2.字体应与品牌形象相匹配，常用字体为：各种黑体字的变形设计，如雅黑，中黑，细黑。尽量不要使用手写体，娃娃体等不容易阅读，不常的字体；3.为强调价格，价格标注时可采用不同于标题的字体或颜色；4.不要使用侵犯版权的字体。文字的使用字体用了两个颜色，两种字体。品名和价格突出。字体越简单种类越少越好4文字的使用还需要注意：1.主次信息的对比：大小、粗细、明暗、颜色反差2.文字的对齐方式：最好采用左对齐或右对齐，让文字形成整体感，对齐使用基准线，杜绝目测法。大小，粗细的对比（sale，中加入感叹号，意为折扣低得让你想不到！文字左对齐强烈的对比会增强设计感4文字的使用还需要注意：1.做促销广告，如果没有图片支持，文字是最好的原料--简单直接。5辅助图形的使用每一个辅助图形（装饰图案）都要服从你的创意，并有存在的理由。注意指纹-touch的应用注意雪花-冬季应用6动画表现动画要有目的性：1、让创意从媒体环境跳出来2、为了更好的表现商品特点3、更好的传递促销信息4、让创意更吸引人，更好“玩”好玩的设计6动画表现6动画表现7让设计整体感更强-排版和视觉的和谐7让设计整体感更强-排版和视觉的和谐商品图片商品价格辅助图形底色文字按钮一个广告会有很多诉求？很多元素？各占比例多大？摆放顺序？让这个广告看起来整体表达一个主诉求，又能兼顾其他辅助卖点。7让设计整体感更强7让设计整体感更强这是本ppt的一页。如果你愿意，你可以当它是一个广告的排版布局。留白区,让设计留一口气，不显得压抑标题和正文，在颜色和大小上存在明显的对比，并采用同样的颜色，同样的字体，形成了整体的亲密性。除了图片，这里是视觉的焦点，引导用户阅读最后让用户阅读的信息，字号放小，颜色更浅，弱化它巨大的图片和左面的小字存在颜色、大小的对比，使图片更醒目，主次分明。左侧从上到下全部对齐，提示和解释重复了同样的颜色这样的提示，做就做的更醒目标题、正文、图片的左侧全部在一条垂直线上文字和图片的底部出于同一水平线7让设计整体感更强上页出现了4个词：对比、重复、对齐、亲密性。掌握它基本能做出让人满意的设计。对比(Contrast)1.千万不要畏畏缩缩，该大就大，该小就小。2.如果两个项不完全相同，就应当使之不同，而且应当是截然不同。3.在页面上增加对比能吸引人的眼球。我们的眼睛喜欢看到对比的事物。4.对比的根本目的有两方面，这两个方面相辅相成，无法分开。一个目的是增强页面的效果，另一个目的是有助于信息的组织。标题文字设计对比明显•标题与说明的大小对比折扣信息与底色颜色对比商品和文字的大小对比标题和正文的大小颜色对比7让设计整体感更强上页出现了4个词：对比、重复、对齐、亲密性。掌握它基本能做出让人满意的设计。重复(Repetition)1.设计的某些方面需要在整个作品中重复。2.重复不仅对只有一页的作品很有用，对多页的文档设计更显重要。3.重复的目的就是统一，并增强视觉效果。不要低估页面视觉效果的威力，如果一个作品看起来很有趣，它往往也更易于阅读。心在设计中重复了很多次重复出现的，层层叠叠的照片，构成了设计的主要元素7让设计整体感更强上页出现了4个词：对比、重复、对齐、亲密性。掌握它基本能做出让人满意的设计。对齐(Alignment)1.任何元素都不能在页面上随意安放。每一项都应当与页面上的某个内容存在着某种视觉联系。2.勇敢一些，不要畏缩，绝对不要居中。找一条明确的对齐线，并坚持以它为基准。3.对齐的根本目的是使页面统一而有条理。这是友情赠送九钻的一个形象广告。文字排版采用与i字母的右侧为基准对齐，摒弃了居中或左右对齐的方式，并在右下、左上流出大量的空间，让广告设计感更强。Coreidea：九钻钻石是你爱情的一部分。文字基准对齐文字居中，上下留白高度相同Logo右侧位于在9的1/2处反白Logo底部与9的圆弧对齐采用对齐，不仅会让你的设计更规范，也更能感觉精致7让设计整体感更强上页出现了4个词：对比、重复、对齐、亲密性。掌握它基本能做出让人满意的设计。亲密性(Proximity)1.物理位置的接近就意味着存在关联，实际生活也是如此。2.如果多个项目相互之间存在很近的亲密性，它们将成为一个视觉单元，而不是多个孤立元素。3.亲密性的根本目的是实现组织性。出色的排版，让文字部分形成一个整体，商品又形成一个整体。出色的亲密性应用，如何把标题换成暗红可能会更醒目64321我们以一个范例来总结整体感7让设计整体感更强注意：设计不是天马行空，我们每个元素都不能随便放的，每个细节你都要注意！当有人问你为什么这么设计的时候，你能够说出这么做的理由！•70采用了georgia字体而非常见的arial字体，给人新鲜感•7采用顶左侧的设计，与右边红色块形成呼应，并增加设计感•巨大的70与右侧的文字小文字形成对比•由于%无法满足设计的要求，因此采用0加/的组合，达到0重复出现，使形态全部统一左侧没有采用白色，而是淡淡的红色，减少对比的突兀感重复雪花的设计采用大小，明暗的处理，减少单调感红白的分界线位于%中的/中间，以增加设计感为了增强平面感，摒弃常用的立体的actionbutton•辅助信息采用黑色来弱化•主要信息采用反白应用，非常明显•右侧的文字采用相同的字体，增加亲密性•关键部分全部用基准线对齐58LOGO统一原则-辨认品牌和重复记忆遵循客户基本的视觉设计规范，如果没有，我们可以为客户制定采用标准的VI(VisualIdentity)，不仅是广告传播的一部分，也是树立品牌形象，让用户产生重复记忆，从而提高广告效果的方法。aaa8a2a2a•以标准Logo中d的高度为标准•辅助图像的上半部分为8a宽•Logo最右侧与9字的中心对齐•Logo最后的d字与9字下沿对齐（九钻横幅广告基本VI举例）麦包包基本VI麦包包基本VI麦包包基本VI需要注意logo的标准色，以及logo出现位置的统一。1、当素材位于首页位置，一定放logo2、当素材不在首页且高度45像素，不放logo3、通栏banner，放logo时，去掉slogan—时尚购物第一站4、模仿所投放媒体环境时可不加logo5、大尺寸素材，如425x600,需加完整logo，并放置商品分类：时尚女装、潮流男装、创意家居、可爱童装、品牌护肤X当素材不在首页且高度45像素，不放logo大尺寸的素材必须放logo麦网基本VI9与媒体环境的对比原则互联网的特点是互动性强，用户自主选择性强，如何做到吸引用户点击？我们要做吸引人的创意，“比一比”就知道！1、设计的对比1、底色深浅对比：当站外条件为白色底时，使用反差大的底色2、字体大小对比：系统为12磅字，文字为主的素材可采用特大号字吸引用户注意9与媒体环境的对比原则3、内容的疏密对比：在密密麻麻的文字页面中，采用非常大的留白处理，也可以让素材更醒目，4、动静对比：Flash素材幀之间迅速切换，以及画面闪动，都能让用户注意到广告的存在9与媒体环境的对比原则2、内容对比：我们的内容更吸引人与渠道相近的设计，贴近渠道自身的内容，让用户在浏览的时候发现更适合他的内容。10细节设计举例设计通常用于价格、卖点的提示，或者广告的触点的诱发