• 媒体品牌
    爱范儿
    关注明日产品的数字潮牌
    APPSO
    先进工具,先知先行,AIGC 的灵感指南
    董车会
    造车新时代,明日出行家
    玩物志
    探索城市新生活方式,做你的明日生活指南
  • 知晓云
  • 制糖工厂
    扫描小程序码,了解更多

设计师必备!用这个小程序,给甲方一点「颜色」瞧瞧

小程序

2017-08-02 19:00

想成为一个好的设计师,或者一个很会穿搭的人。在设计作品或是穿搭衣物时,决不能配错颜色。

如果你天生对色彩不敏感,一不小心就会弄出「大红配大绿」。那么,知晓程序(微信号 zxcx0101)今天推荐的小程序,你可得要收到好了。

「Color 颜值」,是一款专注帮你解决配色问题的小程序,它基于色轮配色原理,让你轻轻松松就能搭配出大师级别的色彩。

关注「知晓程序」微信公众号,在后台回复「0109」,一张图教你玩转小程序。

配色广场

这个小程序共提供了四大实用功能:配色广场、颜色转换、配色工具、Web 颜色。

我们先去「配色广场」看看。

自己不懂配色,就借鉴经典的配色方案吧。

在「配色广场」中,就提供了许多「Adobe Color 配色方案」,一页 5 组,一组 5 种颜色。页面底部有个「Surprise me」的按键,点击它,就切换另外 5 组。

如果你有一个确定的主色调,就可以在这里挑选可与之搭配的颜色。

看见喜欢的方案,点进去,就能获得这个色彩方案的「配色详情」,详细展示了每一种颜色的 RGB 和 HSB 色值。

实在喜欢,还可以点击底部的「收藏」,并给它起一个「名称」便于日后查阅。

不过,「我的收藏」的位置比较隐蔽,找不到它的朋友们这里要认真看咯。

回到配色广场的主页面,注意到页面上方的「下拉小箭头」,点击它会弹出选择菜单,选中「我的收藏」并确定,你收藏下来的配色方案都在这里。

颜色转换

每种颜色都有对应的色值,据说设计师确定颜色的方法,是先估计色值,再根据色彩的浓度、亮度等等调出最满意的颜色。

「颜色转换」就是用于调整色值的,我们来看看,具体怎么用?

首先,你要确定一种颜色模式,页面上方的「模式选择」有 RGB、CMYK、LAB、HSB 四种可选。选好模式,每一个属性有相应的滑块,滑动它就可以调整色值了。

页面中间的「预览」块可以实时显示你调出来的颜色,同时还显示其「十六进制颜色码」,以及这个颜色在四种不同模式下对应的色值。

配色工具

在「配色广场」中,小程序推荐的是 Adobe Color 配色方案。

而接下来要介绍的「配色工具」,则提供了基于 6 种颜色关系的配色算法,分别是类比色/相似色、互补色、分裂补色、单色、渐变、二次色配比。

如果你对这几种配色算法没有概念,也没关系,在「关于 Color 颜值」中可以找到详细的介绍,顺便还能涨涨知识呢。

每一种配色算法都需要一个「主色」或「基准色」,这个由你自己来调它的 RGB 值以及饱和度、亮度,然后小程序会根据你选择的配色算法推荐一组 4 种颜色。

如果实在不知如何确定「主色」或「基准色」,那就点击底部的「随机」,你可以一直「随机」,直到满意。

好不容易找到一组满意的,千万别忘了「收藏」,收藏方法跟上面所述一样,这个收藏夹还可以作为你的颜色管理利器哦。

如果你不需要考虑配色原理,还有一个选项「I am Feeling Lucky」,它会随机挑选一种算法,并根据其原理为你推荐一组 5 种颜色的配色方案。

这个功能方便了外行人搭配出和谐的颜色,也给内行人带来了色彩灵感。

Web 颜色

现在是互联网时代,不管是美术设计,还是 UI 设计,你都需要对「Web 颜色」有一定的了解。

这个小程序从「CSS 颜色值」、「Web 安全色」以及「Gray 灰度值」三个方面,列举了 Web 标准规范中 HTML 和 CSS 定义的标准色和安全色。

如果你还在为颜色搭配而头疼,如果你需要一个颜色管理工具,如果你喜欢和谐美丽的色彩,不妨打开「Color 颜值」。

谁不喜欢和谐美丽的色彩呢?还不快来!

「Color 颜值」小程序使用链接
https://minapp.com/miniapp/3775/

关注「知晓程序」公众号,在微信后台回复「藏宝图」,获取最全最好用的小程序名单。

zxcx_0208

登录,参与讨论前请先登录

评论在审核通过后将对所有人可见

正在加载中