论苏州元素在吴文化网站的运用

[摘要]本文针对苏州大学图书馆自建吴文化网站的网页界面的风格定位及框架布局等问题做出了具体论述，根据功能性学术网页的需要，和谐均衡具有苏州韵味的每一个设计元素，在创作过程中融合外在美感与内在理念，旨在表现出超于形式的美感，强调在设计过程中保留吴文化纯粹本源核心，摒弃无益的装饰和华丽的点缀。全站的设计作为一个整体，具有整体的一致性，在页面版式结构、页面色彩、配图的精细美观程度、元素风格、整体气氛表达、字体选用等方面体现鲜明的苏州特点，以此突出吴文化的精髓。

[关键词]吴文化 苏州 网站 页面设计

中图分类号：G250.7 文献标识码：A 文章编号：1009-914x（2013）06-0242-02

吴文化是中华民族文化的重要组成部分。对吴文化的评价与定位，既要从广义吴地的地理条件、历史因素和人文积累出发，努力把握吴文化与中华民族传统文化的关系，更要从吴文化与苏州文化的包容关系中，努力把握吴文化的基本特征加以设计。谈到苏州它已经衍化成了一种现象，一种理念，一种生活方式1。离开苏州文化谈吴文化，吴文化无疑就失去了光华。由此，利用地化的研究条件，本着为吴地研究、图书馆资源建设做出贡献的目的，苏州大学图书馆建立起吴文化网站，构筑学术交流平台，将人文只是实现于网络，把长久保存的吴文化展现于世人、传承于后人。

一、版面设计的风格定位

在悠久的历史长河中，吴文化也显示出善于吸纳、巧于融合的特色，苏州一直以开放的姿态迎接世人，数千年来，吴文化拒绝被其他禀性各异的文化所同化，坚持保留自已特色，汇集、融合了其它地区文化的优长，创造出自己独特的流派。为了配合吴文化的特性，在页面的设计上更要突出它的开放性、以及兼容并包的特性，同时要以在造型要素的统一表现技巧构建网站的代表性图像展现出视觉效果的连贯性，提供网站的视觉形象，在视觉上更加清楚的传递网站的整体性，以突出的苏州元素来映衬吴文化之韵味。

（一）典型别致的苏州风韵

1.水韵――吴文化的灵魂。

苏州可以说是典型的水乡，无处不在的水对吴文化特色的形成产生了深远的影响，千百年来，吴地人的生活和他们的文化，几乎都是围绕着水展开的――水创造了苏州，保存了江南典型古镇风貌；水是一种绵长的历史渊源，深广的文化积淀。本网站设计的主题图片以水造景的创意，集中地反映了水乡文化的个性。谈到苏州的水，不得不提到太湖，图片的设计离不开湖水的映衬和烘托，网页的抬头图片以太湖水为背景，将所有苏州元素呈现出来。可以这样说，正因为得益于水的润色，苏州才让世人对梦里水乡产生了丝丝牵畔。

2.园林――吴文化的骨体。

苏州文化保持与园林建筑大致统一协调的江南水乡风格，街巷临河延伸，河岸杨柳依依，石栏石凳相连，临河贴水的房屋各种墙式混合相连使用，与水巷驳岸一起构成了高低起伏、错落有致的外墙景观2。网页图片的设计利用空间分隔法，可以把不同的苏州要素打造成块区的分隔线，将画面切分为三个部分，左边部分为园林、中间部分是水韵，右边是虎丘，来增加画面的层次感。图片空间是图片设计的主体，体现了主题与辅件元素和谐统一的目标。具有苏州元素特色的吴文化网站，设计中必然选取的要件即为园林。苏州的拙政园中的园中园，多空间的庭院组合以及空间的分割渗透、对比衬托；空间的隐显结合、虚实相间空间的蜿蜒曲折、藏露掩映；设计者就是采用园林设计的手法把图片划分为不同的区块，在设定的空间下，运用拙政园的廊道、透景窗、水面和稀疏的种植物等将画面分割为左右两部分，其目的是要突破空间的局限，收到小中见大的效果，从而取得丰富的主体内容。

（二）细腻精巧的细节装点

1.水墨

中国水墨画作为一种代表传统文化审美意念的艺术形式，它已经成为一种文化符号，具有强大的精神力量，是很好的信息传播平台，其独具的风格应用在网页设计中，能有效地传达设计理念。网页设计是从形式美的构图开始，通过构图的形式变成视觉语言反映出来。网页设计中，无论是图形还是文字，其主要任务就是能够迅速而准确的传递设计信息。中国水墨画中的笔、墨是一种媒介，一种符号。3在实际的设计过程当中，设计者将水墨山影最为背景融入到太湖水中，在打开网页的瞬间给受众留下完整、深刻、强烈的生动印象，并能引入产生联想，而达到“形有尽而意无穷”的效果。在继承和借鉴这些本土文化中的精髓的同时，把握现代社会对视觉效果的重视与追求，这样设计出来的作品才能自然而然地流露出东方文化气韵。

2.留白

在设计图片的过程中，采用了形式简洁的“留白”艺术构造实则蕴含着丰富的内涵特征，形成了“空纳万物”的思想理念。设计者用“空纳万物”的手法和形式去表现人们对于苏州文化的审美思考，这即是吴文化运的实质和核心观念。“留白”作为构造广阔背景画面的一部分，在画面呈现的诸多素材中突显主题的位置，它可以通过视觉上的手段给浏览者的心理起到一种良好的调节作用为浏览者中提供宁静的着落点。在网页的色彩对比上既可起到增强又可起到协调的作用4。

吴文化中透露着一种含蓄之美犹如“廊桥望月”，这种美是在一种无言的状态下，浏览者和网页进行情感碰撞的，这一审美过程给人很大的联想空间，从而感受含蓄美之所在。设计中的含蓄，体现的是一种深厚的文化内涵，它重视内蕴，强调含忍，看重言外的意味体现的是一种表面上并不声张的创造，更多时候“隐藏”是为了更好地“显露”，勾起人更幽深、更玄远的用思，显出那更丰富、更感人、充满内蕴的世界。

占去图片一半比重的留白，是希望运用这种设计手法以古朴的文字图片加以恰当的“宁静”展现苏州文化潜在的力量，架起浏览者和设计者交流的桥梁，让使用者自己细细品位和体会作品中传达出的静默力量，渐渐的释放情感，展开对吴文化的联想，将浏览者的兴趣点引入接下来的主体内容中去。

（三）移步换景的的格局编排（如图1）

设计者的创作灵感源于苏州古典园林移步换景的建筑风格，运用一副画卷的布局展开创作，旨在图片设计的过程中，融入这种视图的感觉，使浏览者从左至右展开画卷的联想。图片左侧的廊桥意在突出视觉的窗口，希望将受众的视线从园林引导向太湖的景致中，仿佛置身于园林之中也体味着太湖的美景。画面中的虚实对比，使网页设计内涵更富有韵律感和节奏美，增加视觉刺激和兼容并包的吴文化理念在网页设计中的映射放意境，扩大视觉上的反差，在空无所有的“虚”中彰显真实。

二、版面配色

在网页配色中，视觉传达主要依赖于二维空间的视觉元素和这些元素的组合构成方式，这些视觉元素就包括了文字、图像、版面布局与色彩。视觉元素及其相互之间的组合构成方式是网页设计增强传递信息和符合视觉审美规律的基本要求。同时要满足大众的需求心理及视觉需求。在设计过程中网页设计与配色使之整体协调，这就要求我们在考虑各元素时候要使之互相和谐化设计。

从印象归纳的色谱中可以看出，苏州传统色彩非常统一，以青灰、咖啡、茶色倾向的色系为主，根据主观需求设色，根据图形和画面结构分配色，同时追求更单纯的用色，有色和无色之间的正负形穿插等等，这些用的新方式，相对传统对比色、同类色的运用方式，大大扩展了表现力，富了表现手法，带来了一系列新的效果。5这副页眉图片的色彩规划，从左侧的园林人手，着重强调亭台的朱红色，向西字体为节点，过渡为微暖茶系。明度逐步提高只点强调的中部字体节点处作浅色渐变的处理，色调具有节奏上的变化不至于呆板。

色彩是最直接也是最持久地给浏览者以网站形象的因素，它的效果直接影响阅读者的观赏兴趣，色彩运用的确当与否直接关系到网页视觉效果的好坏。色彩在网页中所占比重很大，网页中如果有了合理清新的色调，会弥补网页上其它方面的不足。从网站属性角度出发，该网站为苏州大学图书馆自建的网站，该网站主要面向知识份子群体，体现出组织单位的严谨性、学术陛、知识性等特点非常重要。因此，黄色这种带有书卷气息的颜色便得到了广泛的认可，通过对重点区域的色彩强调，主、辅色在同一区域内交互使用，以使整个区域既统一协调，又具有一定的变化，使苏州园林、水、山的色彩在具有整体主色调的基础上蕴涵变化，从而丰富吴文化的色彩艺术形象。

三、页面框架排版

网页中除了包括平面视觉构成的图片、字体元素和布局，还包含了动态、多媒体、交互元素等网页特有的视觉元素。但是大量有欠规划、缺乏审美意识的设计却以简单的堆砌浪费了这些资源，杂乱无章的文字、图片、动画、广告窗口、色块，都在挑战用户测览网页时的忍耐极限。网络倡导注意力经济，且形式和内容缺一不可6，想要设计出一个实用美观的网站，必须做到文字图形等空间妙合无隙、恰到好处、统一和谐。网站页面的内容可多可少，可传统可前卫，但整体布局必须合理化、有序化、整体化。吴文化网页的框架结构为上左中右结构式框架，整个网站的主要内容都集中到了下方信息内容上，网站以白色为背景色，用黄褐色作为辅色，网站用色具有浓厚的书卷气息，采用具有一种苍劲古朴的意蕴、端庄典雅的风范和优美清新的格调。

文字是信息传达的主要手段目前也是网页设计的主体，文字是网页中必不可少的元素。也是网页中的主要信息描述要素。所以网页中文字将占据相当大的面积，文字表现的好与坏将影响到整个网页的质量。而要达到这种传达的有效性，必须考虑文字编辑的整体效果，能给人以清晰的视觉印象，避免页面繁杂零乱，减去不必要的装饰变化，使人易认、易读、易懂。顶面中文字的颜色使用了低纯度的黄褐色和白色，其中导航条白色的文字是网站的超链接形式，鼠标放上去会有很微妙的明度变化。说明性文字用的是黑色，信息内容框里的标题，主次关系排视觉第一位，内容主要缩小字号，做了粗细变化。

图片在网页中的使用成倍地加大了它所提供的信息量，也大大美化了网络页面，增加的网页阅读的趣味性。对于信息来说，图片的位置、面积、数量、形式、方向等对受众的吸引力也远远超过单纯的文字形式的多样性直接关系到网页的视觉传达。在图片的统一选择和视图优化的同时，应考虑图片在整体编辑计划中的作用，突出重点达到和谐整齐。

结语

苏州大学图书馆吴文化网站设计的很多细节都会有虚实、水墨、留白的应用，在设计的过程中，设计者淡化普通内容，让网站的内容对比度适度加强，突出网页的美感，让用户可以得到很好的视觉体验，得到轻松的浏览。在选取素材的过程中，设计者为了达到简约美和功能性的平衡，通过反复的思考和验证来进行的合理的删减，充分结合网站功能，对网页设计进行提炼，使得网站能更好的表达出事物的精粹。苏州，是吴文化的核心地区，环太湖的每一寸土地都沉积了吴文化的历史，独具深厚的文化底蕴。苏州大学图书馆拥有古代江南特色的述及和地方文献资料，其完全可以利用自己得天独厚的区位优势和学术优势，本着传承吴文化的灿烂辉煌，发掘、研究、剖析吴文化更深层面的内涵，构建吴文化特色数据库，为苏州大学图书馆学术事业揭开新的篇章。