网站设计【网站设计的“生态观”】

网站设计【网站设计的“生态观”】 生态设计源自上个世纪六、七十年代的美国，设计理论家和社会学者维克多巴巴纳克在为真实世界而设计一书中对当时的设计师如此评价：“是他们创造了各种新的不可分解的垃圾而使我们的环境杂乱不堪，是他们选择的材料和制作过程使我们呼吸的空气受到污染，设计师，已经成为一个危险的种群。” _的巴巴纳克很不为人所理解，直到八十年代石油危机进入人们的视野后，人们才发现并惊醒于遍布在建筑设计、产品设计、包装设计等诸多领域中的环境危机。 相对于产品、建筑等设计形式对于资源的索取与破坏，网页设计似乎最为环保与自然建立在虚拟平台上，不占用物理空间资源，不产生废弃包装物等。即便如此，网页设计师们也在为展现环保生态的绿色设计奉献着自己的力量。当然，更多的不是物质上的生态，而是视觉传播与观念引导上的生态。 直接展现大自然的元素是生态网站设计的常见方式。就像欧洲新艺术运动以自然界弯曲的植物有机曲线作为设计创意的源泉和素材一样，有些网站设计在背景、主体图形等内容上经常采用自然界的生态有机形象。贝尔小屋（. bell2lodge.，图一）是美洲最北部一个旅游胜地，起伏的山脉和森林是这里的特色。贝尔小屋的网站页面以实际的木材形象作为背景，真实自然景观图片同零星的松叶、吐丝的蜘蛛、爬动的蚂蚁等形象结合，展现生态自然的氛围。 苏奇（.sukie.co.uk，图二）是英国一家纸制品设计与生产公司，这家公司把文具用品纸做成了一种完全不同的风格。公司所生产的所有记事本和绘画速写本都是用再生纸材料制成的，并且在封面上以丝网技术印刷上不同风格的插画。因为苏奇独特的封面设计效果和并不明亮的亚光色彩，导致他们的产品看上去都不像是新物件，反倒是像从旧货市场淘来的。这正好同苏奇品牌倡导环保自然与绿色循环的概念契合，并赋予了产品一种不可多得的私人性、特殊性和质朴感。苏奇对自然与循环的喜爱深刻地体现在了其网站设计上。网站首页以一个褪色的、边缘充满褶皱的破旧牛皮纸信封作为背景。每个下级页面也都以一张废纸作为背景。每张纸的特点各有不同。有的布满了褶皱，有的还能隐约看出纸张正面的字迹。苏奇用多媒体网站的视觉展示形式将纸的触觉特性表达了出来。始终贯穿于网站之上的还有红色边框，就像是我们使用笔记本时的页面分界线。网站上的字体也采用了各不相同的打字机字体，更让人觉得整个网站就是一页页不同场合的承载过无数信息的废旧纸张的集合。 不仅木材、纸张、树叶、动物这些真实的自然生态元素能够直白地表明网页设计的生态主张，对于木材、纸张、叶脉等自然性本质的模仿图像同样也可以暗示出网页设计的生态观念。Aroma芳香设计（aromawebdesign.，图三）是一家位于温哥华的网页设计与品牌传播机构。同其名字一样，芳香设计公司的网站透着一股淡淡的生态之美：浅蓝或浅绿的色彩背景，单纯而干净；轻轻点缀着的海星、草叶、椰子等图形体现对自然的关注；更有趣的是网页logo中的叶片图标，以及网页色彩体系中绿色与白色的自然过渡，都在丝丝入扣而又不夸张地表达自然的宁静与恬淡。 相比于产品设计采用绿色材料、环保技术和先进工艺流程来追求对环境的少伤害甚至无伤害，生态的网络设计不仅侧重于采用绿色元素，更着意于以素淡平衡、自然简洁的观念构建网站总体结构和展示效果，并体现为对网站设计中各元素组织均衡的考量与浏览者视觉伦理的关注。甜菊（sweetestevia.gr，图四）是希腊著名茶饮品，其网站构图简单，除了零星点缀的绿色叶片搭配白色茶杯是亮点外，近却虚的勺子景象与远却实的包装图像形成鲜明对比，突出视觉中心，形成了合理的视觉流程和秩序。画面元素虽然不多，整体感觉却很充实，茶盒、茶包以及茶杯的光影效果也让人倍感清爽。 链接 .fruehstuecksmilch.de 德国牛奶品牌Berchtesgadener Land的网站。这是德国山区的新鲜的农民的早餐奶。网站主页背景为山区木屋墙壁的图形，慵懒的主人，和煦的朝阳，再加上屋外心形的薰衣草花环，一幅恬淡悠闲的生活景象。 .bentang./newbentang 天津奔唐设计公司官方网站。网站首页flash选用西游记题材，以剪纸人物形式表现唐僧师徒四人跋涉千山万水赴西天取经的经典场面。灰黄的经卷用纸色彩作为flash页面的主体背景，师徒四人徜徉在水墨样式的山水画面之中。 .huapi2. 画皮2官方宣传网站。这是一个并不运用绿色或自然元素而体现网站生态有机设计的例子。网站以暗金色和灰色作为统一的主体色调，以中轴对称的形式组织每个页面。被乌云遮蔽的太阳，直竖的长剑均是画面左右对称的中轴线。 nationallgbtmuseum 筹划中的美国国家同性恋博物馆项目网站。网站很有趣地将页面分为左右两个部分，随着鼠标的移动，左边部分自下往上、右边部分自上往下运动，并在恰当的时机拼合成“首页”、“关于我们”、“博物馆和展品”、“博客”、“新闻和事件”、“捐赠”、“参与”、“联系我们”几项内容。 .ilovecolors.ar 设计博客ilovecolors。网站总