制作网页案例

      制作网页不可避免地会运用到色彩，做到色彩合理搭配才能使制作出的网页给人以耳目一新的感觉。以下通过色彩案例来简单阐述这一点。
 
     在我们美丽的地球村里绿色随处可见,如草、叶等的绿。绿色象征着生命、青春与和平。绿色,是一种中性色,介于黄色与蓝色之间是最适合人眼注视的色彩。由于接近自然的特性绿色给人沉稳、平静、舒适的感觉。所以绿色是在网页设计中使用最广泛的颜色之一。

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

     1.绿色+白色+暗红色

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

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

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

      3.突出绿色+强暗色系

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

     结论:

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