header_v0.7.32

如何配色有特点-让你成为配色达人

1年前发布

原创文章 / UI / 教程
Warren 原创,如需商业用途或转载请与Warren联系,谢谢配合。

<p>
<p>
<p>配色好比开车的话,经过这么几年也算是枚老司机了。从网页端、客户端、平面品牌、iPad、
<p>iOS、Android,到一些运营和活动都少不了配色。老司机


配色好比开车的话,经过这么几年也算是枚老司机了。从网页端、客户端、平面品牌、iPad、

iOS、Android,到一些运营和活动都少不了配色。老司机上面肯定有赛车手,经验更丰富,这

样共勉更有动力,说不定激励着我开着挖掘机就一路飙起来。


友情提示:这不是一篇专家或是大V发布的,就权当找个凳子喝杯茶随便聊聊,有座都有座啊。


9b2d573046da32f8755a52850953.jpg


作者看书不多,可能语言比较稚嫩淳朴,主要是大家能看懂就好,主要分享的范围是RGB。

如有雷同,那不可能。


配色:简单来讲就是色彩的搭配,两种或多种的色彩组合。

色相:就是颜色的相貌,比如姨妈红、奶奶灰、荧光绿、屎黄等

明度:即色彩的深浅差别,如柠檬黄和屎黄,柠檬黄就亮一些,屎黄相比就暗一些。

纯度:即各色彩中包含的单种标准色成分多少。比如象牙白,它不是纯白,加点黄就接近了。


主色和辅色:面积大的是主色,面积小的是辅色。


日常认识:这颜色用的骚(配色用的好,怎么看都是宝)。配色有点脏(乍看很沧桑,其实有

点装)。简约大气(颜色用的少,而且搭配还很好)。感觉有点乱(用色太泛滥,让人看着有

点乱)。看着很清新(用色都很浅,不能有污点)。


总得来说,就是成品让大部分人看着舒服,包括专业人士。这时候一定会有好学的同学举手:“

老师老师,怎么个感觉叫舒服咧?”这个时候就要言简意赅的让这位同学知道怎么样才能舒服:“

同学你好,比如你做一项运动,姿势不对肯定不规范;时间把握不当肯定没效果;体力跟不上

肯定做不下去。所以综上所述,做那个平板支撑啊,和配色一样,要注意的点很多,把该注意

的都注意了,这就是经验。“此时这位同学一定会点头努嘴嗯几声,毕竟大家都是这么过来的。

还在为配色痛苦吗?还在为配色饱受折磨吗?福音来了,不用上培训班,不用加公众号,也

不用买书,更不用到莆田系医院上楼找刘主任,今天看完,立马就能上班,你只需要往下面

看。(低头的都点赞去,麻溜的,自觉点)



黑白:RGB一共16777216种颜色,这个数是256x256x256所得。黑白这块主要是在拾色器的左

边。下面写些数值,大家应该都熟悉。#000000 #111111 #222222 #333333 #444444 #555555 

#666666 #777777 #888888 #999999 #aaaaaa #bbbbbb #cccccc #dddddd #eeeeee #ffffff。

以上色值的RGB对应都是17进1,比如#000000=RGB 0.0.0,#111111=RGB 17.17.17...一般在手机

端应用的时候会取整数和容易记的数,在做规范的时候有参考依据,方便项目同事之间对接以

及技术实现的默契。大家不要误会只用整数啊,像f6f6f6=RGB 246.246.246之类的非整数也会用

,看情况而定,对于这一块,基本上我是可以开着挖掘机敲RGB或是色值的。


 

清纯:色彩学中纯色的定义就是不含灰色的颜色叫纯色,在拾色器范围基本上是靠右边的位置。

RGB 255.255.0是纯黄,RGB 255.0.0是纯红,RGB 0.0.255是纯蓝,RGB 0.255.0是纯绿像RGB 255.

120.0是橙黄,接近于阿里的品牌色。在纯度方面会调整RGB中G的范围,数值越大颜色越鲜亮。

这些色值开挖掘机敲就有点装逼了,虽然以前可以挖掘机开酒瓶、剃头、打乒乓球,急了还能

穿针引线,但那都是炫技,还是老老实实做设计来的踏实。



 

不纯:颜色不是很纯,在原有色的基础上更白亮或更深谙,一般范围在拾色器的中间,上面和

下面。开挖掘机的可能不清楚,但是学过水粉的应该知道,就是用纯色的时候加点白粉,或是

其他颜色,用好了叫高级灰,用的不好就脏了。每个设计师都会经历这些阶段,而且随着时间

和自己的积累,风格也会发生变化,你会发现自己进步了。如果有瓶颈或真的对这些没感觉,

可以去蓝翔,那里可以学汽修、挖掘机、美容美发、厨师、糕点、电器氩弧焊、计算机、数控

车床八大专业。 



 

CP:原指二次元中恋爱关系的同人,现在应用范围也比较广,通常是观众所喜爱的荧幕情侣

的称号,一般都是想象的情侣。有些颜色在一起就好像是命中注定一样,自古红蓝出CP嘛!如

果换成别的颜色会觉得有些不协调,果然试过之后,还是你好。好比挖掘机不能到处开一样,

只有在他该呆的地方才会发出光芒。推荐几个CP,是dribbble大神Mike的一些作品。


 

之前参加搜狗输入法皮肤的作品,用了红蓝大CP,有很多经典的例子,美队、蜘蛛侠、超人、

哆啦A梦、奥特曼、柯南、宠物小精灵里的小志、3D效果、百事。在视觉搭配上,主色为蓝,

辅色为红,在细节上都会从一个整体去考量,从配色到细节刻画都融为一体,细看又都有自己

的特色(这么夸自己我也是豁出去了)。


 

也许会有人问:“一种颜色能配出来吗?” 听到这里不禁让人想起10086的客服小妹,耐心的说

:“您好,很高兴为您服务。”结果来了这么一位:“你高兴的太早了。”然后把电话挂了。

这个时候我只能拿出平时业余时间的画作来回答他了!



 

《非洲部落载夜宴图》 800x600px   风格:写实类插画   作者:Warren 

作品简介:在一个没有月亮和星星的夜晚,在非洲的大地上,有一个神秘的部落,闲的蛋疼族

。为什么叫闲的蛋疼,因为他们不用画图。蛋疼族的族人们在熄灭的篝火旁载歌载舞,他们身

上有部落的图腾,各种的蛋纹在身上,穿着草裙,肆意的甩着。旁边的黑狗是去年小小蛋在阿

里的设计师朋友送来的柯基,一年过去后就黑了。无垠的沙漠,夜晚的微风撩拨着仙人掌,但

仙人掌不为所动,依然坚挺的站在那里,又硬又长。小小蛋心想,这时候要是有个挖掘机就完

美了。夜那么的静,数以万计的蛋疼族人们和一只黑狗享受着此刻的欢乐,等待着明天的黎明

,因为他们今晚又通宵了。


 

最后:


配色的感觉和效果是一个日常积累和提高的过程,多看一些作品,不光要看,而且要落实到

执行上,时不时的考虑一下是不是有其他的方法能够更好。可以临摹借鉴,但也要有自己的

想法融入,对于redesign“再设计”,实现的效果好叫再设计,不好没超过原作甚至让别人一眼就

看出来是谁的作品,那叫抄袭。(设计师每天都有看很多网站更新的作品,包括采集类的或是

小众的,曾经为了找一张壁纸搜上万张图片也是很正常的)色彩也有自己的风格,有的设计师

作品配色很清新,有的很厚重,有的也是先清新后厚重再尝试各种风格直到形成自己的风格。

可以每天看一些好的作品。有的人拍的照片叫大片,有的人拍的叫图片。好的作品通过眼睛进

入大脑中的杏仁体,然后迅速将信息传给大脑和身体的其他部分。比如当你看到一组私房写真

的时候,你的肾上腺会释放出兴奋荷尔蒙,以脂肪和糖的形式存储的能量会进入你的血管和肝

脏,你的呼吸系统让肺部吸入空气,为身体提供足够的氧气,你的血管系统开足马力,保证血

管里的能量顺利运送到肌肉,记住,这个时候千万不能硬!!!要不下面没法看了。

不要光看设计类的作品。可以看看建筑、游戏、模型、军事、各种摄影、家具、平面、美食、

旅行、电影...

大概就写这么多吧,满篇充满着稚嫩和淳朴的文风,好在整体风格清新脱俗不淫荡,活泼阳光

有内涵。相信大家看到这里也都对配色有些了解了,有什么不懂或是指教的地方尽管留言。没

有碰撞怎么会有激情,没有摩擦怎么能迸发出热情的火花。



48
    意见反馈
    没有新消息
    密码登录
    短信登录
    微信二维码登录

    提示文案

    提示文案

    提示失败
    提示成功