《网页设计配色应用实例剖析——绿色系》由会员分享，可在线阅读，更多相关《网页设计配色应用实例剖析——绿色系（9页珍藏版）》请在金锄头文库上搜索。
1、网页设计配色应用实例剖析一一绿色系绿色在黄色和蓝色（冷暖）之间，属于较中庸的颜色，这样使得绿色的性格最为平和、安 稳、大度、宽容。是一种柔顺、恬静、满足、优美、受欢迎之色。也是网页中使用最为广 泛的颜色之一。绿色与人类息息相关，是永恒的欣欣向荣是的自然之色，代表了生命与希望，也充满 了青春活力，绿色象征着和平与安全、发展与生机、舒适与安宁、松弛与休息，有缓解眼 部疲劳的作用。它本身具有一定的与自然、健康相关的感觉，所以也经常用于与自然、健康相关的站 点。绿色还经常用于一些公司的公关站点或教育站点。绿色能使我们的心情变得格外明朗。黄绿色代表清新、平静、安逸、和平、柔和、春 天、青春、升级的心理感
2、受。下面我们根据绿色系不同属性邻近色、同类色的高纯度低纯度、对比色等色彩搭配做 不同的举例分析。f 绿色网页例图：http:/IDENTEfl BMLAMHMOJnO.COM.垃和 MU31 IE OFlUCOAL CMttKM.M VUIH 匚EXHEVTiM PKKfMQX 耳EdW PvlEH YC* (kUEQr ht- 9rOI DQdNTm 主色调辅色调点号色背員色R 63H.10A-R 40+i.104BRJ02H 3d2BG：20JS：90%G：1198.90%G：13B：2DE：3D%B：12B：57必网页设计与配色实例分析绿色系分析：从上图的主色调、辅色调HSB模式的数值可
3、看出，这两中颜色只是在明度上有区别， 其显示的色相与饱和度是一样的。正绿色是120度，这两种颜色从RGB数值上看，都不同程度的混合了其他少许颜色，因此离正绿色稍有些偏差。由于绿色本身的特性，所以整个 网页看起来很安稳舒适。辅助色只在明度上降低，让页面多了些层次感、空间感。 白色块面使得绿色的特性发挥到最好的状态并增强了视觉节奏感。 点睛色恰到好处的体现出了点睛这一妙笔，极尽诱惑力，整个页面顿时生动提神起来， 增强了页面主题的表达力。结论：主、辅色调是属于同类色绿色系，通过不同明度的变化，能较递增缓和变化同时却也较 明显的体现出页面的色彩层次感来。如果不是通过数值来分析判断，可能会有些朋友凭经验
4、 判断，容易误认为这两种颜色除了明度外有可能纯度会有所不同，这时候适当的使用数值模 式会很容易得到正确的结论的。整个页面配色很少：最大色块的翠绿，第二面积的白色，第三面积的深绿色，但得到的 效果却是强烈的、显眼的，达到充分展现产品主题的目的。深绿色给人茂盛、健康、成熟、稳重、生命、开阔的心理感受绿色高纯度网页例图：http:/A 训0闻 cf FMJ0 MWOttifl Kport趴FfXlltSn-ard waf. jet up in 三日彌询兰：口DO. tf aigJht .AjElMrtingi M古mb白rs 口Cal Hwir密由 In the*l球 cf ikdMqR尙口pa4a
5、n9 怖电秆“f m hjhMOROCCO主色调Q 網 2 H.75G：203 3.100%B.O 5:30%点蒔色背景色辅色调3：178 H 75-G. 236 S.96%H. 56.93WR阳HJ93 R 2S5H 37R：TOH WG1BQS：75WG!173:79%G：6&3:21%B：2166:35%B：5JB.itXHfcB：55B：27%昭网页设计与配色实例分析quatoktr i&radudt.绿色系分析： （高纯度配色：绿色+对比色组合）HSB数值H显示60度为正黄色，该主、辅色调只向绿色倾斜了一丁点-H为75度。大面积明度稍低的黄绿色为主要色调，饱和度却非常高，达到了 10
6、0%，辅助色使用了提 高明度的嫩绿色和白色，这两种辅色除了增加页面的层次感的同时，还能让整个页面配色有透亮的感觉，增强了绿色的特性。背景深褐色无疑把前景的所有纯色烘托得都耀眼于舞台上。该页面有两组小小的对比色，一组是黄绿与橙红色，一组是橙黄色与天蓝色，这两组配 色严格的来说不算对比色，因为色彩多少有些偏差。虽然它们的饱和度降低，但在这个页面 中足以构成了最响亮的色调，把整个页面烘托得非常活跃、鲜明。结论：主、辅色调黄绿色大面积使用并不刺目，反而使得页面看起来很有朝气、活力。 适当运用不同纯度的不是相当严格意义上的对比色系组合时，通常能起到的主要作用是 主次关系明确。不标准的对比色系对比特性虽然
7、减弱，页面色彩看起来容易协调、柔和， 但一样能突出主题HOM AHCEMg IMrt- 口鬧匪FTuiibI- Ii aiii同类色浅绿色网页例图：http:/shehouse.we.tvffiwl iho handymen YOU tfiktd fer mons an gr* JiandfmEiB, *1日中u（勺白 Firtd wkthi.主色调 a link bckwBo Safapbn Mead and fofew 刊ibBsvia ga(?s and pfopeMy 怦 fret 推備； PrciBct plan& ard anunaK, an take 牌 httEt*nasp cfegt under ctose currtrolCons de? xner people將戯诃 她咖轴 0N Wwi 咖爼 伽 *r企h iv iwf知 MMTFn44*3 4 Auntft AtnMfW Uri爲主色调辅色调R 123H.10 0R 3JB H.1O6R 63H 195 G：223MST%G：245S：20%3：214S：M%B：73B：37%E：197E：96WB：255点睛色背杲色H.2O0B21H 325H.137-S：K%3:90%5：9S%s：iro%B.7D%B：ao%
