地方文化类推广网站的设计思考

徐晓彤 (北京印刷学院研究生部 北京大兴 102600 )

1.引言

中国是一座拥有五千年中华文明及灿烂文化的历史古国，华夏大地上孕育着源远流长的文化气息。随着时代的发展，互联网已经完全融入人们的生活，地方文化在互联网上的推广也迫在眉睫。相对于普通网站，地方文化类推广网站有一定的挑战性，在制作过程中更需协调好传统文化与新兴媒体的关系。在地方文化类推广网站的设计中，要明白不仅是在做一项设计，更是在做一项有效设计。

2.网站策划

网站策划对网站建设起指导书的作用，理性思考对于一个设计师来说十分重要。建立地方文化类网站首先要进行网站分析。

地方文化类推广网站旨在将传统文化归纳为简洁明了的网络语言并快捷的传达网站主旨，因此网站的构建应拥有中国文化视觉元素及视听技术手段，并充分利用现代手法技术。从多种角度来诠释地方城市的古老艺术瑰宝，最大限度的从各方面给阅览者强大的信息量，进而弘扬中国传统文化。同时，去除传统文化类网站的古板和陈旧感，对这一领域同类网站的思维开拓有一定的实用价值，能够让越来越多的人了解到地方城市的传统文化。

现阶段关于地方文化类的网站并不多，通常只有常规的政府网站以及千篇一律的旅游网站，不能充分展现其城市风采及文化。建立地方文化类网站旨在让更多的人通过网站的形式简洁方便地了解地方城市及风土人情，同时为将来地方旅游的人提供更多的便利。

2.1 同类网站比较分析

在策划制作地方文化类网站之初，首先应查阅大量地方文化类网站，并将其进行分析、总结，同时为提高地方文化类网站的实际效用，研读有关地方各类文化书籍也十分必要，可以更方便将各类学科知识融会贯通，转换原有的单纯思维模式，使得设计作品更加贴合实际市场需要。

2.1 .1 旅游文化类网站

旅游文化类网站主要是对信息进行分类，主要传达的是旅游信息，所以旅游文化类网站的文字量很大，视频、音频相对匮乏。地方文化类网站旨在传播中国传统文化，使浏览者增长知识、开阔视野、丰富生活并了解地方城市文化，其内容涵盖面广。旅游文化类网站的网民对于信息的筛选比较被动，都是用古板的方式摆出信息。在视觉设计上，这类网站的风格偏向了传统网站构架模式，通过大的板块分割来支撑整个网站，对于设计上的视觉美感要求不是很高，在页面上基本为框架式分隔，导航比较传统。

2.1 .2 地方官方网站

地方官方网站主要是介绍本地实际及风土人情，这类网站主要是为了传达信息，传播本地文化，同样，地方官方网站的文字量很大，设计感陈旧，通常都是千篇一律，并且时效性很差，更新不及时，并不能起到及时传递信息的作用，也不能明确的让浏览者了解当地文化。

2.2 网站定位

因为其主要目的是宣传地方城市的文化从而达到发扬文化的目的，所以信息内容要紧密围绕地方城市，屏除无关信息，尽量精简内容，提高阅读质量，减少不必要的页面。要建立一个网站很容易，但要建立一个有特色、有个性、有内涵、有吸引力的网站，那就需要费一番脑筋了。在建立地方文化类网站时，应根据确定的网站立场和主要内容，对网站的规划进行构思，在进行素材的搜集整理的时候要考虑到网站的规模限制。

2.2 .1 网站目标人群

网站设计不仅要符合网站整体风格，也要顾及到网站目标人群，不可过于浓墨重彩，所以在符合中国传统的基础上要尽量做到简洁明了。

定位网站的受众，地方文化类网站的主要受众是喜爱中国传统文化特色的人，这部分人属于对文化有较高欣赏力的人群，大多重视生活中的文化质量。地方城市的传统民俗文化也正符合他们的精神消费层面，但是同时这类人又大多是初识者，对地方城市的文化没有较深的认识，所以这就需要网站信息的详实丰富；其次还有想去地方城市旅游，但又对地方城市不了解的人，通过这个网站可以提前加深对地方城市的认识。

3.网站设计

网站设计在整个网站中尤为重要，网站设计主要介绍网站的内容设计以及网站的视觉设计的各个方面。

3.1 网站整体风格

网站整体应为简约传统中国风的风格，并加强作品文化性和可看性，目的是增加作品与人文精神的互动。其意义在于娱乐性与文化性的完美结合，为受众提供多种程度的探索和体验空间，从而达到激起更多的人对中国传统文化的兴趣。

网站通过对地方城市概况、区域介绍、历史沿革、文化艺术等板块详细描述地方城市，运用多种地方特色的视觉图形元素，保持网站内容和形式的统一性。

3.2 网站内容设计

构建一个网站就好比写一篇论文，首先要列出题纲，才能主题明确、层次清晰。网站建设初学者，最容易犯的错误就是：确定题材后立刻开始制作，没有进行合理规划。从而导致网站结构不清晰，目录庞杂混乱，板块编排混乱等。结果不但浏览者看得糊里糊涂，制作者自己在扩充和维护网站也相当困难。所以，在动手制作网页前，一定要考虑好栏目和板块的编排问题。

网站界面应采用简单明快的设计风格，注重操作的实用性和易用性，在给用户以简约舒适的视觉享受的同时保证强大的信息功能，通过网站可以了解到更多的关于地方城市的信息。

3.3 网站视觉设计

网站的内容内容确定后，就要将收集到的资料内容作一个合理的编排。比如，将一些最吸引人的内容放在最突出的位置或者在版面分布上占优势地位。栏目的实质是一个网站的大纲索引，索引应该将网站的主体明确显示出来。在制定栏目的时候，要仔细考虑，合理安排。在栏目编排时需要注意的是：尽可能删除那些与主题无关的栏目；尽可能将网站内最有价值的内容列在栏目上；尽可能从访问者角度来编排栏目以方便访问者的浏览和查询；辅助内容，如站点简介、版权信息、个人信息等大可不必放在主栏目里，以免冲淡主题。

另外，板块的编排设置也要合理安排与划分。板块比栏目的概念要大一些，每个板块都有自己的栏目。比如：ENET硅谷动力（http://www.enet.com.cn）的站点分新闻、产品、游戏、学院等板块，每个板块下面又各有自己的主栏目。

文化类网站的设计方案应该通过各方面信息的整合，定位其文化地位，平衡传统和时尚间的相互关系，将二者融会贯通展现文化价值, 来传达该地域的文化韵味。地方文化类网站的视觉设计应该建立在前期对地方城市的整体考察定位基础之上。

3.3 .1 网站导航设计

导航是网站的门牌号码，如果设计不得当，就会使浏览者迷路，找不到需要看的内容。导航条上的分类名的前后次序要兼顾重点和浏览者的阅读逻辑，即归类摆放。在数量上最多三行，最好两行，行数太多会使分量过重。导航相当于网站的地图，所以尤为重要。许多网站缺乏针对性和友好的导航设计，难以找到链接到相关内容的路径，也没有提供有助于让浏览者找到所需信息的帮助，用户体验非常糟糕。

网站的主导航设计应尽量简洁，并出现在所有页面，方便浏览者使用。在视觉设计上也应明确显眼，使浏览者能够一眼就明白导航的作用。其次还可以考虑为专门的版块设计的f lash导航，旨在用简洁明了的方式迅速点击进入，快速找到自己到达的网页。

3.3 .2 网站版式设计

网页的版式设计体现设计师的空间感、构成感以及对于网站整体构架的把控能力。版式设计不能仅凭靠设计师的感觉设计，应回到理性化设计的层面，是带有浏览者洞察力的严谨设计，这对于习惯于右脑思维模式的设计师而言是有一定的难度的。网站的栅格系统分析，为网站设计师提供了一定的网站版式设计规范，提高了网站版式设计的实用性。

首先是网站首页，网站首页的重要之处在于留给访客进入网站的第一印象。logo区域及导航区域的布置尤为重要，导航系统作为网站浏览的起点，在网站整体设计中起着举足轻重的作用。首页可适当加入f lash banner，旨在用简单的图片形式展现地方城市最具特点的地域，用一目了然的方式迅速增加访客对地方城市的了解。其次是网站的二级页面、三级页面等，整体风格应与首页保持一致，但在某些方面还应有所差异。比如：在整体版式类似的前提下，在某些区域多做分割；在需要文字介绍时，保持整体色调的一致用较多文字表现；种类繁多时，可以在普通静态页面中嵌入f lash，使访客通过有目的的点击详细了解自身所需；也可针对某些特色文化工艺做单独的纯f lash界面虚拟制作环境，版式新颖且不是趣味性，还可以让访客有身临其境的感觉。

3.3 .3 网站色彩设计

网站的色彩运用是需要仔细斟酌的，在我们平日看来有些不喜欢不好看的颜色只要搭配得当就会有一种很另类或和谐的美感。在地方文化类网站的网页的色彩运用上更应斟酌考量，应选择在视觉上呈现给人古朴淡雅感觉的主基调。

地方城市的风俗传统文化作为中国传统文化的一部分也经历了不断的变化，但其本质是不变的，正是在这种变与不变的设计中平衡传统和时尚的共融性，才能找到真正适合这种文化类网站的色系。收集地方城市文化的图片，并从中提取主辅色系作为建立网站色系的参考。在网站设计中，为了颜色的统一，应该采取在整体色调统一的前提下，从细节中变化的做法。

结论

在地方文化类网站的制作中，应将各个学科知识做融会贯通，要知道做一个具有传统特色的网站需要突出网站优势。除做好网站首页策划外，网站设计风格也潜移默化影响着网站带给浏览者的“感觉”。首先选好页面基调色，结合设计风格简约、大方的设计定位，合理配色、淡化色彩，在页面细节处精雕细琢，使网站呈现清新、大气的感觉。其次通过各种信息的巧妙运用加深浏览者对网站的印象。掌握新方法：仔细分析“中国特色”的表现元素，结合在网页设计自身的特性，做到功能以及浏览习惯等要素的完美结合；找准切入点，拓展广阔的思维空间，使用灵活的表现形式突出中国特色，以此来传承中华文化；用“美”的角度去欣赏，但不能脱离一些实际的生活和思维习惯；总结同类网站的优缺点，积累制作经验；成功的网页承担着重要的宣传、推荐作用；充分利用母体资源、分析网站受众、研究利用好网页推荐效果，进行完善的网页策划，恰到好处的进行设计，使网站宣传自身特色的效果事半功倍。

[1]韩鉴堂.走进中国传统艺术：中国古代艺术精品欣赏.花语教学出版社,2001.

[2]Robert Hoekman，Jr.瞬间之美——W eb界面设计如何让用户心动[M].向怡宁译.北京：人民邮电出版社，2009.

[3]栾大成.网页设计解析.北京：清华大学出版社，2009.

[4]唐纳德•A•诺曼[美].付秋芳 程进三译.情感化设计.电子工业出版社.2005.

[5]Steve Krug[美]，De Dream’译.Don’t Make Me Think.北京：机械工业出版社，2006.