低价卡首屏

老y开网店

 找回密码
 立即注册

QQ登录

只需一步,快速开始

微信名称:老y开网店

微 信 号:lakwdian

微信QQ:A8686369

Banner设计的一些问题

2016-12-6 15:03| 发布者: 老y| 查看: 420| 评论: 1

摘要: 咱们常常会说到做规划需求知道三大构成(色彩构成/平面构成/立体构成),规划又能够分很多个种类,比方页面规划/UI规划/电商规划/室内规划/工业规划等等,那关于电商规划有没有专门的三大构成呢?至今如同没有 ...

咱们常常会说到做规划需求知道三大构成(色彩构成/平面构成/立体构成),规划又能够分很多个种类,比方页面规划/UI规划/电商规划/室内规划/工业规划等等,那关于电商规划有没有专门的三大构成呢?至今如同没有看到,所以我想尝试着整理一下我脑袋里的知识点,专门解说一下三大构成在电商规划中的运用,当今天大麦电商先从色彩在电商规划中的运用开始说起。

Banner的构成要素有哪些?

一、先了解遍及意义上的色彩是指啥?

二、再回忆一下Banner的构成要素有哪些?

三、Banner的效果是啥?

四、在Banner规划中影响到信息传达的有哪些要素呢?

五、色彩在Banner规划中所起到的效果

六、如安在Banner规划中使用色彩

列完纲要后,接下来咱们进入正题,一个一个知识点去剖析:

一、先了解遍及意义上的色彩是指啥?

大麦电商以为,简略点来说,色彩即色彩,色彩能够分红有五颜六色和五五颜六色两大类,看有五颜六色首要看色相/纯度/明度三个方面的属性,无五颜六色也即是白色/黑色/各种深浅不相同的灰色,也能够说无五颜六色是饱和度为零色彩。

色相,即能够清晰表明色五颜六色别的称号,比方红橙黄绿蓝靛紫:

色彩有冷暖之分,我大致用温度的概念标示一下,其间“0”是指中性色,“-0”是指中性偏冷,“+0”是指中性偏暖(这儿的温度是我自个为了详细化冷暖的概念而符号的,首要是便利咱们了解,所以不用去纠结这个数值准不精确哈哈,你理解他们代表很冷/很热/通常冷/通常热就好了!~)。明度,即是指色彩的亮堂程度(浅显点讲,在某种色彩里添加的白色越多就越亮堂,添加的黑色越多就暗)。

要想做好电商规划,最根底学识最大的当属Banner规划了,所以咱们仍是从Banner规划开始说起,先回忆一下Banner是由哪些有些构成的。

二、再回忆一下Banner的构成要素有哪些?

Banner构成要素包括4个方面:案牍 、产品/模特、布景、装点物。

三、Banner的效果是啥?

宣扬/展现/广而告之/精确传达信息。

四、那么在Banner规划中影响到信息传达的有哪些要素呢?

(一)全体画面的气质是不是对路;

(二)信息之间的层级联系是不是精确;

(三)是不是考量了Banner所投放的环境。

接下来,咱们关于上面3个要素一个一个来解说:

(1)全体的画面气质是不是对路

这儿指的画面气质即是指给人传递出一种啥样的感受,比方说用户看了你这个Banner以后会感受它很热烈/很素雅/很高冷/很年青有生机/很潮/很压抑/很恐惧/很尊贵等等这些感受,那么下面我举几个比方:

Banner举例:很热烈的画面气质(关键词:贱价促销/周年庆/节假日促销等搞活动的性质)

总结调查:画面由暖色变为冷色后,会发现热烈的画面气质锐减,所以在体现热烈气质的Banner规划中,除了画面方法比照生动或许动感以外,咱们也常凭借大面积的暖色(红/橙及附近区域)来烘托热烈空气,让人感受喜庆或许热血沸腾,然后操控不住就买买买~关于服饰的Banner气质的画面千万不要把画面堆得太满,必定要记住留白和调配高雅纤细些的文字(有衬线或许无衬线字体均可),或许比照有文化见识的字体,千万不要用五大三粗的文字或许把画面塞得满满的。

咱们知道一个Banner包括有好几个有些,案牍/模特或产品/布景/装点物,而终究他们组合变成一个Banner,其层级是存在主次之分的,能够分为下面几种状况:

1.以产品或模特为主角(首要杰出产品或模特);

2.以活动标题为主角;

3.以利益点为主角。

而布景和装点物永久不可能是主角,他们只能是副角,同时在这儿色彩不是一个独立的剖析要素存在,它应该是伴随着平面的知识点来说,所以这儿我也会顺带一点平面方面的知识点,举几个比方:

(一)以产品或模特为主角(首要杰出产品或模特 ),咱们有三个方向能够去表现:

(1)让产品(模特)的色彩与布景色彩绝对地区别开来,让它变成天空(画面)中最闪亮的一颗星~也即是咱们说的色彩比照,色彩比照又包括三种:明度比照/饱和度比照/色相比照,假定下图中的圆即是产品或模特。咱们再去色看一下比照的效果,如下图(去色是咱们常用的一种检查信息是不是杰出的办法,令外还有一种间隔调查法检查比照效果,比方你也能够离屏幕站远一点检查,或许人坚持不动减小画布检查):

这么看,哪个比照效果好些?是不是一望而知了?不过仍是要阐明一点,明度饱和度里任何一项要素发作改动,别的要素也是跟着改动的,比方说你添加了一个色彩的明度,代表你在这个色彩里添加了白色,那么相对应的这个色彩的纯度饱和度必定也就下降了,不知道我说这些你们理解了没有?(静静点根烟~惆怅脸~)

喔,对了,我还要在这儿持续插一句嘴:色彩比照不会独自存在,它的运用永久是依靠于下面两种方法存在的(增大产品模特面积或许添加产品模特数量):

(2)经过留白或许巨细比照的方法让产品(模特)体积或面积足够大。

(3)经过必定的摆放规则,让产品(模特)数量足够多,由于数量多了总面积天然也就大了嘛~。

(二)以活动标题为主角

跟上面的道理类似,能够运用增大标题面积或许同时联系色彩比照的方法使标题杰出变成主角:

(三)以利益点为主角

道理同上(有时分咱们做Banner会直接用利益点作为大标题,这种就会使Banner的贱价促销的气味会更浓郁些)

总结来说,但咱们讲色彩的时分,本来也是在讲平面构成,当咱们在讲色彩三要素(明度/纯度/色相)的其间一项的时分,本来也意味着在同时思考别的要素,由于色彩不会独自存在,色彩要素也不会独自存在(我重复这么多遍,也是操碎了心呢~~)。

是不是考量了Banner所投放的环境?

当咱们讲到环境的时分,通常会讲到外部环境和内部环境,也即是站在大局去思考问题和站在自我的视点去思考问题,假如你是要在某平台投放Banner,那么这个平台对你来说即是大环境,详细到你投放的那一小块Banner方位即是小环境。

从平台规划师的视点动身,她必定是期望你一切的Banner放在这个平台页面里,全体是交融的,不突兀的 ,比方下面的万件好礼免费送和专属活动这块的小Banner,用不相同色相表明不相同会场或主题,可是每一个色彩的明度饱和度是类似的,规划方法也相同都有自个的标准,这就给人全体共同和谐的感受:

五、色彩在Banner规划中所起到的效果

(一)装点效果(烘托空气用);

(二)杰出主体(整理信息层级);

(三)平衡画面(全体视觉和谐);

(四)连续个性(涉及到个性共同调性的时分);

(五)刻画画面气质(传递恰当的心情给用户)。

就以上五种效果,我鄙人面会依次举例阐明:

(一)装点效果(烘托空气用)

当你做了一个冷色调的页面拿给你的主管或需求人看,他说画面太寂静的时分,而你又懒得改色彩改方法等等,总归你十分懒不想动,那么无妨试下下面这么周围装点些暖色的方法(色彩依靠的形状和巨细面积你自个酌量咯~只需求记住装点物是副角,他是烘托氛围用的,永久不要抢了主角的风头,要不然导演不给你这副角组织人物了,怕不怕?)。

(二)杰出主体(整理信息层级)

这个经过色彩比照来杰出信息层级的效果本来我在前面的知识点里现已讲了哦,翻回到前面去看下吧,我就不持续说一遍了。

(三)平衡画面(突变色使得全体视觉和谐)

咱们有时分会看到一些Banner着重的是全体画面的和谐感受,并不会要点去杰出着重啥,全部画面给人感受格外舒畅,那是由于他们通常选用的是类似色比照或许附近色比照,亦或许是选用类似明度和饱和度的不相同色相的突变谐和。

(四)连续个性(涉及到个性共同调性的时分)

经过色彩来连续个性的效果通常在平台做一些比照大型的活动,涉及到多个不相同品类不相同分会场的时分会运用到,我看到一些店铺电产品牌也渐渐标准化了以后也会用到这种方法以坚持品牌共同调性性,也即是坚持规划个性共同,色彩的明度纯度挨近,仅仅改动色相,以不相同的色相替代不相同的品类或许分会场来规划Banner图。

(五)刻画画面气质(传递恰当的心情给用户)

比方咱们前面说到的很生机/很心爱/很尊贵/很素雅等等,我这儿也不持续描绘了哦,文章最初都有说到过的。

六、如安在Banner规划中使用色彩

色彩不会独立存在,他必定是依靠于其它构成和体现方法而存在,比方平面构成、立体构成等,所以我将从下面几个方面来论说:

(1)当色彩运用在不相同的面积;

(2)当色彩运用于不相同的形状;

(3)当色彩运用在不相同的肌理;

(4)当色彩运用于不相同的色彩;

(5)当色彩运用于不相同的主题;

(6)当色彩运用于不相同的环境。

总结:

大麦电商以为,咱们需求知道色彩是一种心情的表达,或许要学会触类旁通(别的色彩能够以此类推不管),别的不管是有五颜六色仍是无五颜六色它们都不会独立存在,它必定是依靠于其它体现方法而存在,比方与平面构成、立体构成联系运用。


      本文来自 老y开网店(http://www.lakwdian.com) 转载请注明出处,关注官方公众号:lakwdian 每天推送淘宝装修技巧、淘宝装修特效模板,淘宝装修教程以及让你尖叫的淘宝运营实操案例、原创干货、超级干货,老y个人微信号:A8686369 每天免费解答、指导。

鲜花

握手

雷人

路过

鸡蛋
发表评论

最新评论

引用 十年烂人 2016-12-7 02:43
楼主辛苦了

查看全部评论(1)

关闭

老y推荐上一条 /1 下一条

返回顶部