远方的海
远方的海,WordPress,免费
2015 Nov 09 17 : 57

教程:使用Abode色轮为你的设计配色

您当前的位置: 首页 > 设计 > 正文
欢迎光临远方的海!您可能还对 WordPress建站免费资源最新IT动态 感兴趣,点击开启 悦读 模式。CTRL+D 快捷收藏本文,我们期待您再次光临!
[文章目录]

本文是ABODE在线色轮配色的使用方法教学,简单讲述Abode在线色轮怎么用。

在网页设计和别的平面设计项目中色彩的搭配是十分重要的。一个好的色彩搭配可以让人感觉到清爽、充满热情抑或让人产生购物的欲望。

打开Abode色轮

Abode提供了很多图像图形处理软件,除了大家熟知的AI,PS,Flash等商业收费软件之外,这款色轮则是一款不错的免费在线工具,使用Abode的色轮就可以让同种色系的颜色在一起展示出来。点击进入Adode在线色轮,色轮的初始界面如下:

教程:使用Abode色轮为你的设计配色

图1,Abode色轮的初始界面

Abode色轮的色彩规则

点开左上角折叠的色彩规则展开项:

教程:使用Abode色轮为你的设计配色

图2,Abode色轮的色彩规则

我们可以看见色彩规则选项里面对应了以下几种风格:

  • 类比
  • 单色
  • 三元群
  • 补色
  • 复合
  • 浓度
  • 自定义

Adobe色轮色彩规则详细介绍

使用类比规则找到类似的颜色

我们把色轮上面的小圆圈拖动,可以看见色轮会自动找出拖动后颜色的类比色彩,我们可以看见色轮帮我们找到的一系列类比色让人整体感受还是很舒服的:

教程:使用Abode色轮为你的设计配色

图3,Abode色轮类比色彩

点击生成的颜色,下面会自动的给出当前颜色对应的RGB值和HEX值。

使用单色找到某一颜色的单调色

选择单色选项后,我们可以看见,这些色轮上面的点排列成一条直线。无论怎么转动,这些点都只在直线上面排列。你可以在直线上面平行的拖动这些点来调节直线上的色区。

教程:使用Abode色轮为你的设计配色

图4,单调色色轮

如图,我选择了一个蓝色系的线性区域。色轮会帮我们找到附近的蓝色值。比如,远方的海整个网站的色调是蓝色,那么很多颜色的值都可以通过Abode色轮来找到类似的蓝色。

使用三元群颜色

色彩三元群就是以一条线为基准,把色轮以120°为象界分成三块,在象界处的颜色值搭配成和谐的颜色组。在这里色轮上面的点成2,2,1分布。在象界上面的点也是只能在所在的线性区域移动。

教程:使用Abode色轮为你的设计配色

图5,Abode色轮上的颜色的三元群

补色色轮

补色,顾名思义就是相互互补的颜色,所成角度为180°对冲。转动和点的排列上和上面的三元群类似。

教程:使用Abode色轮为你的设计配色

图6,Abode色轮使用之补色

我们可以大概的看出,红色的补色是绿色,黄色的补色是蓝色。利用颜色的互补可以让设计中的颜色在不但一的同时,又有均匀感。

复合色色轮

复合色则是另外一种算法。复色是用原色与间色相调或用间色与间色相调而成的“三次色”。复色是最丰富的色彩家族,千变万化,丰富异常,复色包括了除原色和间色以外的所有颜色。

复色可能是三个原色按照各自不同的比例组合而成,也可能由原色和包含有另外两个原色的间色组合而成。

教程:使用Abode色轮为你的设计配色

图7,Adode色轮调色之复合色

可以看出这个复色算法的搭配的效果也是很不错的。

Abode色轮之浓度调色

浓度调色就比较简单粗暴了,只能选择一个颜色,对这个颜色的浓度进行调节,如下,我选择了一个咖啡色的点。色轮就对这个咖啡色进行了稀释和加深,排列出结果。

浓度调色和上面的单调色的效果很像,有木有!

教程:使用Abode色轮为你的设计配色

图8,Abode色轮之浓度调色

Abode色轮之自定义调色

自定义调色就很简单了,上面色轮的5个点可以自由拉动,比较适合对色彩感受和审美良好的人。

教程:使用Abode色轮为你的设计配色

图9,Adobe色轮之自定义调色

 以上就是所有关于Abode色轮的使用。

好文!分享给朋友,或者点个赞吧~

文章信息

分类:设计

您可能也会喜欢

发表回复

Post Comment


  1. 高兴365 :

    一直好奇,为什么你的网站侧边栏空着也不放个adsense的广告,多少还能有点收入啊

    2016-3-6
    • Sven水神 :

      @高兴365 为了自己看着清爽。网站纯属爱好,暂时不想赢利。

      2016-3-6