有氧周末公众号:

查看: 199|回复: 0

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

[复制链接]

8848

主题

9282

帖子

248万

积分

管理员

Rank: 9Rank: 9Rank: 9

积分
2488199
发表于 2022-3-17 08:25:39 | 显示全部楼层 |阅读模式
配色+预览全套服务网站
网址:https://material.io/color/#!/?view.left=0&view.right=0
分享神器以来发现过很多好用的配色网站,就在我以为网上那些配色网站都被我扒光了的时候!
又发现了这个!
Color Tool!解锁了我对配色网站新的认识!
因为我们常常找到了配色,却不知道用起来是什么效果,往往还是要在试验中得出结论,这就浪费了很多时间。而这次的网站会在最短的时间让你看到配色的基本效果,从而节约了很多时间。
废话不多说,看首页
左边就是模拟的手机界面啦,虽然略简陋,但效果还是可以的。右下的色彩模块分为主色,辅色,主色文字和辅色文字!选中主色模块,并挑选一个颜色就能看到效果啦~
选择一个明亮的黄色做为主色调,就看到模拟的界面发生了变化。
在选中辅色模块并选择一个辅助色。
最后挑选主色和辅色下分别的文字颜色,就是最终的预览效果啦。
预览当然不止一种界面,可以左右切换其它界面。
不光预览,颜色模块也分的很详细,主色和辅色还提供了加深和减淡的效果。所有颜色也都有相应的色号以供取用。
当然不喜欢模板颜色也可以选择自定义颜色选项。
确定配色后,选择左上导航栏的 ACCESSIBILITY 可以看到你选好的内容都已经整理好排好队等你来取用了!
可以说非常贴心了!
顺便提一下,这个网站是 Google 爸爸的 Material Design 网站下一个关于配色的分支,更多关于Material Design的内容可以在首页找到。
http://material.io
网站还有很多其他厉害的内容,以后阿昕可以慢慢分享给大家。
总之 Color Tool 不要钱!用起来妥妥的。

回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

关闭

站长推荐上一条 /3 下一条

快速回复 返回顶部 返回列表