相信天堂 的个人资料相信天堂日志列表 工具 帮助

日志


1月22日

《色彩解答》系列之三 色彩对比

    前两篇《色彩解答》中讲了色彩的层次与比例,得到了坛子里很多朋友的喜欢当然也得到了很多朋友的批评与指点,在此感谢谢关注小毅文章的各位网友,希望我的文章能给大家带来更多的帮助。

    我们知道在设计中有很多对比,大小的对比,形状的对比,长短的对比,多少的对比,这些对比都比较容易理解,因为大小、长短、多少是很容易看得出来的,也是可以量化的,我们可以彩用黄金分割比的方式来限定我们设计中的这些长短多少比例。但是色彩没办法用黄金分割比来进行限定,所以色彩之间的对比就变得仁者见仁知者见智了。我时常听一些美院的朋友跟我说这样一句话:“素描靠功夫,色彩靠天赋”这句话虽说出来让人觉得不那么舒服,不过也能反应出一些问题,那就是说色彩是靠感悟出来的,关是练习是没用的。

    色彩太多了如果一一匹配分析也不现实,如果色彩只有256种那么也就没有色彩的烦恼了。不过我们可以从另一个角度来分析,我们从色调、明暗、饱和度三个方面来进行对比,这样色彩的对比就会显得比较的容易理解了。首先来解释这三个关键词:色调,指每种色彩独特的性质。比如红、黄蓝,也就是一种色彩的基调。比如“酒红色”就是红色调的怎么也能把他划到绿色与蓝色上。明暗这个很清楚,就是指色彩的深浅之分。换句话说,就是晚上与白天看同样一个色彩,其色彩的明暗是不一样的,因为他所反应的光线的强度也是不一样的。或者这样解释,在一种色彩中加入不同剂量的黑色那么这个色彩的明暗就会产生不同的变化。饱和度,就是指色彩的“纯度”或是亮度。这个饱和度很有意思,他的特性有时会与色调与明暗之间变得很模糊不太容易分辨。

 

0001

    解释了三个关键词,下面要讲的是什么样的对比是可性的。我们都明白配色时需要有对比不然就不好看。但是很多时间大家都不明白怎么样对比才是可行的。其实我们只要注意避开“灰”“邪”的配色就可以了。什么叫“”呢,就是对比性太差,没有精神,显得灰、脏。那什么叫“”呢,就是指对比极度的不和谐,有点针眼,让人很不舒服。

0002

    如何避开呢,这里有一个小窍门,只要寻求色彩、明暗、饱和度三者之间有一个是统一的。这样的色彩对比通常不会出现什么问题,我们可以通过下面的图示来直观的感觉一下。

0003

《色彩解答》系列之二 色彩比例

colortitle002

    上次在“色彩层次”中我们讲到,色彩的情绪表达并不在单一色彩,而在于色彩的组合,这次我们将深入进去了解一下众多色彩在一起之后所存在的“比例”关系。

    我们在使用色彩的时候不可能把所有的色彩都做得一样大小,当然如果你是在排色谱,那是例外。我们在设计网页或是平面作品时我们大多会想好用什么色彩为主色,并找到相关的色彩为辅色。但是往往到实际工作的时候就主辅不分了,也不清楚什么是主什么是辅。结出做出来的东西,色彩杂乱,没有主次!

    学习设计的人都想做出好东西,但是往往却事与愿违,从手下出来的作品总是不能达到自己的要求。其中对色彩比例的取舍上总是犹豫不决,结果往往是做出错误的判断。到底我们要怎么做才能做出漂亮的色彩呢。从比例的安排上可以帮助我们得到部分答案!

    下面看图:以下是一外国网站的截图,这个网站用的色彩不多,白色,黑色,橙红色。不用我说大家都知道什么色彩最多,什么彩色最少!

color2005003

    白色最多,黑色其次,橙红色最少,但是大家有没有发现一个问题,最醒目的不是黑白色,而是橙红色。这至少证明了:色彩多并不一定醒目,色彩少反应容易吸引注意力。另也是因为黑白色都是无彩色,所以橙红就会显得更加的鲜艳。大家注意到了,这里的比例目测大约是 白70%,黑22%,橙8%

color2005004

这里我们得到一个结论:越是鲜艳的色彩越是少用,所占的比例一定要少一点!

color2005005

    那什么样的色彩比较要大一点呢?我们可以看一上图与下面的图片,大家一定会有一个比较感性的认识。亚光色、无彩色的比例要战占得多一点。高亮色是不适合大面积出现的而高亮色最好是以很少的比例出现。

color2005006作者:小毅  出处:毅博客

 

《色彩解答》系列之一 色彩层次

 
     很多网友在经典论坛里说自己的网站为什么色彩上总是有问题,总是看起来没什么精神,没办法吸引人注意。小毅观察了一些网友们设计的网站发现他们在用色上不够大胆,同时也缺乏对色彩层次的理解。

     对于色彩的层次我记得我在《商业网站分析》有讲述过,当时没有听布鲁斯狼的劝告没做成文本形式,结果文章整体丢失。现在在这里正好重新讲述一下。

     色彩的层次是指当我把作品去色之后,作品中有没有表现出从黑到灰到白的存在比例。如果一个作品的黑色比较多那么整体的效果就会显得很沉重,而如果白色很多的话那么整体效果就会显得很苍白,如果灰色很多,白色与黑色都很少,那么整个版面就显得很脏了!

     大家看一下下面的图片,这个是被去色的图。大家看到了很多地方并非只是一种色彩,所以会产生一种色彩的渐变。

 

27_005319_blueideacolor001
 
27_005331_blueideacolor002
 

     很多人在制作网站时也会找到自己的主色与辅色,但是却没有把辅色用好。所表现的作品色彩上就显得那么的单调没有生气,那是因为没有注意主色与辅色之间色彩层次关系。

     丰富的色彩层次还可以帮助作品色彩艳丽。很多人想表现艳丽的色彩时总是在拾色器中找到个高饱和度,高亮度的色彩,可是做出来却发现并非是自己想得那样艳丽。看一下面的图片比较。

 

27_005339_blueideacolor003

 

好了,这次就讲到这里,希望大家多多提出宝贵意见以便小毅可以继续写出下一篇关于色彩的文章。

作者:小毅    出处:毅博客

9月11日

世界企业100强网址



1.通用汽车公司 http://www.gm.com  
2.戴姆勒-克莱斯勒公司 http://www.daimlerchrysler.com  
3.福特汽车公司 http://www.ford.com  
4.沃尔-马特百货公司 http://www.wal-mart.com  
5.三井公司 http://www.mitsui.co.jp  
6.伊腾忠商社 http://www.itochu.co.jp  
7.三菱公司 http://www.mitsubishi.co.jp  
8.埃克森公司 http://www.exxon.com  
9.通用电气公司 http://www.ge.com  
10.丰田汽车公司 http://www.toyota.co.jp  
11.皇家荷兰壳牌集团 http://www,shell.com  
12.MARRUBENI公司 http://www.marubeni.co.jp  
13.住友司 http://www.sumitomocorp.co.jp  
14.国际商用机器公司 http://www.ibm.com  
15.AXA公司 http:/www.axa.com
16.花旗集团 http://www.citi.com  
17.大众汽车公司 http://www.volkswagen.de  
18.日本电报电话公司 http://www.ntt.co.jp  
19.BP阿莫科公司 http://www.bpamoco.com  
20.日胜公司 http://www.nisshoiwai.co.jp  
21.日本人寿保险公司 http://www.nissay.co.jp  
22.西门子公司 http://www.siemens.de  
23.安联保险 http://www.allianz.com  
24.日立公司 http://www.hitachi.co.jp  
25.美国邮政服务公司 http://www.usps.gov  
26.松下电器产业公司 http://www.panasonic.co.jp  
27.菲利普 莫里斯公司
28.ING集团公司 http://www.inggroup.com  
29.波音公司 http://www.boeing.com  
30.美国电报电话公司 http://www.att.com  
31.索尼公司 http://www.world.sony.com  
32.城市持股公司 http://www.metro.de  
33.日产汽车公司 http://www.nissan.co.jp  
34.菲亚特公司 http://www.fiat.com  
35.美洲银行公司 http://www.bankofamerica.com  
36.雀巢公司 http://www.nestle.com  
37.瑞士信贷公司 http://www.csg.ch  
38.本田汽车公司 http://www.honda.co.jp  
39.通用保险股份公司 http://www.generali.com  
40.莫比尔公司 http://www.mobil.com  
41.惠普公司 http://www.hp.com  
42.德意志行 http://www.deutsche-bank.com  
43.联合利华公司 http://www.unilever.com  
44.国家农场保险公司 http://www.statefarm.com  
45.台市互助人寿保险公司 http://www.dai-ichi-life.co.jp  
46.费巴集团公司 http://www.veba.de  
47.汇丰控股有限公司 http://www.hsbc.com  
48.东芝公司 http://www.toshiba.co.jp  
49.雷诺公司 http://www.renault.com  
50.西尔斯-罗巴克公司 http://www.sears.com  
51.富士通公司 http://www.fujitsu.co.jp  
52.东京电力公司 http://www.tepco.co.jp  
53.德国电讯公司 http://www.telekom.de  
54.住友寿险公司 http://www.sumitomolife.co.jp  
55.杜邦公司 http://www.dupont.com  
56.苏黎世金融服务公司 http://www.zurich.com  
57.菲利浦电气公司 http://www.philips.com  
58.CGU公司 http://www.cguplc.com  
59.标致公司 http://www.psa.fr  
60.NEC公司 http://www.nec.co.jp  
61.宝洁公司 http://www.pg.com  
62.法国电力公司 http://www.edf.fr  
63.RWE集团公司 http://www.rwe.de  
64.帕斯奇塞纳蒙特银行 http://www.tiaa-cref.org  
65.宝马公司 http://www.bmw.com  
66.埃尔夫阿基坦公司 http://www.elf.com  
67.美林公司 http://www.ml.com  
68.慕尼黑RE集团 http://www.munichre.com  
69.威武安迪公司 http://www.viveni.com  
70.莱昂纳斯奥克斯公司 http://www.suez-lyonnaise-eaux.com  
71.美国谨慎保险公司 http://www.prudential.com  
72.ABN阿莫罗持股公司 http://www.abnamro.com  
73.中国石油化工集团公司 http://www.SINOPEC.com.cn  
74.谨慎公司 http://www.prudentialcorporation.com  
75.凯马特公司 http://www.kmart.com  
76.美国国际集团公司 http://www.aig.com  
77.农业信贷公司 http://www.credit-agricole.fr  
78.埃尼公司 http://www.eni.it  
79.奇斯曼哈顿公司 http://www.chase.com  
80.抵押银行集团 http://www.hypovereinsbank.d  
81.德士古公司 http://www.texaco.com  
82.大西洋贝尔公司 http://www.bellatlantic.com  
83.法尼梅公司 http://www.fanniemae.com  
84.福蒂斯公司 http://www.fortis.com  
85.安隆公司 http://www.enron.com  
86.拜耳公司 http://www.bayer-ag.com  
87.康帕克计算机公司 http://www.compaq.com  
88.摩根-斯坦利集团 http://www.msdw.com  
89.戴顿哈德逊公司 http://www.dhc.com  
90.TOMEN公司 http://www.tomen.co.jp  
91.东京-三菱银行 http://www.btm.co.jp  
92.ABB阿斯那布劳恩勃沃里公司 http://www.abb.com  
93.巴斯夫公司 http://www.basf.com  
94.皮切尼公司 http://www.jcpenney.com  
95.加福尔公司 http://www.carrefour.fr  
96.霍姆.德波特公司 http://www.homedepot.com  
97.朗讯科技 http://www.lucent.com  
98.社会通用公司 http://www.socgen.com  
99.三菱电气公司 http://www.mitsubishielectric.com  
100.摩托罗拉公司 http://www.mot.com