CC
当前位置:首页 > 设计师互动平台 > 网站设计
网站的配色思考
作者:wxq  发布时间:2010-04-29  查看次数:2827
石家庄设计公司 石家庄网站制作 曾经费仔细背地替网站设计一套令人眼睛为之一亮的色彩组合吗?可能你向来眩惑为何银行、公司行号或金融机构的网站总是行使蓝色系?那么你来对处所了。虽然大部分的网站开辟人员都很清楚召集所行使的色盘和黑甜乡色彩的16进位体系,但对色彩学和实用色彩组合背后所隐含的原理一经懵费解懂。
  几世纪将来,色彩本身就是一个艰深的谜题。举例子来说,苏格拉底就曾经假设说「火」之源起,乃是因眼睛连系了对象本身的「白」(whiteness)所形成的色彩。之后,牛顿更探究光与色彩之间的联系;自后历经许多科学钻研,终极在20世纪确认了光波与色彩感应之间的绝对联系。
  如今,色彩妥洽与色彩调性方面的钻研新闻,直接影响了艺术家、设计师和广告AE人员。本篇关于色彩假想的指南,旨在探究如何于网站上实用行使色彩,同时也供给了许多色彩妥洽技能,让您善用色彩来驾驭网站设计。
  色彩学
  我们能看到色彩是靠三个元素相互作用而成:光源、物体的反射特点、以及人体视网膜和脑部视觉皮质区对光波的处置办法。不管我们行使哪种媒材来作业--绘画、印刷或召集--我们都得缠住上述历程才能实用行使色彩。
  色彩的罗列--彩虹
  十七世纪末期,牛顿证实了色彩并非存在于物体本身,而是光作用的结果,且只要将可视光谱上的长短光波连系起来即可形成白光。这些可视光的波长可对应到七个不同的色彩:红、橙、黄、绿、蓝、靛、紫。
  牛顿在实验中所离婚出来的可视光谱其实才占了所有电磁光谱的一小部分,全数光谱规模从分为「短频、长波区」(例如收音机调频)到「高频、短波区」(例如X光)。可视光谱的区域是介于红外线与紫外线之间,波长约为400nm(紫色)到700nm(红色)之间。虽然牛顿证实这些光波连系在一起即形成白光,但其实只须要红、绿、蓝三光波就无妨形成白光。
  光的吸收与反射
  当光波投射在物体身上后,该物资会传送、吸收或反射不同部分的光波。依据不同物体的特点以及它本身的原子结构,它可能反射了绿光但吸收了其它的波长。这时候人们的视网膜和脑部视觉皮质区会处置此一反射光,然后形成我们所看到的色彩。
  艺术家和设计师将色彩复制到画布或纸张上的时候,他们便是仿真此一历程,利用颜料吸收了某个部分的光波、反射出其它光波。例如要形成绿色,我们可行使会吸收红、蓝光波的颜料即可。此一历程是所有绘画与印刷媒体的色彩模式本原。
  圆满靠眼睛
  虽然,不论是反射自物体或是发射自光源本身,我们处置光波的才能都是靠视网膜和脑部的视觉皮质区。视网膜内有三个反璧器(可能说是锥细胞)可响应某些光波的频率。红色锥细胞能感应低频率的波长,绿色锥细胞反响的是中频率的波长,蓝色锥细胞反响的是高频率的波长。这些锥细胞的运作并非二元性的,而是近似频道一样,可将刺激分别转达至脑部的视觉皮质区,驰过处置后才形成出我们所看到的色彩。
  为了产出特定色彩,艺术家/设计师们必要靠着增减光波的办法,让人体内的视觉反璧器只反响到某些光波。至于理应用加法或减法原理,则要看你行使何种材质来阐扬你的作品了。
  设计师处置色彩的方法通常有两种:一、加色法,稠浊不同色彩的光波以形成白光;二、减色法,行使颜料来省减光波。陈旧的艺术家所行使的色盘和CMYK体系都是减色法模式。在网站上,我们所面对的是光的投射,而不是从物体上反射追忆的光,所以行使的是加色法模式,我们称它为RGB。
  加色法
  在大自发中,我们所看到的光波是驰过物体反射到达我们的视网膜,但产精粹彩的办法不仅只这一种。例如,舞台灯光是利用白光穿过有色滤镜来形成不同的色光。黑甜乡机屏幕也是行使投射光波的办法,但不同的是它藉由让电子光枪发光投射到含磷的屏幕来产精粹光。这些电子光枪无妨发出三种色彩:红、绿、蓝。藉由这三种色光,黑甜乡机屏幕可确立出完整的光谱。这就是人人所熟知的RGB色系。
  在RGB体系中,设计师也无妨透过稠浊三原色的办法做出一个光谱。稠浊任两个原色,就会形成三个次原色:青、洋红、黄。如前方所说的,将光的三原色加在一起就无妨做出白光。所以,若是一个RGB的值为255,255,255则表示为白色。若是完整拿掉这三原色的光(RGB:0,0,0)则形成黑色。
  减色法
  RGB模式的相反模式就是CMYK模式,也就是行使省减光波的办法来形成色彩。由于物体色彩来自于反射的光波,此一体系乃行使三原色来吸收物体的红、绿或蓝光。例如,若是你省减了红光,那么过剩的绿色波和蓝色波就会形成青色。用来撤除红光、反射绿、蓝光的颜料就会显示青色。一致的,平面印刷设计师会行使洋红来吸收掉一部份的绿光,以及行使黄光来吸收掉一部份的蓝光。
  这样一来,我们很彰彰的无妨明白CYMK模式中所行使的三原色就是RGB模式中的次色彩,反之亦同。再者,若是将红、绿、蓝光稠浊在一起形成白光,那么就表示将青、洋红、黄三色的颜料稠浊在一起就会形成黑色,因为三原色的光波都将被颜料所吸收了。然而受限于颜料和印刷体系的因素,稠浊青、洋红、黄并无法完整吸收掉所有的光波。因此现实上还必要加上一个黑色才能完成,所以就形成了CMYK里面的K元素了。
  色彩治理
  由于有这两套不同的复制色彩办法,设计师若必要同时创作数字与印刷影像可就伤脑子了。除了对应加色法和减色法之间的疾苦外,RGB和CMYK可行使的色彩规模鉴识也相称大。因此对跨媒体设计师而言,占有一套可依据输出装备做色系改换的色彩治理体系可减轻不少头痛问题。色彩治理体系可蕴涵在操作体系,某些应用软件之中。
  视觉设计最大的寻衅之一便是找出实用的妥洽色彩,让色系既不过于平板,也不过于夸张。想剖判色彩平衡之间的联系,可从剖判色环早先着手。色环展示出某一色彩模式中所有可能的色相
  每个色彩模式都蕴涵了一组三原色,然后经由这一组三原色的相互稠浊而形成不同的色彩。在陈旧色彩学中,三原色指的是蓝、红、黄;而在RGB色彩模式中,色光的三原色是指红、绿、蓝。任何两个色光的组合会形成一组次色彩。三次色则是稠浊了原色与次色,可能是稠浊两种次原色所形成。我们用色环来展示色彩的逻辑性。你无妨从下面的图中看出,RGB的色环和陈旧艺术家们所行使的色环是很不一样的。
  同色妥洽:单一色彩,小额深浅、色妥洽明暗度不同。
  近似色妥洽:行使周围的色彩或在色环上很切近的色彩做妥洽。
  互补色妥洽:行使色环上两个相对的色彩做妥洽。这样的色彩组合通常无妨供给最大秤谌的对比认为,但若过份行使使会流于夸张。
  对比色妥洽:行使一种色彩,再加上其互补色旁边的两个色彩做妥洽。对比色妥洽能供给比互补色妥洽较迷人的对比。
  三角妥洽:行使色环上三个等隔离色彩。
  双互补妥洽:行使两组(共四色)互补色彩。
  在探究色彩妥洽的时候,通常最好从纯色下手,然后再尝试不同秤谌的渲染、色妥洽明暗度。接着你可行使网站仿真图先行测试某色彩组合的视觉特效。切记,对比的主要性不小额在于为了选购人而设计;它也可能成全或劝止网站的涉猎性。
  色彩所转达的意义
  当我们在检视色彩的科学性质和色彩妥洽的美学考量时,我们开掘感官在色彩运用上扮演了很主要的角色。除了感官反响与辨识妥洽色彩外,人类内在对色彩的反响还有更深层的一面。色彩能勉励骚动的活理/心理共识,不管是对面或负面。当你在选定色彩组合时,请占定你所选用的色彩能引起允洽的回响。
  色彩的活理反响
  虽然并没有直接证据显示色彩能勉励特定反响,不过钻研显示,某些色彩可信能够引起一些活理上的反响。例如,红色就是一种额外刺激的色彩,往往会令人心跳加快、呼吸灵敏。所以,红色额外适宜用在须要引起留意和强调的时候,但若用在背景色彩的时候可能显得过于骚动。一致地,黄色也能引起留意,但因为其反射性太强,节用造成眼睛的疲乏和不畅快。另外一方面,蓝色对神经体系完美轻飘的结果,且依据一些钻研显示,以蓝色当背景还能增多积累力。不过,若是你的产品与食物有关,千万不消用蓝色作为背景色彩,因为蓝色可是会聚敛人们的胃口喔。
  色彩的象征
  色彩所象征的意义绝不候跟大自发中的事物有关。例如,天空与太阳的色彩所形成的联想举世接然。然而,大部分的色彩意义都跟民族文化有关,例如,政治、宗教、神话或社会结构等--这些因素可能会随着光阴与地区的不同而形成鉴识。若你设计的网站是针对国海外区,那你可千万得当心,合并色彩在不同文化可能会有背道而驰的结果。另外,大部分的色彩都同时完美对面和负面的联想。你无妨运用色彩的质量和饱和度的不同,可能是用稠浊两个色彩的办法来强调某个轶群的涵义。
  合伙在西方的文化中,色彩所转达的涵义为:
  红色:热忱、狂放、火焰、暴力、侵占。红色在良多文化中代表的是退缩的讯号,用于警告或逆命一些举止。
  紫色:创造、谜、虔敬、再造、稀少。紫色在某些文化中与仙逝亡有关。
  蓝色:虔敬、安全、闭塞、香甜、漠然、心酸。
  绿色:自发、巩固、起家、嫉恨。在北美文化中,绿色代表的是「行」,与环保意识有关,也屡屡被连结到有关财政方面的事物。
  黄色:清明、辉煌、疾病、空虚。
  黑色:才能、风雅、前卫感、仙逝亡、病态、龌龊。
  白色:清纯、灵便、干净、道理、清静、冷淡、贫乏。白色在中华文化中也代表着仙逝亡的色彩。
  替网站选对色彩可不是一件节用的事;良多公司还轶群约请专业商讨人员,使其色彩组合能搭配、强化的确的品牌外型。不过,若是你个人就已经完美色彩妥洽感,并且剖判某些色彩可能会引起什么样的反响,你只需照着你的方法进行,开辟出实用的色彩组合。在你早先物色对应的色彩之前,你必要先很清楚你网站所要转达的讯息和目的。一但你剖判要转达的讯息后,就可早先进行调色职责了。在历程中,你免不了要毗连地实验稠浊色彩,这是一个极具创意的历程。别胆怯行使英勇的色彩组合,但在将你的产品公诸于世之前,切记要驰过残存的测试喔!
  色彩的行使技能与指针
  1.剖判你的网站所要转达的讯息和品牌。选用无妨捏紧这些讯息的色彩。例如,若是在设计一个强调矜重的金融机构,那么就要选用冷色系、迷人的色彩,像是蓝、灰或绿。在这样的状态下,若是行使暖色系或活动的色彩,可能会损坏了该网站品牌。
  2.剖判你的读者群。文化鉴识可能会使色彩形成非预期的反响。同时,不同地区与不同年事层对色彩的反响亦会有所不同。年青族群合伙对比喜欢饱和色,但这样的色彩却引不起高年事层的恋慕。
  3.不消行使过多的色彩。除了黑色和白色之外,约选用四到五个色彩就够了。太多的色彩会导致混淆,也会拉走读者的留意力。4.在涉猎的部分行使对比色。色彩太切近无法形成足够的对比结果,也会劝止观众涉猎。白底黑字的涉猎结果最好。
  4.用灰阶来测试对比。当你在处置黑色、白色和灰色之外的色彩的时候,绝不候会很难裁夺每个色彩的相对值。为了要确认你的色盘能供给足够的对比,你无妨树立一个仿真网站,并将它改换成灰阶即可。
  5.选用色彩要留意时效性。合并个色彩很节用就充塞着全数市场,且耗费者很快的就对着述色彩感到敏感。但就另外一个角度来看,你无妨行使几十年前的着述色彩,引起人们的怀旧之情。
  6.选用色盘时请推敲功效性的色彩。别忘了将枢纽新闻部分树建功效性的色彩,例如题目和超级链接等。8.留意网站色差问题。每一个网站开辟人员都明白,即使是召集通用色彩在跨平台显示的时候城市有些不同。切记要校订你的gamma值,并在不同的作业平台上测试你的色盘。石家庄网站制作/编辑
返回
在线咨询
0311-67663355
QQ咨询

帝易企划

请联系您的客服获取工单提交地址:)