分享

Web 页面设计的色彩理论及应用(2)

 卡娅珠宝 2015-05-07
最初我们可以做一些类似的明度对比的练习。在艺术教育课程里一般都采用水粉来绘制,其实同样也可以用电脑来练习,培养色彩感觉。当有一定基础后结合其他构成来练习。

色相对比调和与色彩调和感觉;色相对比以孟赛尔色相环为主。

两个色相对比调和的取色方法和相应的色彩感觉:

h : h 和谐,统一。

h : (h±1°;~30°;)类似,活泼。

h : (h±30°;~60°;)准对比,生动。

h : (h±120°;~150°;)对比,强烈。

h : (h±180°;)补色,刺激

  在实际应用的时候注意明度变化和两个色彩的主次位置。还有的说法是把孟赛尔色相环已有的十个色相的基础上平分为100份,那么在色环上就是100等分,用色环的间隔数来表示,本人认为用角度的算法比较准确。

多个色相对比调和的取色方法和相应的色彩感觉:

色相环120度以内:等差取色,如:n : (n+12) : (n+24) : (n+36);等比,如:n : (n+13) : (n+25) : (n+37)。现代感强等。

色相环180度以内:等差取色,如:n : (n+20) : (n+40) : (n+60);等比,如:n : (n+20) : (n+50)。强烈。

色相环380度以内:等差取色,如:n : (n+30) : (n+60);等比,如:n : (n+10) : (n+27.5) : (n+57.5)。刺激。

两个同一色对比调和
主基调:■ # FF7318 H:24 S:91 B:100
■ # FF6300 H:24 S:100 B:100

两个类似色对比调和
主基调:■ # FFCE00 H:48 S:100 B:100
■ #FFA000 H:38 S:100 B:100

两个补色对比调和
主基调:■ # FFCE00 H:48 S:100 B:100
■ # 4273A5 H:210 S:60 B:60

多个色相对比调和
主基调:■ # 945A18 H:32 S:84 B:58
■ # 5A2F00 H:31 S:100 B:35
■ # 633100 H:30 S:100 B:39
■ # 401F00 H:29 S:100 B:25

  色相对比调和只是帮助你最快的找到相匹配的颜色区域,最后效果还是要靠自己的颜色直觉。

  在Web界面设计的时候,一般来说都是用纯度比较高的颜色,不成文的规定纯度为80~100,所以实际应用中我们只需要调节明度的变化。自然能创造出比较好的色彩效果。

  使用两个同一色跟使用明度对比调和的注意事项是一样的,两个同一色构成的画面没有力度,但是比较容易烘托表现主题,一般都是以背景的形式存在。

  两个类似色对比调和要注意与无彩色相结合,即黑和白,这样的页面会比较干净、大众化,门户网站用色方式的较好选择。

  两个补色对比调非常的容易树立风格,能给人留下强烈的映像,信息发布类商业站点的首选,既不失个性又比较容易让人接受,大多作为主色调,结合明度对比调和类似色对比调和存在。

  多个色相对比调和多用于Flash动画和页面的制作,在纯度高的情况下,它比较容易塑造出个性鲜明的形象。

色相对比调和的练习

纯度对比调和。

  纯度对比调和的理论也有很多,但是大部分只能应用在绘画,工业造型等等行业,在Web界面设计中正真实用的只有1条:

  黑、白、灰属于无彩系,它们能与任何彩色搭配。纯色与无彩系搭配的时候会使纯色的鲜艳感增强,灰色与纯色搭配会使灰色带有颜色,当灰色覆盖面积较大时纯色将比较容易形成调和。高明度的灰色(白)有轻快高雅的感觉,低明度的灰色(黑)可以产生稳重。

  Web界面设计中如果采用降低颜色的纯度来产生调和是需要点勇气的,按照现在的审美观点,普遍地不能被接受,或许有待进一步的探索和研究。

灰色与高纯度黄色调和

    本站是提供个人知识管理的网络存储空间,所有内容均由用户发布,不代表本站观点。请注意甄别内容中的联系方式、诱导购买等信息,谨防诈骗。如发现有害或侵权内容,请点击一键举报。
    转藏 分享 献花(0

    0条评论

    发表

    请遵守用户 评论公约

    类似文章 更多