设计神器!一键预览UI界面配色,从此不怕甲方换风格!

@豁牙子的阿昕 :阿昕分享神器以来发现过很多好用的配色网站,就在我以为网上那些配色网站都被我扒光了的时候,又发现了这个,Color Tool,解锁了我对配色网站新的认识。

因为我们常常找到了配色,却不知道用起来是什么效果,往往还是要在试验中得出结论,这就浪费了很多时间。而这次的网站会在最短的时间让你看到配色的基本效果,从而节约了很多时间。

Color Tool

看首页:

设计神器!一键预览UI界面配色,从此不怕甲方换风格!

左边就是模拟的手机界面了,虽然略简陋,但效果还是可以的。右下的色彩模块分为主色,辅色,主色文字和辅色文字。选中主色模块,并挑选一个颜色就能看到效果了。

选择一个明亮的黄色做为主色调,就看到模拟的界面发生了变化。

设计神器!一键预览UI界面配色,从此不怕甲方换风格!

再选中辅色模块并选择一个辅助色。

设计神器!一键预览UI界面配色,从此不怕甲方换风格!

最后挑选主色和辅色下分别的文字颜色,就是最终的预览效果了。

预览当然不止一种界面,可以左右切换其它界面。

设计神器!一键预览UI界面配色,从此不怕甲方换风格!

不光预览,颜色模块也分的很详细,主色和辅色还提供了加深和减淡的效果。所有颜色也都有相应的色号以供取用。

设计神器!一键预览UI界面配色,从此不怕甲方换风格!

当然不喜欢模板颜色也可以选择自定义颜色选项。

设计神器!一键预览UI界面配色,从此不怕甲方换风格!

确定配色后,选择左上导航栏的 ACCESSIBILITY 可以看到你选好的内容都已经整理好,排好队等你来取用了。可以说非常贴心了。

设计神器!一键预览UI界面配色,从此不怕甲方换风格!

这个网站是 Google 的 Material Design 网站下一个关于配色的分支,更多关于 Material Design 的内容可以在首页找到。http://material.io

网站还有很多其他厉害的内容,以后阿昕可以慢慢分享给大家。

Color Tool 免费使用,用起来妥妥的。

本期分享到这里就结束了,希望大家在使用过程中多思考、并举一反三运用到原创作品中。

想要了解更多的设计神器,可以关注 @你丫才美工 美丫姐

欢迎同学们关注最充满智(dou)慧(bi)的设计账号:

设计神器!一键预览UI界面配色,从此不怕甲方换风格!

「更多配色酷站尽在这里」

================明星栏目推荐================

优优教程网 UiiiUiii.com 是优设旗下优质中文教程网站,分享了大量PS、AE、AI、C4D等中文教程,为零基础设计爱好者也准备了贴心的知识树专栏。开启免费自学新篇章,按照我们的专栏一步步学习,一定可以迅速上手并制作出酷炫的视觉效果。

设计导航:国内人气最高的设计网址导航,设计师必备: http://hao.uisdc.com

收藏 44
点赞 3

复制本文链接 文章为作者独立观点不代表优设网立场,未经允许不得转载。