如此犀利高端的配色神器,你确定不要吗?

配色一直是设计师关注的问题,而我们平时配色的时候,需要在PS里面把组件画好,再去尝试自己觉得合适产品的色值,然后填充。可是这样做,无形中浪费了很多工作时间,所以今天就给大家介绍两款配色神器:一款是来自Aodbe爸爸设计推出的一款APP(并且也有网页版)的Adobe Color CC,另一款是Material Palette.这两款配色神器可以很方便快速的帮设计师敲定颜色,并且可以很直观的看到配色效果。下面就具体介绍一下它们:

·Adobe Color CC

这个是网站的样子,简单明了,这个展示的它可以从以下几个分类来进行配色。点击什么颜色,它会相应给你匹配颜色,克服掉了我们觉得配色统一的困难。这个功能大家玩玩,就会熟悉,不多做介绍了。

设计小马哥

接下来详细的介绍它另一个很惊喜的功能。很多时候,我们很喜欢一张图片的某个位置的颜色,然而这个像素点对应的颜色参数是多少,我们不知道。而它就可以很完美的解决这个问题。点击网页右上角一个照相机的图标,来选取一张图片:

设计小马哥

选取了这个图片之后,可以在图片上任意拖选,选择自己喜欢的颜色,并且还会有一个类似放大镜的功能,以便我们可以更精确的选取到颜色。

设计小马哥

然后再退回以下这个界面时,页面底部对应的是各个颜色的色值,我们就可以享用成果了。

设计小马哥

·Material Palette

这个网站就是由色块组成,更简单粗暴,但是,值得我们私藏的是页面右边这部分功能,可以很直观的在UI组件上实现自由配色。这个网站是英文版,看不懂的可以自行翻译,反正我是翻译了。

设计小马哥

经过刚刚那么尴尬的一幕,我再来具体说一下这个功能。比如我现在选择了这个色值的红,它会自动名配色其他组件上的颜色,很方便快捷,并且其他色值也在右下角,点击复制就可以获取了,真的不要太方便。

设计小马哥

今天就分享这么多,希望对大家有帮助。有任何疑问都可以下方留言。

我是设计小马哥,我与你同在~

专心做设计

不忘初心

你我一起前行

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 172,976评论 25 708
  • 快要崩坏的我的家。 快要崩坏的我的生活。 随便怎么都好。 你们去死吧。 闭嘴。 闭嘴。 闭嘴。 毁了我还不够还要毁...
    阿癸阅读 184评论 0 0
  • 公元前314年,齐国趁燕国内乱,大肆入侵燕国,杀了燕国内乱中的两个关键人物子之和姬哙。那么,燕国内乱的另一位关键人...
    至简君阅读 1,020评论 2 3
  • 感谢之前带我跑步的他 让我喜欢上跑步 所以说也没有什么太大的遗憾 遇见一个优秀(起码是能控制自己对自己学习和身材上...
    八戒阿八戒阅读 203评论 1 0
  • “把握未定,宜绝迹尘嚣,使此心不见可欲而不乱,以澄吾静体;操持既定,又当混迹风尘,使此心见可欲而亦不乱,以养吾圆机...
    懒懒的夜阅读 544评论 0 1