专栏首页知晓程序设计师必备!用这个小程序,给甲方一点「颜色」瞧瞧

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

小程序体验师:郭诺亚

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

如果你天生对色彩不敏感,一不小心就会弄出「大红配大绿」。那么,知晓程序(微信号 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/

本文分享自微信公众号 - 知晓程序(zxcx0101),作者:让你更知小程序的

原文出处及转载信息见文内详细说明,如有侵权,请联系 yunjia_community@tencent.com 删除。

原始发表时间:2017-08-02

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

我来说两句

0 条评论
登录 后参与评论

相关文章

  • 想要变有钱?试试这 10 款小程序

    知晓君
  • 开发 | 小程序「分享图」生成难?一招教你轻松解决

    许多小程序,都提供了「分享图」功能。利用它,用户可以生成特制的分享图片,并分享到朋友圈。

    知晓君
  • 在小程序里实现手势缩放,你可以这样做 | 实战教程

    知晓君
  • 数据可视化:如何为数据寻找适合的配色

    本期责编:Sophie 文 | Samantha Zhang 来源 | GRAPHIQ 摘要:虽然如今好的配色方案已经唾手可得,但为数据可视化找到合适的配色方案...

    CDA数据分析师
  • 一个神奇的配色网站~

    今天不聊关于ggplot图表的知识,我们聊一聊一个提供地图配色方案的网站——ColorBrewer2.org。 不要觉得这样太小题大做(关于图表配色,已经发过N...

    数据小磨坊
  • 【赶紧收藏】22款设计师必备色彩工具,轻松打造别样的“视觉诱惑”

    色彩,作为网页或App设计的重要视觉元素之一,不仅能够帮助UI/UX设计师有效地展示和突出界面或产品相关信息和功能, 而且还能够轻松自然的流露和传达设计师相应情...

    奔跑的小鹿
  • R语言可视化——ggplot图表配色技巧

    今天跟大家分享ggplot图表的配色原理与基本技巧。 图表配色是一个很深奥的话题,多亏了R语言平台的众多开发者贡献的配色包,让图表的配色不再深不可测。 这里我暂...

    数据小磨坊
  • 实现小型打包工具

    hey,各位宝宝,最近的疫情很严重,大家尽量就不要到外面浪了,好好在家做个安静的宝宝吧。不得不出门时也一定要戴口罩哦!照顾好自己,望平安... ...

    用户3258338
  • 简单几步,教你做一名出类拔萃的配色交互师

    前言 很多小伙伴都说自己配色如屎,因为没学过色彩,没画过画,导致每次配色时都小心翼翼的。 然后去网上搜各种配色理论,看了什么冷暖、明暗等术语后开始照着去配色,然...

    BestSDK
  • javascript面向对象之“多态”

    ES6之前,javascript本质上不能算是一门面向对象的编程语言,因为它对于封装、继承、多态这些面向对象语言的特点并没有在语言层面上提供原生的支持。 但是,...

    陌上寒

扫码关注云+社区

领取腾讯云代金券