不易出错的配色方法,如何统一店铺视觉形象?——豆芽是如何统一自己的品牌形象的
前段时间一直写入门课的文章,有点偏理论了,今天换点口味,讲点不一样的吧——最容易上手且不易出错的入门级配色方法。
也是豆芽最喜欢用的配色方法:黑白2色,然后再加一个品牌色或者产品色,简单方便,耐看且高级,不容易过时。
先给大家解释一下什么是品牌色?看下面这几个大牌的APP

1.天猫的品牌色是正红色,给人正品值得信赖的印象。
2.淘宝网有的橙色,给人打折,廉价的感觉。
3.唯品会选用品红色,给人时尚,而它的定位就是年轻的女性!
(微信大概是一个例外吧,据说它的创始人张小龙后悔使用绿色作为微信的主色,但由于微信的产品形态已经定型了,再改对形象就有影响了。)
给大家截图看下豆芽的淘宝店铺装修,主打色就是黑白,点缀色就是青草绿,青草绿使用了不同明度的颜色(浅绿,墨绿等)。看着是不是很清爽?而且店铺装修整体视觉上很统一,也较为耐看!

再给大家看一下豆芽早期做的店铺装修的案例,基本上都是黑白2色,再加上一个其它的色相。

黑白配蓝色,(另外加了黑白的同频色灰色,和面积非常小的点缀色红色)给人感觉比较有科技感,也符合产品的特性,简洁干净。
再看2个首页配色案例,如下,

左边是纯黑白配,简洁大方!
右边是黑白(灰)配黄色(深黄/浅黄),给人的感觉很有活力,很阳光,户外的感觉,与产品风格很搭。
看到这里大家应该明白如何统一店铺视觉形象了吧?
01.方法之一,就是从配色入手,不管是店铺首页装修,主图,详情页的色彩都进行统一
02.比如字体的统一,字号,字间距的统一,(具体可参考豆芽早期写过的一篇文章——为什么你做的文字排版不耐看?)
03排版的统一。
04.品牌形象的统一,阿芙,小女孩。三只松鼠的松鼠形象早就深入人心了。
不光是首页装修可以这样配色,平时做海报做主图做详情都可以这样来配色!
总结:新手不容易出色的配色方法就是
黑白2色,另外再加一个彩色(这三种颜色之外还可以加同频色,黑白的同频色是深灰,浅灰;黄的同频色是深黄浅黄,蓝色的同频色是深蓝浅蓝,具体在PS的拾色器上是这样展示的)

以豆芽标志色青草绿为例,同频色可以有无数种。只要保证中间色相的滑块不动,从起点“O”开始,往左走可以改变青草绿的饱和度,越往左饱和度越低,往下走可以改变青草绿的明度,越往下明度越低。所以任何一种色彩的同频色都有无数种,黑白色也是如此!
要特别注意的是,平时编辑文案的时候,深色(明度低的颜色)文字一定要和浅色背景搭配;浅色文字一定要和深色背景搭配,如果方式不对,一定会亮瞎或者暗瞎消费者的眼。
A,正确案例示范

去色之后观察文字和背景的明度关系

B,错误示范案例,有没有亮瞎(暗瞎)你的眼,啊......

同样地,去色之后观察文字和背景的明度关系,深浅对比不够,反差太小的原因!

有关配色豆芽之前也写过一篇相关文章——电商设计中的配色技巧——实用经验!也可以找来看看。
说了这么多还是和大家说说豆芽对于自己的电商设计品牌的规划吧,可以进一步帮助大家理解上面说到的这些内容。
01.为什么公众号名字会取名为学设计的小豆芽?
亿万富翁李笑来曾经说过他一生的职业只有一个,就是学生。我想我也是。以前学习某项技能可能是为了工作,现在学习某项技能则是为了取悦自己。比如说我会隔一段时间就学会做一个新菜,在满足自己味蕾的同时成就感也满满的。
所以豆芽不管是公众号又或是微博,抖音,淘宝店铺,微信名等都是用的同一个头像,同一个名字,一定程度上也是为了自己视觉形象的统一。
那么豆芽如果以后老了,30岁,甚至40岁了,还会不会改名字?我想应该不会改吧!如果真的要改,那就把“小”去掉,又或者把“小“改成”老”,因为这样更贴切,哈哈。
会一直在设计这条路上走下去,也会一直抱着学习的心态,因为这个世界上没有最优秀的人,只有更优秀的自己。
为什么豆芽不把公众号的头像换掉,换成成熟一点的?比如下面这张?
是因为这张图片没现在这张好看吗?不!很简单的原因:因为这张图片和我公众号名字的气质不符!

现有公众号的头像其实是刚出来参加工作的时候拍的一套写真,当时也就刚满20岁吧,真的可以说是一颗刚发芽的小豆芽了。
02.豆芽品牌色为什么选青草绿?
绿色意味着新生的事物。豆芽写的文章定位主要是新手,而且豆芽自己也是在不断地学习设计相关知识,也是一枚学生。而由“学生”这个关键词也可以联想到新生,朝气,与草绿色的气质也是相符的。所以大家可以看到豆芽文章的封面,内容标题的点睛色都是青草绿!
其实我也是在逐渐摸索中才逐渐找到属于自己的定位,细心一点的小伙伴应该会发现:豆芽公众号早期的文章配色是没有什么讲究的,红色也用,黄色也用。而现在都是标准的青草绿了!
所以平时做图过程中要给所有的颜色最好,都要赋予它一个存在的理由!。
03.豆芽的Slogan(宣传口号)
可以看到,豆芽所有文章的末尾都有一句标志性的语言:
也就是:每天进步一点点,和我一起学设计吧!(不和别人比,就和自己比,每天能比昨天的自己优秀一点点,进步一点点就足够了!)
04.一句话介绍自己,豆芽用的这句:6年电商从业经验,用最通俗的语言讲解淘宝美工新手常见问题!
05.豆芽更多规划:
记得2018年的面试简历上写过这样一句话:未来3-5年的目标是打造属于自己的电商设计品牌:学设计的小豆芽,目前还在起步阶段,想法也有一些,
A,表情包:想以实物“豆芽”(可以当菜吃的那种)为原型手绘出一套属于自己的表情包。当然如果有手绘能力现在就很棒的小伙伴如果能抽空帮豆芽设计设计,我想我会很开心的!
B,LOGO:也就是以“学设计的小豆芽”这7个字为原型设计出一个能让人记住的LOGO或者标志。
C,标志性卡通形象,也是以实物“豆芽”为原型来创作。类似于三只松鼠的松鼠,京东的狗,天猫的猫头,让人一看到这个卡通形象就能知道我就是学设计的小豆芽,学设计的小豆芽就是我。
05.豆芽做这些的目的是什么?
就是为了打造属于自己的电商设计品牌——学设计的小豆芽。
只要是认识我的人,以后不管是看到了豆芽的标志性配色,Slogan,又或是豆芽的头像,表情包,第一时间都能想到豆芽这个人。而这就是品牌形象的统一性!
不知道实现这些需要多久,现在看起来可能有些遥远,不过有想法总是好的。我想以后如果真的有这么一天的话,我的成就感一定是满满的!
如果你也感兴趣的话,不妨把你所有APP软件的头像,名字都统一一下吧。也可以尝试为自己设计一套形象出来,应该也会成就感满满的。
最后,如果你所在的公司目前没有统一公司品牌色/品牌形象/LOGO等这方面意识的话,可以向老板提提建议,让他花钱找人设计一下。当然如果你有这方面兴趣和能力,也可以考虑为公司免费创作创一套,一定可以让老板对你刮目相看!
好了,今天就和大家分享到这里了,
豆芽微信:zhechiqingyan——设计/生活趣事。
公众号:学设计的小豆芽——干货/经验文章。
以下是豆芽公众号关注方法,不知道如何关注的小伙伴可以看看。


到我的主页可以查看更多相关文章哦!这里是【学设计的小豆芽】第65篇原创文章!我们下期见。 每天进步一点点,
和我一起学设计吧!