致力于打造一个优秀的建站资源共享学习平台!

爱站窝四川

Adobe官方御用配色插件 – Kuler 详细教程附下载地址

爱站窝查看全部>>

人气650

经常听朋友抱怨说颜色如何难用,那今天PS教程给大家推荐一个PS自带的小工具:kuler。或许能帮你解决颜色使用方面的困扰。

线上版地址:https://kuler.adobe.com/create/color-wheel/

4973876_00_thumb
图00

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

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

  网页配色的基本原则:

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

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

(2)色彩的鲜明性。

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

(3)色彩的独特性。

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

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

(1)对比色彩的搭配

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

(2)冷色系的搭配

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

(3)暖色系的搭配

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

(4)邻近色的搭配

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

(5)同种色彩的搭配

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

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

4973876_kuler-vc-1_thumb
图01

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

4973876_kuler-vc-2_thumb
图02

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

4973876_kuler-vc-3_thumb
图03

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

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

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

如果你的PS版本不是完整安装的,那么可以用Kuler的线上版本:https://kuler.adobe.com/create/color-wheel/

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

潮流的扁平化配色

4973876_kuler-vc-4_thumb
图04

带有情感倾向性配色

4973876_kuler-vc-5_thumb
图05

中国传统颜色

4973876_kuler-vc-6_thumb
图06

 

下载地址:

点击下载

TA的作品
  • Mohtml 作品/设计展示自适应wordpress主题 模板兔出品
  • QYKCMS后台软件v4.1.3部分操作界面截图
  • 轻松制作一款与众不同的QYKCMS网站主题
  • 怎样设置可以让QYKCMS系统运行得更快?
  • 使用 Apache .htaccess 文件设置QYKCMS伪静态规则的方法
  • QYKCMS后台管理软件入门级操作视频教程
  • IIS下使用 web.config 文件设置QYKCMS伪静态规则的方法
  • 同一个网站空间使用QYKCMS建立多个独立站点
  • QYKCMS后台管理员密码忘记了怎么办
  • QYKCMS 网站系统4.0 标签大全
查看全部

全部评论: 0

在线咨询
有什么可以帮到你
点击咨询

账号登录

忘记密码

第三方账号快速登录

Q Q 登 录 微 博 登 录

账号注册 已经有账号? 立即登录

发送验证码

第三方账号快速注册

Q Q 登 录 微 博 登 录