论文部分内容阅读
摘 要：传统风格是应用传统元素而形成的一种。传统文化元素是中华民族几千年文明的结晶，传统文化起源于过去，融合于现在，也必将影响未来。作为一种意识形态的存在，广泛地影响人们的思想和行为。传统元素作为符号在山塘街的网站中的应用，形成带有很强传统风格糅合到现代的网站设计中去通过人的知觉，可以更好地传递山塘的文化内涵，以及山塘的历史底蕴！
关键词:传统风格；山塘街；网页
中图分类号： TU241.5 文献标识码：A文章编号：1006-4117（2011）03-0350-02
一、山塘街的历史和现状
古城苏州是著名的江南水乡，在苏州众多的街巷之中，名胜山塘街，被称誉为“姑苏第一名街”。其原因：一是山塘街是一条有1100多年历史的古街；二是它的格局具有最能代表苏州街巷的特点；苏州是个水乡，河道多，桥多，而山塘街是最具苏州街巷特征的典型。山塘街又叫白公堤，由白居易建于唐代宝历年间，它东起阊门渡僧桥附近，西至虎丘望山桥，长约7里，故俗称“七里山塘到虎丘”。山塘河的开凿和山塘街的修建，大大便利了灌溉和交通，这一带成了热闹繁华的市井。山塘的昨天是辉煌的，由于近代的错误性毁坏和破坏建设性。一度让山塘街黯然失色，幸好2002年山塘街在苏州市政府的领导下，开始进行修复性的保护，山塘街也迎来了新的春天！现在的山塘以传统风貌为主题，集旅游、休闲为一体，充分展示山塘丰厚的历史文化底蕴、典型的姑苏水巷风貌、鲜活的吴地民俗风情。
二、建立网站的意义
现在是一个网络时代，电脑网络作为一种新型的信息传播和人际交往工具，正在改变着现代人的生活方式，它的信息量大，传播的范围广，速度快，还可以自由地交互传达，为我们的生活带来了无穷大的方便。网络让世界变的很小，成为连接世界的重要纽带！现在随便到网上搜一下，各个人文景观旅游点的网站做的极其精美。称为民间博物馆的锦溪，把国画，书法，画轴，印章等有机的结合起来，把锦溪的文化底蕴充分体现出来。又如有着水乡服饰的代表甪直，利用书法体，结合水乡服饰图标，一览无遗地表现了甪直的内涵与特征！而作为有着两千五百年的苏州，作为苏州最具街道特征的山塘街，到网上查找，还只是简单的介绍，没有一个很系统的完整体。为了让世界更了解我们，更好的弘扬传承苏州历史文化古城的古城风貌，让来过苏州的朋友们就如何更好地保护古街留下他们的真知拙见！没来的人吸引他们的到来，让更多的人了解山塘，了解吴文化！从而走进苏州，带动经济和文化的发展！那么山塘网站作为现代信息的快捷广泛传播的载体必不可少！
三、传统风格在网页版式中的应用
（一）页面排版
网页设计是随着互联网的产生而形成的视听设计，作为主导视觉的页面设计是网页的主要设计，页面设计作为一种视觉语言，特别讲究编排和布局，要把多页面间的编排有机地联系在一起，使整体布局的合理。山塘街是一条有着千年的历史老街，蕴涵着浓厚的人文情怀和文化底蕴，要表现它的庄重感和含蓄感，在首，内页的编排上就采用比较传统，稳重的中轴型和相对对称型。
首页采用中轴型，用简单的水墨图形，来表现山塘的含蓄，稳重。整体符合人们对传统人文景观的审美情趣！
内页采用相对对称的方式，用导航条和主体纸卷轴放置在一个相对对称的空间内，给人以稳重中带理性，严谨而又避免了呆板，以黄金分割的法则，大部分留纸卷轴，达到凝聚视线的作用，不自觉的把视线带到主体卷轴上，以达到页面述说目的。（如图一）
在主体卷轴上，考虑山塘网站的信息量不大，主要体现页面的美观。采用图文结合的方式，并把文字图形化，发挥和图形一样的装饰效果，成为图形的一部分。同时强化了字体的语义功能，以更丰富的创意形式表达思想，同时也克服了
网页文字的单调与平淡。各页面卷轴上的编排各有不同，主要起到丰富主体，活跃画面的作用，在统一中又不失变化。
版式编排有很多种，分为条理清晰的骨骼型，一般适用与信息量大的门户网站。活泼轻快的自由型，通常用在儿童网站。能产生韵律感和节奏感的曲线型，一般用在音乐或个人网站上等等。综合考虑这些并不适合做山塘街的网站，还是应用传统型的中轴和对称更能显出它的平稳，含蓄，内敛的特征。
(二)页面色彩。整个网站以黄色为主色调，黄色是中国人的皮肤色，古人在五行中用黄色代表象征大地的土，土在五行中居中间位置被视为衍生万物的元素。在这个网页设计中用浅黄的背景，结合浅黄棕色的导航条和黄褐色的画轴，同一色系的不同运用，增强页面的层次，又不失整体的协调性，体现山塘街的历史凝重感。也力求表现朴实、含（如图二）蓄、稳重、舒适的山塘特色。辅色采用国画中的墨色，在我们国人眼里水墨不仅仅是同类色的润化渲染，而是一种表达意境，丰富心灵的特殊视觉语言。真好是体现了小桥，流水的山塘意境！
（三）页面肌理。整个网站中采用了多种材质的肌理纹样，以毛边纸的自然肌理与色泽作为背景来采用，毛边纸具有质地细嫩，柔软，韧性好，略带仿古黄色，吸水性强，用于书写，印刷，等特征结合竹，纸等的材质。体现的是自然，朴素的山塘街风貌。
四、传统风格在页面元素中的应用
网站的页面元素包括有指向标，导航条，主体上的图片文字等等。在页面设计中把多种元素有机的结合起来，每个元素都要传递和加强传递信息的目的。山塘网站是通过对画轴，水墨，书法，竹简等传统元素有机结合起来，形成强烈的传统风格。更强的传递出山塘街的古朴，源远！
（一）导航条的应用。首页直接引用墨点作为导航条，国画中的水墨强调的是自然，天趣，不拘小节，水墨结合山塘街的若隐若现的背景，能够很好的表达人文环境，并具有浓郁的传统气息！（如图三）
内页的采用竹简为导航条，竹简是我国书写时间最长的工具，对保存人类知识，形成中华民族的源远流长，光辉灿烂的历史文化起到了直接作用！山塘街也是从遥远的历史长廊里走来，在千年时间里演绎着它的繁华与衰落！两者似乎有着相同的命运，不同的是现在的山塘的修复让它又焕发新的活力！
（二）内页纸画轴的应用
纸是被称为四大发明之一，它的发明大大方便了人们的阅读，传播，有人说纸发明的意义不在于它的价值,而于它给了文明一个传承的载体。同时我们看到画轴就想到文化，想到古老。在网页设计中以纸画轴的形式放置在主体位置，并配以各种认真设计的图文内容，当点开一页时以（图四）展开的形式呈现的大家面前，吸引视线，同时又突出了展开山塘历史新画卷的重要意义！（如图四）
（三）主体上书法、水墨的应用
水墨作为东方人特有的表达方式，将水墨流动的特性和丰富的墨色层次，充分发挥和表达意境的一种绘画。首页上以草书体的山塘，在墨色里一笔一笔展现在眼前，凝重中带着灵动！内页图片结合水墨的朦胧化处理，渲染出江南山塘街如诗如画的美曼意境，让人遐想翩翩！充分体现山塘街的内涵！（如图五）鼠标导向苏州是著名的鱼米之香。鼠标应用游动的小鱼，用现代动画的表现方式静中带动，达到活泼与丰富画面。也显示了古典风格与现在的手法并不矛盾！
总结:在整个网站设计过程中，应用了书法，水墨，竹简，纸画轴等多种传统元素，应用古典的色彩，以及传统型的设计编排。结合背景直接采用毛边纸的自然肌理与色泽更深一步体现传统的风格。让山塘深厚的文化底蕴，优美的人文景观，动听的历史传奇在这里一一得已展现！希望能更好地挖掘山塘街的历史文化内涵，弘扬吴文化的精髓，更好的体现山塘街的古韵，内涵！让山塘变的更加夺目动人，出一份微薄之力！山塘这篇有无数先贤攥写十多个世纪的文章，我们这代人续写它的华美乐章！让古老的山塘焕发新的活力！
作者单位：江苏省苏州工业园区服务外包职业学院
参考文献：
[1]王汀.版面构成[M].广州：广东人民出版社,2000.
[2]倪洋.网页设计[M].上海:上海人民美术出版社,2007.
[3]徐刚毅.七里山塘[M].上海:上海古籍出版社,2003.
关键词:传统风格；山塘街；网页
中图分类号： TU241.5 文献标识码：A文章编号：1006-4117（2011）03-0350-02
一、山塘街的历史和现状
古城苏州是著名的江南水乡，在苏州众多的街巷之中，名胜山塘街，被称誉为“姑苏第一名街”。其原因：一是山塘街是一条有1100多年历史的古街；二是它的格局具有最能代表苏州街巷的特点；苏州是个水乡，河道多，桥多，而山塘街是最具苏州街巷特征的典型。山塘街又叫白公堤，由白居易建于唐代宝历年间，它东起阊门渡僧桥附近，西至虎丘望山桥，长约7里，故俗称“七里山塘到虎丘”。山塘河的开凿和山塘街的修建，大大便利了灌溉和交通，这一带成了热闹繁华的市井。山塘的昨天是辉煌的，由于近代的错误性毁坏和破坏建设性。一度让山塘街黯然失色，幸好2002年山塘街在苏州市政府的领导下，开始进行修复性的保护，山塘街也迎来了新的春天！现在的山塘以传统风貌为主题，集旅游、休闲为一体，充分展示山塘丰厚的历史文化底蕴、典型的姑苏水巷风貌、鲜活的吴地民俗风情。
二、建立网站的意义
现在是一个网络时代，电脑网络作为一种新型的信息传播和人际交往工具，正在改变着现代人的生活方式，它的信息量大，传播的范围广，速度快，还可以自由地交互传达，为我们的生活带来了无穷大的方便。网络让世界变的很小，成为连接世界的重要纽带！现在随便到网上搜一下，各个人文景观旅游点的网站做的极其精美。称为民间博物馆的锦溪，把国画，书法，画轴，印章等有机的结合起来，把锦溪的文化底蕴充分体现出来。又如有着水乡服饰的代表甪直，利用书法体，结合水乡服饰图标，一览无遗地表现了甪直的内涵与特征！而作为有着两千五百年的苏州，作为苏州最具街道特征的山塘街，到网上查找，还只是简单的介绍，没有一个很系统的完整体。为了让世界更了解我们，更好的弘扬传承苏州历史文化古城的古城风貌，让来过苏州的朋友们就如何更好地保护古街留下他们的真知拙见！没来的人吸引他们的到来，让更多的人了解山塘，了解吴文化！从而走进苏州，带动经济和文化的发展！那么山塘网站作为现代信息的快捷广泛传播的载体必不可少！
三、传统风格在网页版式中的应用
（一）页面排版
网页设计是随着互联网的产生而形成的视听设计，作为主导视觉的页面设计是网页的主要设计，页面设计作为一种视觉语言，特别讲究编排和布局，要把多页面间的编排有机地联系在一起，使整体布局的合理。山塘街是一条有着千年的历史老街，蕴涵着浓厚的人文情怀和文化底蕴，要表现它的庄重感和含蓄感，在首，内页的编排上就采用比较传统，稳重的中轴型和相对对称型。
首页采用中轴型，用简单的水墨图形，来表现山塘的含蓄，稳重。整体符合人们对传统人文景观的审美情趣！
内页采用相对对称的方式，用导航条和主体纸卷轴放置在一个相对对称的空间内，给人以稳重中带理性，严谨而又避免了呆板，以黄金分割的法则，大部分留纸卷轴，达到凝聚视线的作用，不自觉的把视线带到主体卷轴上，以达到页面述说目的。（如图一）
在主体卷轴上，考虑山塘网站的信息量不大，主要体现页面的美观。采用图文结合的方式，并把文字图形化，发挥和图形一样的装饰效果，成为图形的一部分。同时强化了字体的语义功能，以更丰富的创意形式表达思想，同时也克服了
网页文字的单调与平淡。各页面卷轴上的编排各有不同，主要起到丰富主体，活跃画面的作用，在统一中又不失变化。
版式编排有很多种，分为条理清晰的骨骼型，一般适用与信息量大的门户网站。活泼轻快的自由型，通常用在儿童网站。能产生韵律感和节奏感的曲线型，一般用在音乐或个人网站上等等。综合考虑这些并不适合做山塘街的网站，还是应用传统型的中轴和对称更能显出它的平稳，含蓄，内敛的特征。
(二)页面色彩。整个网站以黄色为主色调，黄色是中国人的皮肤色，古人在五行中用黄色代表象征大地的土，土在五行中居中间位置被视为衍生万物的元素。在这个网页设计中用浅黄的背景，结合浅黄棕色的导航条和黄褐色的画轴，同一色系的不同运用，增强页面的层次，又不失整体的协调性，体现山塘街的历史凝重感。也力求表现朴实、含（如图二）蓄、稳重、舒适的山塘特色。辅色采用国画中的墨色，在我们国人眼里水墨不仅仅是同类色的润化渲染，而是一种表达意境，丰富心灵的特殊视觉语言。真好是体现了小桥，流水的山塘意境！
（三）页面肌理。整个网站中采用了多种材质的肌理纹样，以毛边纸的自然肌理与色泽作为背景来采用，毛边纸具有质地细嫩，柔软，韧性好，略带仿古黄色，吸水性强，用于书写，印刷，等特征结合竹，纸等的材质。体现的是自然，朴素的山塘街风貌。
四、传统风格在页面元素中的应用
网站的页面元素包括有指向标，导航条，主体上的图片文字等等。在页面设计中把多种元素有机的结合起来，每个元素都要传递和加强传递信息的目的。山塘网站是通过对画轴，水墨，书法，竹简等传统元素有机结合起来，形成强烈的传统风格。更强的传递出山塘街的古朴，源远！
（一）导航条的应用。首页直接引用墨点作为导航条，国画中的水墨强调的是自然，天趣，不拘小节，水墨结合山塘街的若隐若现的背景，能够很好的表达人文环境，并具有浓郁的传统气息！（如图三）
内页的采用竹简为导航条，竹简是我国书写时间最长的工具，对保存人类知识，形成中华民族的源远流长，光辉灿烂的历史文化起到了直接作用！山塘街也是从遥远的历史长廊里走来，在千年时间里演绎着它的繁华与衰落！两者似乎有着相同的命运，不同的是现在的山塘的修复让它又焕发新的活力！
（二）内页纸画轴的应用
纸是被称为四大发明之一，它的发明大大方便了人们的阅读，传播，有人说纸发明的意义不在于它的价值,而于它给了文明一个传承的载体。同时我们看到画轴就想到文化，想到古老。在网页设计中以纸画轴的形式放置在主体位置，并配以各种认真设计的图文内容，当点开一页时以（图四）展开的形式呈现的大家面前，吸引视线，同时又突出了展开山塘历史新画卷的重要意义！（如图四）
（三）主体上书法、水墨的应用
水墨作为东方人特有的表达方式，将水墨流动的特性和丰富的墨色层次，充分发挥和表达意境的一种绘画。首页上以草书体的山塘，在墨色里一笔一笔展现在眼前，凝重中带着灵动！内页图片结合水墨的朦胧化处理，渲染出江南山塘街如诗如画的美曼意境，让人遐想翩翩！充分体现山塘街的内涵！（如图五）鼠标导向苏州是著名的鱼米之香。鼠标应用游动的小鱼，用现代动画的表现方式静中带动，达到活泼与丰富画面。也显示了古典风格与现在的手法并不矛盾！
总结:在整个网站设计过程中，应用了书法，水墨，竹简，纸画轴等多种传统元素，应用古典的色彩，以及传统型的设计编排。结合背景直接采用毛边纸的自然肌理与色泽更深一步体现传统的风格。让山塘深厚的文化底蕴，优美的人文景观，动听的历史传奇在这里一一得已展现！希望能更好地挖掘山塘街的历史文化内涵，弘扬吴文化的精髓，更好的体现山塘街的古韵，内涵！让山塘变的更加夺目动人，出一份微薄之力！山塘这篇有无数先贤攥写十多个世纪的文章，我们这代人续写它的华美乐章！让古老的山塘焕发新的活力！
作者单位：江苏省苏州工业园区服务外包职业学院
参考文献：
[1]王汀.版面构成[M].广州：广东人民出版社,2000.
[2]倪洋.网页设计[M].上海:上海人民美术出版社,2007.
[3]徐刚毅.七里山塘[M].上海:上海古籍出版社,2003.