美文网首页ui设计
用这些工具,白痴都会配色啦

用这些工具,白痴都会配色啦

作者: 西凉0 | 来源:发表于2017-02-06 15:21 被阅读76次

又名《UI设计配色网站和工具汇总》。

色板类


现成配色套装,直接拿来用!

Color Hunt

http://colorhunt.co/

许多许多色板1。

Lolcolors

http://www.lolcolors.com/

许多许多色板2。


Colordrop

https://colordrop.io/

许多许多色板3。


Color Claim

http://www.vanschneider.com/colors/

这是一个个人项目,作者说,这是为我未来的设计项目而收集的。

谢谢你,我们先拿去用了……

Open-color

https://yeun.github.io/open-color/

为字体、背景、边框优化过的色板。



实例类


学习从模仿开始……


Color.farm

http://color.farm/

更新得不快,但是例子很精美!


Dribbble

https://dribbble.com/

怎么能不提Dribbble呢,自带色板简直不要太贴心……

通过这个链接,还可以按颜色搜索:https://dribbble.com/colors/d1faf0?percent=30

Brand Colors

https://brandcolors.net/

很多品牌的色板。

随机单色类


生命在于惊喜!

日本传统色

http://nipponcolors.com/

美丽的颜色,美丽的名字。


Palettable

http://www.palettable.io/050026

刷新获得新颜色,可以调整颜色、给颜色投票等。


Colicious

http://colicious.ga/

点击小水珠,就能获得许多许多颜色,使用体验比上个好。


UIgradients

http://uigradients.com/

有大量品牌(比如Netflix、Facebook等)的代表色、主打渐变色。

Piknik

http://color.aurlien.net/

鼠标在屏幕上滑动选色,点击锁定。

进阶工具类


它们满足高级需求。

Colorblender

http://colorblender.com/

简单好用的色板生成器。

Color-wheel

https://color.adobe.com/zh/create/color-wheel/

Adobe出的色轮工具,以前叫Adobe kuler,定制化程度超高的……


Color Scheme Designer

http://www.peise.net/tools/web/

跟上面的工具一样,也是按配色原理(近似、互补等)生成配色的小工具。

Coolors

https://coolors.co/

可定制的色板生成器,自由度与复杂度适中。


Colorable

http://jxnblk.com/colorable/demos/text/

这是一个文字色/背景色对比测试工具的小Demo,只用这个也很方便啦。

http://jxnblk.com/colorable/demos/matrix/

这个是上面那个工具的兄弟,更加复杂一点……

http://clrs.cc/a11y/

套装兄弟3。这是个对比度示例合集。

Sip - Mac/iPhone

https://itunes.apple.com/app/sip-color/id934379679?l=en&mt=8

把手机变成取色器。

秘密武器来啦!从大自然汲取灵感是什么感觉?用了就知道~  

介绍可以看这里 

质感设计类 Material Design


安卓设计配色专用~

Material Palette

https://www.materialpalette.com/


FlatUIcolors

http://flatuicolors.com/

你再说你不会配色,我就嘿嘿嘿……

相关文章

网友评论

    本文标题:用这些工具,白痴都会配色啦

    本文链接:https://www.haomeiwen.com/subject/snwyittx.html