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

2014/04/11 94447

kuleradobebanner

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

相关推荐:
《取色指南!7款靠谱工具帮你选取完美配色》
《碉堡!配色神器第二代!Color Cube免费开放下载》
《配色弱的同学必看!跟大自然学配色(自定义色板教程)》

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

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

网页配色的基本原则:

(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

相关推荐:
《取色指南!7款靠谱工具帮你选取完美配色》
《碉堡!配色神器第二代!Color Cube免费开放下载》
《配色弱的同学必看!跟大自然学配色(自定义色板教程)》

关于畅游VC

搜狐畅游视觉设计中心团队。我们是从游戏和生活中汲取创意和灵感的一群设计精灵,用爱去释放奇妙的设计魔法,描绘让你我感动的虚拟人生。

官网博客:vc.changyou.com
新浪微博: @畅游VC
微信公众平台:cyou_vc

您也可以通过扫描下方二维码快速添加:

vc

【优设网 原创文章 投稿邮箱:2650232288@qq.com】

 
================关于优设网================
“优设网uisdc.com“是一个分享网页设计、无线端设计以及PS教程的干货网站。
【特色推荐】
设计师需要读的100本书:史上最全的设计师图书导航:http://hao.uisdc.com/book/
设计微博:拥有粉丝量66万的人气微博@优秀网页设计 ,欢迎关注获取网页设计资源、下载顶尖设计素材。
设计导航:全球顶尖设计网站推荐,设计师必备导航:http://hao.uisdc.com
———————————————————–
想在手机上、被窝里获取设计教程、经验分享和各种意想不到的”福利”吗?
添加 优秀网页设计 微信号:【youshege】优设哥的全拼
您也可以通过扫描下方二维码快速添加:

youshege
 

非特殊说明,本文版权归原作者所有,转载请注明出处
本文地址:https://www.uisdc.com/adobe-kuler-vc

sketch UI 界面设计 平面设计 转场动效 交互设计师 设计师 设计师专访 扁平化设计 排版布局 职场 设计流程 用户体验设计 视觉设计 素材下载 配色 web前端开发 海报设计 AI教程 设计规范 设计理论 字体下载 产品设计 设计趋势 神器下载 动效设计 psd下载 图标设计 logo设计 神器推荐 ICON 职场规划 App设计 字体设计 酷站推荐 交互设计 ui设计 设计师职场 用户体验 优秀网页设计 ps技巧 酷站 PS教程 网页设计 经验分享
wechat

优设官方微信

50万设计师关注

微信号:youshege

把好文章收藏到微信

打开微信,扫码分享
学设计 优设网 在这里