美工设计创意的几点原则

《美工设计创意的几点原则》由会员分享，可在线阅读，更多相关《美工设计创意的几点原则（72页珍藏版）》请在金锄头文库上搜索。

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

2、首先就要吸引人们的注意，如何让小小的 banner在页面跳出来，如何让用户一眼就能发现我们的广告，是这个阶段我们需要面临的挑战。 I（Interesting）兴趣 当用户发现我们的广告后，如何让用户产生浏览的兴趣？是商品，是标题，是价格？ J（Judgement）判断 每个人购买商品的时候，都会有个判断，可能是需求判断，也可能是价格判断，那么我们如何让素材符合用户的心理判断呢？ A（Action）行动 广告必须要促进销售，让人看了广告后从心动到行动购买广告的商品，实现广告的最终目的。,“AIJA”原则-广告对用户的引导,1,注意品牌调性Tone& manner,用户属性,品牌历史,竞争策略,品

3、牌个性,商品价格,Tone& manner,品牌调性是决定设计风格和文字撰写风格的重要因素，在做广告之前必须明确，否则很难做出既让客户满意，又让用户喜欢的广告。而调性决定了设计元素的使用。 这是一切广告设计的源泉！明确它再看设计。,商品图片选择,色调的选择,字体的应用,辅助图形的应用,动画设计,整体感的体现,品牌调性举例,并不是所有的设计风格都与我们的目标客户相符。例如服装，不同年轻人对时尚的 标准并不统一。只有找到与我们的用户审美一直的设计风格（正准确的说是品牌调性），才能激发他们的兴趣。,七格格：20-25，偏年轻，注重个性的女性用户,时尚起义：20-25，哈韩哈日的最爱，个性，自我潮流,

4、only：25-30，偏成熟，办公司白领的休闲装,m18：25-30，ol风格，简单，优雅,调性的形成：语言风格、字体应用、排版布局，主推商品选择，这些决定了给用户的感受,2,商品图片精美度,产品是电商受众的第一关注对象， 好的商品能带来好的销售，好图片=好商品。 所以精美的产品图片是非常重要；,是否选用模特？ 用什么样的模特？ 拍摄角度体现产品款式？ 用什么光源体现质感？ ,色调的调节是否适合受众？ 细节的修复体现质感？ ,什么样的版式和配色？ 文字的比例和装饰的花纹？ 设计是否为产品服务？ ,商品图片的精美度举例,2,商品图片-选择,1、根据广告位选择合适的商图品。我们的广告以横幅居多，如

5、麦包包选择模特图，采用上下动的形式，它将变成麦网的广告。,2、选择最能表现商品卖点的图片。如九钻需要选择钻石晶莹剔透的图片；麦包包的皮包需要选择质感清晰的图片；麦网的图片需要选择流行元素清晰的图片，蝴蝶结设计，就要让它露出来。,3、选择最能概括商品信息的图片。由于我们的广告尺寸小，我们需要把最能体现商品信息的图片。麦包包需要采用正面的图片让用户看清商品的造型，麦网需要选择体现优雅时尚的图片；凡客需要选择颜色丰富的静物图片；基本款，需要表现颜色丰富以突出选择更多。,麦包包的素材，在同样的尺寸下，静物图能更好的看清商品全貌，卖点更清晰,麦网的素材，在同样的尺寸下，正面图能更好的看清商品全貌，形成模

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

7、 3、背景色应与商品、文字存在较大的反差，并对商品能起到衬托装饰性作用；,3,主色调的使用,主色调的使用举例,以黑红为主要颜色。背景很好的烘托了商品。,主要颜色均采用了黄色系，底色，标题、商品整体感强。,主色调与商品一致,黑灰白，主色调与商品一致,4,文字的使用,字体是有性格的，选择正确的字体设计就成功了一半：,这样的字体是优雅的：黑体及其变种，常用雅黑 这是时尚感非常强的，尤其杂志经常使用的：大宋 这是给孩子看的，非常天真的：娃娃字体 这个是流行的，给年轻人看的：时尚中黑 这个是表现中国传统的：书法字体 英文字体同样有性格，建议少用手写体，不易辨识,4,每一个素材的字体种类不要超过3种； 字

8、体应与品牌形象相匹配，常用字体为：各种黑体字的变形设计，如雅黑，中黑，细黑。尽量不要使用手写体，娃娃体等不容易阅读，不常的字体； 为强调价格，价格标注时可采用不同于标题的字体或颜色； 不要使用侵犯版权的字体。,文字的使用,字体用了两个颜色，两种字体。品名和价格突出。,字体越简单 种类越少越好,4,文字的使用,还需要注意： 主次信息的对比：大小、粗细、明暗、颜色反差 文字的对齐方式：最好采用左对齐或右对齐，让文字形成整体感，对齐使用基准线，杜绝目测法。,大小，粗细的对比（sale，中加入感叹号，意为折扣低得让你想不到！,文字左对齐,强烈的对比会增强设计感,4,文字的使用,还需要注意： 做促销广告

9、，如果没有图片支持，文字是最好的原料-简单直接。,5,辅助图形的使用,每一个辅助图形（装饰图案）都要服从你的创意，并有存在的理由。,注意指纹-touch的应用,注意雪花-冬季应用,6,动画表现,动画要有目的性： 1、让创意从媒体环境跳出来 2、为了更好的表现商品特点 3、更好的传递促销信息 4、让创意更吸引人，更好“玩”,好玩的设计,6,动画表现,6,动画表现,7,让设计整体感更强-排版和视觉的和谐,7,让设计整体感更强-排版和视觉的和谐,商品图片,商品价格,辅助图形,底色,文字,按钮,一个广告会有很多诉求？很多元素？各占比例多大？摆放顺序？ 让这个广告看起来整体表达一个主诉求，又能兼顾其他辅

10、助卖点。,7,让设计整体感更强,7,让设计整体感更强,这是本ppt的一页。如果你愿意，你可以当它是一个广告的排版布局。,留白区,让设计留一口气，不显得压抑,标题和正文，在颜色和大小上存在明显的对比，并采用同样的颜色，同样的字体，形成了整体的亲密性。,除了图片，这里是视觉的焦点，引导用户阅读,最后让用户阅读的信息，字号放小，颜色更浅，弱化它,巨大的图片和左面的小字存在颜色、大小的对比，使图片更醒目，主次分明。,左侧从上到下全部对齐，提示和解释重复了同样的颜色,这样的提示，做就做的更醒目,标题、正文、图片的左侧全部在一条垂直线上,文字和图片的底部出于同一水平线,7,让设计整体感更强,上页出现了4个

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

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

13、条明确的对齐线，并坚持以它为基准。 3. 对齐的根本目的是使页面统一而有条理。,这是友情赠送九钻的一个形象广告。文字排版采用与i字母的右侧为基准对齐，摒弃了居中或左右对齐的方式，并在右下、左上流出大量的空间，让广告设计感更强。 Core idea ：九钻钻石是你爱情的一部分。,文字基准对齐,文字居中，上下留白高度相同,Logo右侧位于在9的1/2处,反白Logo底部与9的圆弧对齐,采用对齐，不仅会让你的设计更规范，也更能感觉精致,7,让设计整体感更强,上页出现了4个词：对比、重复、对齐、亲密性。掌握它基本能做出让人满意的设计。,亲密性(Proximity) 1. 物理位置的接近就意味着存在关联

14、，实际生活也是如此。 2. 如果多个项目相互之间存在很近的亲密性，它们将成为一个视觉单元，而不是多个孤立元素。 3. 亲密性的根本目的是实现组织性。,出色的排版，让文字部分形成一个整体，商品又形成一个整体。,出色的亲密性应用，如何把标题换成暗红可能会更醒目,6,4,3,2,1,我们以一个范例来总结整体感,7,让设计整体感更强,注意：设计不是天马行空，我们每个元素都不能随便放的，每个细节你都要注意！当有人问你为什么这么设计的时候，你能够说出这么做的理由！,70采用了georgia字体而非常见的arial字体，给人新鲜感 7采用顶左侧的设计，与右边红色块形成呼应，并增加设计感 巨大的70与右侧的文

15、字小文字形成对比 由于%无法满足设计的要求，因此采用0加/的组合，达到0重复出现，使形态全部统一,左侧没有采用白色，而是淡淡的红色，减少对比的突兀感,重复雪花的设计采用大小，明暗的处理，减少单调感 红白的分界线位于%中的/中间，以增加设计感,为了增强平面感，摒弃常用的立体的action button,辅助信息采用黑色来弱化 主要信息采用反白应用，非常明显 右侧的文字采用相同的字体，增加亲密性,关键部分全部用基准线对齐,5,8,LOGO统一原则-辨认品牌和重复记忆,遵循客户基本的视觉设计规范，如果没有，我们可以为客户制定 采用标准的VI(Visual Identity )，不仅是广告传播的一部分

16、，也是树立品牌形象，让用户产生重复记忆，从而提高广告效果的 方法。,（九钻横幅广告基本VI举例）,麦包包基本VI,麦包包基本VI,麦包包基本VI,需要注意logo的标准色，以及logo出现位置的统一。,1、当素材位于首页位置，一定放logo 2、当素材不在首页且高度45像素，不放logo 3、通栏banner，放logo时，去掉slogan时尚购物第一站 4、模仿所投放媒体环境时可不加logo 5、大尺寸素材，如425x600,需加完整logo，并放置商品分类： 时尚女装、潮流男装、创意家居、可爱童装、品牌护肤,X,当素材不在首页且高度45像素，不放logo 大尺寸的素材必须放logo,麦网基本VI,9,与媒体环境的对比原则,互联网的特点是互动性强，用户自主选择性强，如何做到吸引用户点击？我们要做吸引人的创意，“比一比”就知道！ 1、设计的对比,1、底色深浅对比： 当站外条件为白色底时，使用反差大的底色,2、字体大小对比： 系统为12磅字，文字为主的素材可采用特大号字吸引用户注意,9,与媒