VC教程!教你使用最受欢迎的配色小工具KULER

起点学院产品经理365成长计划,2天线下闭门集训+1年在线学习,全面掌握BAT产品经理体系。了解详情

kuleradobebanner

经常听朋友抱怨说颜色如何难用,那今天给大家推荐一个PS自带的小工具,kuler线上版地址:https://kuler.adobe.com/create/color-wheel/ 或许能帮你解决颜色使用方面的困扰。

在介绍工具之前,我们先简单复习下网页设计中配色的基础知识。

那么配色需要遵循什么规则或者原理么?

网页配色的基本原则:

(1)色彩搭配的合理性。

每一种颜色都有自己的含义,如:红色:热情、奔放、喜悦、庄严等等,这可以向浏览者准确快速地传递出设计者想要表达的主题。

(2)色彩的鲜明性。

页面的”视觉焦点区”一般是首屏的区域,在这区域中使用鲜明的色彩可以给浏览者留下深刻的印象并带来第二次访问。

(3)色彩的独特性。

如何在众多同类型的页面中脱颖而出,这就需要独特的配色方案。

如何根据上面的原理来找到方法?

(1)对比色彩的搭配

一般来说,色彩的三原色(红、黄、蓝)最能体现色彩间的差异。色彩的强烈对比具有视觉诱惑力,可以突出重点,产生强烈的视觉效果。

(2)冷色系的搭配

冷色系搭配是指使用绿色、蓝色及紫色等色彩的搭配,可为网页营造出宁静、清凉和高雅的氛围。

(3)暖色系的搭配

暖色系搭配是指使用红色、橙色、黄色等色彩的搭配,可为网页营造出稳性、和谐及热情的氛围。

(4)邻近色的搭配

邻近色是指在色环上相邻的颜色,如绿色和蓝色、红色和黄色,可以易于达到页面和谐统一的效果。

(5)同种色彩的搭配

同种色彩搭配是指首先选定一种色彩,然后调整其透明度和饱和度,将色彩变淡或加深,而产生新的色彩,这样的页面看起来色彩统一,具有层次感。

下面为大家介绍这个叫Kuler的PS小工具,它躲藏在扩展面板里面。这个小工具需要大家安装完整版的PS才能使用。

Kuler-VC-1

打开面板后会发现里面已经有了不少配色方案,左上方可以选择列出方案的排布顺序。如果这其中有”大厨”们中意的那么不多说,马上开工。如果都不尽如意,”大厨”只能自己动手丰衣足食了。

Kuler-VC-2

点击创建,可以进入到编辑模式,耽误当务之急是要确定主色(基色),然后通过各种配色方案生成配色板。

Kuler-VC-3

很简单吧,现在我们已经选好配色方案,那么如何使用呢?如果想使用某个色板为前景色,可以双击色块,前景色就会同步为当前色块颜色。如果要把配色方案添加到色板中,可以点图2下方的色板按钮。还可以保存这个主题,点击图2下方保存按钮,就可以了。

Tips:命名主题名时须为英文,不支持中文哦。

点击浏览>选择已保存,就能看到刚存储的配色方案了,除此之外,”大厨”们也可以将自己满意的配色方案上传到网上。

如果你的PS版本不是完整安装的,那么可以用Kuler的线上版本:

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

下面列出几种基础配色方案,供大家参考:

潮流的扁平化配色

Kuler-VC-4

带有情感倾向性配色

Kuler-VC-5

中国传统颜色

Kuler-VC-6

转自: http://www.uisdc.com/adobe-kuler-vc

 

您的赞赏,是对我创作的最大鼓励。

评论( 0

登录后参与评论
加载中