前文在此:对比是艺术的关键(一)

近来看了一些相关的书,终于明白为什么抄来的颜色不好看了。从某种角度说,颜色本身是可以独立存在的;但从另一个角度说,有了对比才能显示出颜色的性质。人家网页上某个颜色好看,是放在他网页的整个配色环境下,在那个网页上其他颜色的衬托下才好看。我把那个颜色抄过来,虽然颜色本身是一样的,但旁边同它相配的颜色不一样,这个颜色也会失去原本的光彩。比如说,人家网页上有红色、蓝色、黄色,再用点淡绿色显得清新自然;我的页面上全是各种深浅的绿色,再来一个淡绿色只会显得灰蒙蒙惨兮兮的。

另一方面,对比色的适当使用,反而会加强本来的颜色。白色放在黑背景下会显得更白,绿色在红色的衬托下会显得更绿。这些道理我原本在理论上也知道,但实践中却不敢用。因为无法达到既对立又统一协调的效果,所以干脆不用对比色。看了些理论文章才明白,颜色的对比不仅仅有色相的对比,还有其他方面的对比,比如色块面积的对比就是其中很重要的一种。如果页面上有大块的绿色,只有非常小的一点是红色,那么不但不会破坏页面的协调,反而会让绿色显得更绿,同时红色的这一点也会非常突出,仿佛是画龙点睛的一笔,所以它也叫做点睛色。

这也算是一个小诀窍吧,如果要用对比色,一定要让它们在其他方面也有所对比,比如让一个面积非常非常大,另一个面积非常非常小。一般不能让它们面积相当,平起平坐,甚至交错分布。有人为了强调,就使用绿底红字,然而这样醒目是够醒目了,已经到醒目到了刺眼的程度,就不适合了。

顺便说说本博客主题的设计,是以绿色为主色调,只有右上角的 RSS 订阅图标是橙色,右边的链接当鼠标悬浮的时候是橙色。这样对比鲜明的颜色,放在几个月前我都不敢用的。现在效果似乎还可以,不会觉得刺眼。没用橙色的时候,页面有“压不住”的感觉,绿色也是灰蒙蒙的,惨绿惨绿的。加入一点点橙色能够起到很好的平衡作用。不过这些都是建立在我显示器效果的基础之上,我没有刻意去用 web 安全色,也许在别人的显示器上还是惨不忍睹吧。

(待续)

本文作者:Betty | 本文地址: http://myfairland.net/contrast-is-the-key-to-arts-2/
本站文章除特殊标明者外均为原创,版权所有,如需转载,请以超链接形式注明作者和原始出处及本声明

同标签的文章

  • 《七日掌握设计配色基础 》摘抄
    鲜亮的颜色会使食物看起来更美味 明亮的色调表示欢快 鲜艳色彩的对比制造出节日气氛 灰色调给人亲切感 淡色调使人联想起婴儿,亮色调好像精力充沛的年轻人,暗...
  • 《七日掌握设计配色基础 》读后
    看了豆瓣的评论,在这本《七日掌握设计配色基础》和《贝蒂的色彩》(由《像艺术家一样思考》的作者所著)之间犹豫了很久,还是买了这本。因为这本是日本人写的,《贝蒂的色...
  • 对比是艺术的关键(三)
    前文在此:对比是艺术的关键(一)、对比是艺术的关键(二) 回到对比的主题上,美术中的对比远远不仅是颜色和面积的对比,可以说,绘画的许多方面都是由对比来呈现...
  • 对比是艺术的关键(一)
    对比在音乐中的重要作用,童年看科普书时就已知道了。音乐的四要素是高低、快慢、长短、轻重。这些都是因对比才有的概念。没有高就没有低,没有快就无所谓慢。一分钟跟一...
  • 神器Artisteer
    发现了一个神奇的软件,叫做Artisteer。(主页:http://www.artisteer.com/) Artisteer是一种傻瓜式的页面设计软件。 ...

13 回复 to “对比是艺术的关键(二)”

  • TR@SOE:

    还可以看看莱辛的《拉奥孔》……

  • Betty:

    @TR@SOE:
    牛人啊,能不能讲讲呢?相信很多人都没看过这本书 :)

  • 不过也许对比太强烈的话会造成反效果啊~
    这个度很不好把握哟

  • Betty:

    @Elton Disney:
    对啊,所以我说其他方面必须也有对比,比如一个面积极大,一个面积极小

  • TR@SOE:

    @Betty:

    简单的说,莱辛在《拉奥孔》里提出一个诗歌和雕塑之间的本质区别:雕塑永远不能表现要表现的对象的极端状态。

    引申到今天,我简单的将电影和照片和他的对比物关联起来。

    那就是说:拍照的时候千万不能排出对象的极端状态。

    比如:运动员冲刺,那么最好的镜头是在他撞线前的一刹那;老猫打哈欠,最好的镜头是在它嘴张到最大未到的时候……

  • Betty:

    @TR@SOE:
    这就好似绘画中的“关键时刻”,一般人总是画事物达到顶峰的瞬间,达芬奇却画达到顶峰前的一瞬。
    又好比武功里说,招数不可用老。
    又好比周易里的既济不如未济。

  • jan:

    有道理

  • Vicy:

    其实觉得右边那个订阅的图标基本上可以忽略~

  • Betty:

    @Vicy:
    我说了,达到的效果是虽用了对比强烈的颜色却不刺眼,这对于外行如我来说已经是很大的进步了

  • @Betty:
    难道,你竟然已经成为专业设计?

  • Betty:

    @maomy:
    没有啊,业务爱好……

  • 7:

    web安全色现在已经没有意义了。

  • Betty:

    @7:
    嗯,然而软件里总是提示web安全色,挺烦人的……
    其实用了安全色也不安全,各个显示器偏色情况都不一样,别人那里显示的效果实在是很难控制的……

发表评论