是什么能让一个规划看上去是和谐的,有条理的,专业的?答案是”色彩”.

不是所有的项目都要用那种浅的”公司蓝”(corporate blue)才会看上去很专业.色彩规划(planning color)便是树立一个描绘有哪些色彩能够用以及如何运用的框架.

色彩是难办的规划元素.“好”的色彩是像个人口味和感觉相同难以把握的,而且还有比方比照度,显示器校准等技能上的约束因素.

可是关于内容来说,色彩是至关重要的.假如你以为一个网站很重要,值得花时间来完善,那么用户一般也会以为它很重要,会花时间来读.挑选好的色彩便是为了达到这种作用.

在本文中,咱们会回顾一些用来给你的Web规划树立美丽的调色板的技能.

假如想让网站看上去是没有条理(unplanned)的,好的方法便是随机挑选色彩.

即使当用户第一次浏览网站的主页时,色彩也会影响到他们关于内容的情绪.这个网站会让人兴奋吗? 可信吗?大胆吗(daring)?乏味吗?有政治倾向?很正式的吗?

跟印刷制品相同,色彩会影响人们对所见到的信息的了解.

找到合适的色彩并不容易,可是整体进程仍是有迹可循的.

好的规划战略会包括一个配色计划(比方为了传达信息和营造氛围,色彩的可选规模.)以及这个计划的具体安排.

让咱们假设你需求规划一个专业的网站.(当然这个很有或许演变成一种喝酒游戏(drinking game):要吗是客户要求网站是”专业的”,”简练的”或许”现代的”,要吗便是”我喜爱这个网站,扒下来.”)

配色计划取决于网站的特点.比方,银行和花店的网站看上去都会很专业.

可是人们或许不会喜爱在一个”公司蓝”或银灰色的网站买花.或许幻想一下美国银行的网站变成紫色和黄绿色.

一个”专业”的规划会让用户觉得,这个网站是很严厉正规的展现它的主题,即便主题或许是很轻松的.不管哪种色相(hue)仍是色值(value),“专业”都意味着是和谐的,有条理的,经过深思熟虑的.

运用灰度

与色彩作业的好方式便是从没有色彩开端.

将规划中的色彩移除之后能够露出出问题的根本原因,而这些问题在开端考虑哪种黄绿色的色度(深浅)更美观之前就该去处理.假如规划在是非作用下就感觉不好,那就需求做一些改动了.

每个页面是否都有明晰的方针?规划是否能引导读者读完全部的内容?内容是引人入胜的,鼓舞人心的仍是客观的传递信息?标题明晰吗?文字链是否与其他文字有比照?色彩能够加强这些作用,可是布局,款式和安排中的问题都无法单纯的经过色彩就能够处理.

假如要从头规划,请先去掉色彩.这个简略的去色行为实在的展现出网站的立足点.(事实上,从头规划应该开端于从头评估你的方针和内容,不过这是别的一个故事了.)

有时,去掉色彩本身便是一种处理计划.

用Photoshop的斜视滤镜来测试你的配色计划.

用网站至少三个页面做截图.在Photoshop中翻开

每个截图都仿制一下布景图层

给新的图层做一下10px左右的高斯模糊

运用图像->修正->色彩别离.运用8到12之间,或许运用滤镜->像素化->马赛克.运用15到30像素

这样能够看到真正的主色彩.整个配色计划,用的越多的色彩,那个色彩在用户的印象中越重.

曾经网站的布局和安排过去都没有色彩,现在是时分来选一个调色板了.可是选哪个?用多少?

调整你的色相

色彩具有三个属性:色相,饱和度,色值(有时会叫做明度)(译者注: 想深化了解的话能够读这个:关于色彩的基本理论)

饱和度是色彩有多浓:霓虹灯作用的色彩便是饱和度很高,而蜡笔的色彩便是饱和度低一些.

色值表明了色彩有多亮(比方,与黑色或许白色有多接近)

色相决定了色彩归于彩虹的哪个部分,比方赤色或许绿色;这个便是人们容易出错的当地.

不和谐的色相能够很容易的K掉一个配色计划.一个规划能够用一种色相的上百种不同深浅的色彩,从蜡笔到霓虹灯,看上去仍然是有条理的.可是假如色相运用过错的方式混合在一同,整个配色计划就会混乱了.

防止不和谐色相的一种方法便是运用第三色来分隔.黑色,灰色或许白色的缓冲区是安全的,因为灰色系是中性色彩:你能够把黑色,白色,灰色与彩虹中任何部分混合在一同而且很和谐.

第二种计划是不同的色相运用不同的比例.假如配色计划中有紫色和棕色,那么规划中能够包括许多深棕色,而且参加一些明亮的紫色来装点.

另一个可选计划是更改色值.纯蓝色和亮青色是很一般的组合,可是深蓝色(海蓝色)和靛青色(天蓝色)能够经过满足的比照来互相烘托.赤色和紫色差异够大,但不会冲突,一起又满足接近而不像是刻意为之.浅赤色(粉色)和深紫色能够供给比照.

惋惜的是,防止过错的色彩组合与挑选好的色彩无法划等号.假如你满足了,可是你的用户感觉不舒畅,那就不是一个成功的配色计划.

发现优异的配色计划

优异的配色是从哪来的?有上百种色彩和上千种组合,怎样挑选?

小的静态网站的规划师应该从内容取色.一般是经过相片.

关于吸引方针用户的色彩,他们平时穿的衣服是一个优异的指示器.看看你的用户穿的什么,你会知道什么色彩能让他们觉得舒畅.假如你的网站是关于,描绘体育联盟的,想想他们比赛时穿的衣服,这要比他们平时作业时的好.

假如你幸运的得到方针用户的照片,一并看看.你需求得到这群人的中间色(average).可是假如照片无法利用,那么去购物吧.

商业界的服装规划师关于每种心境和生活方式都有优异的色彩感.当然不用跟第五大道上的高级时装相同.经过google查找“camping stores,” “baby clothes,” “ski and swimwear”和“casual living”会找到许多很好的色彩组合.

人们会依据他们的品尝穿衣服.假如你运用他们喜爱的色彩,在你的网站上他们会觉得更舒畅.

运用纹路

经过微小的改动色相,饱和度和色值来制造纹路.

单色纹路(比方,只有一种色相的纹路)和图案毫无冲突的给大部分网站供给了奇妙的维度.

简略而特别的纹路布景很容易树立:

给内墙(interior wall)照个像或许其他一些光溜溜的可是感觉粗糙的东西.