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

2018/04/02 13860

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

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

Color Tool

看首页:

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

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

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

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

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

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

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

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

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

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

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

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

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

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

nycmgwxqr

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

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

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

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

非特殊说明,本文版权归原作者所有,转载请注明出处
本文地址:https://www.uisdc.com/preview-ui-interface-color-web

sketch UI 界面设计 平面设计 转场动效 交互设计师 设计师 设计师专访 扁平化设计 排版布局 职场 设计流程 用户体验设计 视觉设计 素材下载 配色 web前端开发 海报设计 AI教程 设计规范 设计理论 字体下载 产品设计 设计趋势 神器下载 动效设计 psd下载 图标设计 logo设计 神器推荐 ICON 职场规划 App设计 字体设计 酷站推荐 交互设计 ui设计 设计师职场 用户体验 优秀网页设计 ps技巧 酷站 PS教程 网页设计 经验分享
wechat

优设官方微信

50万设计师关注

微信号:youshege

把好文章收藏到微信

打开微信,扫码分享
学设计 优设网 在这里