网页设计的案例分析

在我们美丽的地球村里，绿色随处可见，如草、叶等的绿。绿色象征着生命、青春与和平。绿色，是一种中性色，介于黄色与蓝色之间，是最适合人眼注视的色彩。由于接近自然的特性，绿色给人沉稳、平静、舒适的感觉。因此，绿色也是在网页设计中使用得最广泛的颜色之一。下面笔者就通过不同的绿色搭配方式来分析下绿色在网页设计中的色彩和文字颜色搭配。

绿色设计可以结合任何其他颜色，纹理和阴影，可以直观地改变用户的印象。添加纹理可以使颜色变暗，光滑的表面纹理则更加丰富性和富有深度。

1.绿色+白色+暗红色

如下图所示，主色调、辅色调HSB模式的数值可看出，主色调与辅色调是同一种色，只是在明度上有所不同，让页面多了些空间感、层次感。由于绿色本身的特性，所以整个网页看起来很清爽舒适。中间使用白色块面，拉开了两种绿色之间距离，增加了视觉节奏感。点晴色暗红色的加入为网页增添了一分光彩，极具诱惑感，页面瞬间活跃提神了不少，使得整个页面配色清新爽朗。

2.绿色同类色+多种点睛色

上图中用色较多，主色调为明度稍低的黄绿色，辅助色则为高明度的黄绿色，二者形成强烈反差，增加了页面层次感。此图的点晴色有4种，包括红色与主色调绿色、蓝色与橙红色，二者互相形成对比色。虽说点晴色较多，但都按色相环顺序出现在页面上，形过一个缓和的过渡效果，让人感觉到舒服而非突兀。整个页面色彩谐调，重点突出，层次分明，热闹多彩又不失井然有序。这样的网页配色方案的设计适用于小清新类的服装网站。现今的小清新取景都倾向于海边、公路，若是主色调仍是以白色、黄粉色为主，则会显得单调枯燥。在此笔者建议可以试试看绿色加上多色点睛色的配色方案，你会大有收获。

3.突出绿色+强暗色系

此图中大家一眼就能看出位于正中间的绿色植物，与周围纯度很高的黑色相比，这样的绿色显得醒目，形成鲜明的刺激对比。这两组色彩虽然不是严格意义上的对比色，但足够在页面中形成鲜明对比，整个页面瞬间被烘托得鲜活起来。就像是在油锅中加入水滴一样，瞬间显得生动，有效地突出网页前景。整个页面显得通透鲜活，主题鲜明。此外，加入了棕色和白色的，耀眼的绿色得到平衡，起到舒缓视觉的效果，有效平衡了绿色与暗黑色的强烈对比较果。

结论：

中国人普遍认为绿色是青春，向上，活力的代表，在网页设计中也越来越多的运用绿色系，以显示网页设计的年轻的生命力。运用绿色系，在第一时间给人健康、成熟、稳重、开阔的心理感受，传递网站正能量。运用绿色系配色方案的还有很多，站长朋友们不妨多去设计类的网站浏览，寻找灵感。

第二篇：网页设计中红色系运用案例分析

网页设计中红色系运用案例分析

网页设计有为重要，无论是彩色搭配还是非彩色搭配，都应该注重。接下来我们开始对每一种颜色进行分析，我们先探索红色系在网页设计中的运用。

众所周知，红色是一种很强烈的情感色彩，能使人感到兴奋，故此我们中国也将红色认为是一种喜庆的颜色，会给人带来快乐。鲜明的红色往往能吸引到游客的目光，所以红色也是网页设计中常用到的一种颜色。接下来我们进行分析，如何更好的运用来吸引读者的注意。 红色是一种刺激性的颜色，现在我对各种运用到红色的网页进行一个分析。

一.食品、饮食类网页设计

案例一：红色+深红色+白色

整个页面是以红色作为基调，具有很强的冲击效果，非常符合饮食类网页设计。白色的字体在红色中形成反差，整体页面非常醒目给人一种视觉冲击，让读者热力强盛，产生食欲。 案例二：红色+深红色+灰色

整个页面红色不占主调，但是却很好的突出了所要表达的内容。用深红色的可乐瓶子使界面清晰，红色的外框、白色的背景，很简约却又很好的突出了所要表达的主题。所以说，红色食品类网站不一定说要整个页面都是红色的，也可以是浅色垫底，红色突出。

二.公司展现类网站

案例一：浅红色+深灰色+粉红色

红色占了大部分的面积，极易吸引了读者的视线，加上粉色(浅色系)的加入，整个画面非常融洽却能极易的突出文字和图中的图片。深灰色与红色的搭配，使整个页面会更加生动而有活力。

四.女性用品网页

案例一：白色+浅红色+粉红色

以白色略红的颜色作为主色，搭配辅色红色和粉红色，能让读者一眼看出这个是一个女性类网站，整个页面非常协调又不单调。感人感受到了女性的柔美。

五.其他类网页设计

案例一：红色+白色+黄色+深红色(背景色)

网页大部分以红色为主，加上黄色的搭配，整个页面似乎充满了活力。白色的文字与背景深红色产生了鲜明的对比，让整个页面更加活跃，更有气氛。这样有活力的版面，才能使火炬永久燃烧。英国移民，美国eb-5投资移民，冯小姐，134xxxxxxxx。

总结：这一节我们对红色作为主调或者辅色的网页进行了一个简单的分析，在下一篇中我们将谈到红色的细分以及搭配方案。红色是中国人最喜欢的颜色之一，所以我们不得不懂得好好利用红色。