设计神器Paletton!支持在线实例测试的配色网站

时间:2019-03-29
类别:配色达人
观众:23667
@所有设计师 快来领爆款免费设计课程!打卡式学习立竿见影。收获实战新技能→ 免费领取

支持在线实例测试的配色网站

编辑:WOOD短腿木 、LXYFLASH

网址:http://paletton.com

如今,配色工具已经铺天盖地多到数都数不过来,但每次选好配色拖进软件里一吸,发现实际效果总是不如意。一来二去,十分浪费时间。​

今天神器小分队带来的神器——Paletton就为此而来~不仅能运用配色原理快速生成色卡,更能将所配色放入实例中预览,帮你快速确定色彩效果!

打开网页是酱婶的

设计神器Paletton!支持在线实例测试的配色网站

一、配色方案生成和调整

Paletton根据色彩设计理论,提供了单色、互补色、相邻色、三色调以及四色调最实用的几种配色方法,满足各种配色需求~、

设计神器Paletton!支持在线实例测试的配色网站

点击「互补(补充)」的小按钮,即可为配色添加一个互补色。

设计神器Paletton!支持在线实例测试的配色网站

用鼠标拖动光标,也可以改变配色效果。

设计神器Paletton!支持在线实例测试的配色网站

如果想细节调整内环每个取色点饱和度、亮度、对比度的话,按住shift键拖动取色点即可。

除此以外,我们还可以在色环的右下方点击「Fine Tune」微调。

设计神器Paletton!支持在线实例测试的配色网站

点击下方的「PRESETS」,更有一整套配色效果的色卡提供

设计神器Paletton!支持在线实例测试的配色网站

旁边的色板也是很直观,主色跟辅助色的占比都很详细。

当鼠标滑到相应的色块,还会有相应RGB数值出现,点击后有更仔细的色彩分析。

设计神器Paletton!支持在线实例测试的配色网站

更有不同的预览方式(比如)

设计神器Paletton!支持在线实例测试的配色网站

唔~这感觉!像极了爱情!

二、实例预览

首先是右下角的「Vision simulation」

设计神器Paletton!支持在线实例测试的配色网站

方便测试配色在色盲模式或者Web模式时的显色效果

设计神器Paletton!支持在线实例测试的配色网站

每种模拟效果都有很多细节的参数选择

设计神器Paletton!支持在线实例测试的配色网站

是不是已经被视觉模拟震撼到了?那你可就小瞧我们神器小分队了。

把你的小手拖动鼠标,移到「EXAMPLEAS」~

设计神器Paletton!支持在线实例测试的配色网站

这才是真正的令人欲罢不能的功能——实例演示。

这个功能将你选取的配色方案在实例中展示,而且还能自动生成白天/夜晚模式网页页面的不同的配色效果。

除了网页配色效果以外,更支持不同的插画效果配色预览

设计神器Paletton!支持在线实例测试的配色网站

设计神器Paletton!支持在线实例测试的配色网站

三、色卡保存

点击右下角的「Table&Export」,即可生成色板

设计神器Paletton!支持在线实例测试的配色网站

可以说是非常贴心了有木有!

设计神器Paletton!支持在线实例测试的配色网站

不仅能作为png保存,更能直接导入PS和Sketch的色板使用~

设计神器Paletton!支持在线实例测试的配色网站

最后,

如果颜色都不喜欢在右上角还有随机。如果一不小心碰歪颜色的话也可以选择重制和撤销。

设计神器Paletton!支持在线实例测试的配色网站

Paletton配色有理论和具体的参数可循,更有非常方便的实例模拟,大大降低了设计中反复更换配色的时间成本,帮你用更快的时间,完成最棒的设计!

最后,此网站无需注册!无需翻墙!画面简单!功能实用!

亲亲,这边建议您点击:http://paletton.com

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

收藏 11

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

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

复制本文链接
img

发表评论 已发布 6

还可以输入 800 个字
 
 

优优教程网 365 天打卡计划

点击 #优设每日作业# 进入微博超话页面,上传并发布你的练习作业,话题微博格式【 优优教程网365打卡计划 – DAY 01 】,优秀作业将有机会被 @优优教程网 官方微博转发点评。