设计神器 Khroma!让人工智能帮你定制个性化配色

优设6年行业口碑保障!专业培养高薪设计人才,你想要的课程这里都有 前往咨询

教程

编辑:@短腿僵尸木

网站地址:http://khroma.co

鲁班的出现引起了设计师群体小小的恐慌,但事实证明短时间内,AI还是无法超越创造力非凡的设计师们~​ 知道这个消息的你是不是开心地长出新头发了?

其实,人工智能并不是设计师的对立面,我们完全可以利用它让我们的设计变得更加高效!配色,时常是设计师在创作的过程中煞费苦心的一件事,找到自己喜欢,还要合适的颜色太不容易了,一组一组尝试更是花去了大把时间,而有了 Khroma,一切都会变得轻松起来!

首页是酱婶的,非常简洁大方的感觉呢~

看一眼网站的介绍说明,感觉十分厉害的样纸!

大概就是说通过你选择的喜欢的颜色,会提供给你相关的配色方案,呈现的方式涵盖了网上所有配色网站的方法,然后你可以在结果中进行过滤选择,日积月累就能够形成你自己的配色库了!

噫吁嚱!这么厉害的吗?木木迫不及待要试一试了!

点击首页的五彩斑斓按钮

然后你就进入了这样一个页面,Khroma提供了上千种颜色供你挑选出你最喜欢的50种颜色。(不要问我是怎么知道有上千种的:)我拉了5分钟都没有拉到底……)

点击你喜欢的颜色就可以把颜色加入“购物车”。

你大可以像阿岳一样严格一点,毕竟可供选择的颜色实在太多了!挑选颜色时可以涉及多一些色调、饱和度等,这样可以让最后生成的方案更加丰富!

如果不小心选错了,你也是可以把它淘汰的!把鼠标放到不需要的颜色上,它就会放大,然后你左键点击一下,它就消失啦!

选好了50位心爱的 “妃子”,就要对她们进行 “入宫训练”了~

点击右上角的绿色按钮,Khroma会为你进行颜色的搭配和整理

接下来就是比较漫长的等待了……大概需要15-20分钟左右

木木默默看起了《将军在上》,坐等Training的 数值达到100%……

锵锵锵!终于等到你,还好我没放弃~

第一个标签下得到的是文字和底色的配色形式。

点击第二个标签Poster,就能得出双色色卡。

点击第三个标签Gradient,就可以获取渐变配色方案!

每一个渐变色卡可以选择</>来复制CSS,还可以通过点击Swap Colors来改变渐变方向

接着可以把喜欢的颜色 ♥收藏 起来

第四个标签Image则是以图片的形式来展现色卡的效果,能让你更加直观判断自己需不需要使用这个配色,而不必耗费大量的时间自己去逐一尝试。

第五个标签Paletter则是形成调色板,同样可以将喜欢的色板收录起来。

这样你就可以在第六个标签Favorite里找到你收藏的所有颜色啦!

比如接下来的元旦、圣诞、春节,需要喜庆的红色系配色,我只需要在搜索框输入 “red”,回车

就能搜索出根据我的定制形成的红色系配色,也同样有文字、海报、图片、色板、渐变几种形式可供选择。

那有小伙伴要问了,怎么获得这些喜欢的色板呢?

点击色卡上的 “!”(也就是Detail)按钮,就会出现色值信息。

然后选择,右键复制就好了!

同时你还可以修改各个配色的HEX值和RGB值、以及调色板的名字,让它完全成为你最想要的配色方案!

如果很喜欢其中的一个颜色,想查看它其他种配色,只需要复制这个颜色的名字,放进搜索框里搜索就好啦!

想退出搜索内容,只需要刷新页面即可。

搜索的方式也很多。

搜索框的右边是“偏压”,是AI倾向于产生你选择的50种喜欢的颜色的百分比,数值越小,则得到的颜色越广泛;数值越大,则是越局限于你喜欢的颜色。

页面右上角的设置,可以调整渐变色板的颜色成效效果、图片展示也可以使用自己上传的图片、还可以返回修改选择 的50种颜色,以及保存你的色库。

在你下一次打开这个网站,一旦发现色库消失了,还可以按 导入—— 将你保存的json文件(色库)重新启用!相当方便!

Khroma几乎涵盖了目前网络上所有配色网站的呈现形式:海报、渐变、双色、滤片、色板;不仅如此,它自定义程度高,更加人性化,操作简单方便,便于搜索,提供CSS代码,并且还可以生成自己的配色仓库,搜索功能也十分强大方便!

更重要的是,Khroma不仅不需要翻墙,还可以通过保存json文件同步你的配色!

纵有千万配色网站,从此我偏偏独宠Khroma了!

喜欢的小伙伴赶紧尝试起来吧!

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


一个人做练习的时候,做得好没人发现,做得差没人点评,总感觉很难坚持下去呢···

从今天开始参与「优优教程网 365 天打卡计划」,每天一个小练习, 4 位U站管理员与大家一起打卡练习,点赞点评,互帮互助。优秀练习还有机会被优优转发
【参与方式】每天在 #优设每日作业# 内,上传打卡练习,话题微博格式【 DAY 01~365 】转发视为参加。(动图为打卡演示)
【收获】更好的自己

非特殊说明,本站 UiiiUiii.com 上的教程均由本站作者及学员原创或翻译,转载请联系 @优设基础训练营 授权。原作品版权归属原作者。

转载时请在文首注明,来源 UiiiUiii.com 及教程作者,并附本文链接。谢谢各位编辑同仁配合。UiiiUiii 保留追究相应责任的权利。

本文链接: https://uiiiuiii.com/software/31505.html

欢迎关注 @优秀网页设计 @优设基础训练营 @优设大课堂 @你丫才美工 @优设微电台 @移动端设计 @招聘设计师

继续阅读与本文标签相同的文章

Khroma人工智能配色
img

相关文章

发表评论

评论加载中....

把好文章收藏到微信

打开微信,扫码分享
优质教程 UiiiUiii 每日更新