配色一直是设计师关注的问题,而我们平时配色的时候,需要在PS里面把组件画好,再去尝试自己觉得合适产品的色值,然后填充。可是这样做,无形中浪费了很多工作时间,所以今天就给大家介绍两款配色神器:一款是来自Aodbe爸爸设计推出的一款APP(并且也有网页版)的Adobe Color CC,另一款是Material Palette.这两款配色神器可以很方便快速的帮设计师敲定颜色,并且可以很直观的看到配色效果。下面就具体介绍一下它们:
这个是网站的样子,简单明了,这个展示的它可以从以下几个分类来进行配色。点击什么颜色,它会相应给你匹配颜色,克服掉了我们觉得配色统一的困难。这个功能大家玩玩,就会熟悉,不多做介绍了。
接下来详细的介绍它另一个很惊喜的功能。很多时候,我们很喜欢一张图片的某个位置的颜色,然而这个像素点对应的颜色参数是多少,我们不知道。而它就可以很完美的解决这个问题。点击网页右上角一个照相机的图标,来选取一张图片:
选取了这个图片之后,可以在图片上任意拖选,选择自己喜欢的颜色,并且还会有一个类似放大镜的功能,以便我们可以更精确的选取到颜色。
然后再退回以下这个界面时,页面底部对应的是各个颜色的色值,我们就可以享用成果了。
这个网站就是由色块组成,更简单粗暴,但是,值得我们私藏的是页面右边这部分功能,可以很直观的在UI组件上实现自由配色。这个网站是英文版,看不懂的可以自行翻译,反正我是翻译了。
经过刚刚那么尴尬的一幕,我再来具体说一下这个功能。比如我现在选择了这个色值的红,它会自动名配色其他组件上的颜色,很方便快捷,并且其他色值也在右下角,点击复制就可以获取了,真的不要太方便。
今天就分享这么多,希望对大家有帮助。有任何疑问都可以下方留言。
我是设计小马哥,我与你同在~
专心做设计
不忘初心
你我一起前行