艺术网站设制研究

研究思路：对现今各种盈利及非盈利性网站进行结构分析调研，针对目前我国没有分类齐全的艺术类专业门户网站的现状，制定一个可盈利的整站架构方案。

一、研究综述概况

观视音网站是上海大学数码艺术学院结合自身产、学、研为一体的办学模式，以学院师生为队伍力量，计划建设的一个资讯商业型网站，它定位于数码艺术产、学、研综合平台，全球数码艺术门户以及3G手机资源下载平台。其建成后能够填补国内数码艺术专业网站领域的空白，并对数码艺术行业及教育发展起到巨大的推动作用。本文将分类分析国外艺术类网站研究建设成果以及网页交互设计技术研究，以得出GSY网站的结构建设依据和网页交互设计方案。本文主要以Pro Quest Academic Research Library (ARL)和EBSCO host 两个国际英文数据库为数据来源，使用了如下关键词——“Art Website”、“ Web Design”、“The Zen of CSS Design”，还使用了逻辑与（AND）和逻辑或（OR）的排列组合。结果在PROQUEST数据库中搜到论文1183篇，此次研究从中挑选了近年相关领域学术论文28篇；在EBSCO数据库中搜到11835篇，从中挑选出52 篇。将这两个数据库中80篇文章排除重合部分后，再次从中选取62 篇以网站设计为主题的论文，作为分析研究对象。并通过按照主题域等分类，对这些论文进行分析，概括出近年来全球各类别网站建设状况。论文作者单位及所属国家分布：在挑选出的所有62 篇文章中，由美国各大学和研究机构发表的占54篇，英国3篇，加拿大1篇，韩国2篇，日本2 篇。包括台湾在内的中国则没有文章。由此可见，美国在业界的垄断地位无人可及，其它国家在这个领域的研究都是在美国研究基础和标准上的推广及延伸。作者学科分布：网站设计研究属综合叉学科，主要是视觉艺术和计算机数字技术的融合，也涉及诸如传媒、文学、物理、电子、商学、哲学、宗教等多种学科。从作者所属学科种类来看，有68％的作者属于计算机学科、22% 属于传媒学科、5％属于商业管理学科、其余2％属于文学和历史学、2％属教育学、1％属其他。

二、主题域分析

从论文所涉及的主题来看，可以将这些论文分为以下几个研究方向：

(一)网站设计标准研究

互联网一出现就体现了其强大的威力，它不仅改变了人们的工作方式，甚至改变了人们的约会方式。可以说，它让世界玩了一回过山车，把所有人都玩晕了。微软、网景以及其它公司开始了浏览器的竞争，网络标准的竞争也在展开。同时，随着Facebook、Flickr和YouTube的兴起，网络更注重集体智慧和社会化。从腾飞到萧条到再次腾飞，互联网产业的发展似乎看不到尽头。网络同时也吸引了宗教传播者、理论家等等，他们中很多人都预言互联网将会出现新的技术——Jini、DHTML及其它——然而这些一个也没有兴起。但是，那些看似简单的技术——元数据、XML、CSS等都获得了突破性的进展。网页设计的发展从HotWired 的闹腾到 Google 的应用一直在不断地持续着，有时看起来甚至是对立的，但它却彻底改变了互联网。因为不管技术如何变革，建设的思路是不变的。如《 Evolution of web site design patterns》这篇文章分析出了以下几个方面：

1.网站框架频道网站频道就是网站的大框架，也就是主体部分，比如：首页、简介、新闻动态、产品展示、在线留言、联系我们等，这是标准内容。

2.网站风格要求必须明确建站目的是功能型的、还是展示型的？风格定位要准确。

3.网站针对对象在设计网站前，要确定所针对的人群、区域、国家等。

4.网站预算

(二)网站设计过程研究

如《An investigation of success metrics for the design of e-commerce Web sites》这篇文章中就给出了如下几个步骤：

1.准备内容 ：在注册网址之前就应该先搜集至少一百页的内容，这些内容必须是有价值的、不违反著作权的。

2.确定网址

3.网站设计要尽量符合 w3c 的标准

4.每页档案大小：建议每个网页尽量在 15k 以下

5.内容 ：每天建立一个 500～1000 字的网页，这个网页里面必须包含重要的关键字，或者使用Yahoo的关键字建议工具 。

6.关键字密度以及关键字放置位置文句要通畅，拼字要正确，虽然搜索引擎本身就会帮你校正，但一定要谨慎检查。

7.外部链接每一个内容页面都应该链接一、两个该项关键字，需要注意的是链接的方式，要先写出你的关键字，然后再将这个关键字直接链接到该站台。

8.内部链接网站里面可能有很多类的内容，请确定同类内容互相链接，而不同类内容千万不要互相链接。

9.网站上线

10.送交搜索引擎以及目录索引

11.网站推广

12.记录与追踪

13.网站设计包括前台用户视觉体验设计和后台程序功能设计，这两个方面都是非常重要的；视觉设计可以给客户的阅读带来愉悦和信任，后台更注重操作。

(三)网页交互设计研究

交互的工作大概分为两个部分，即信息构架和交互细节。信息构架是组织信息和设计信息环境、信息空间和信息体系结构，以满足需求者的信息需求，实现该目标的一门艺术和科学，它包括调查、分析、设计和实施过程，涉及组织、标识、导航和搜索系统的设计。如《The Zen of CSS Design: VisualEnlightenment for the Web》中所阐述的：为什么需要信息构架？由于互联网上信息种类繁多、内容特征多种多样的多媒体信息，信息存储分散无序，加之超链接技术的广泛使用，形成互联网具有非常复杂的信息空间，用户在其中很容易迷惑和迷失方向。因此，互联网尤其需要将信息构架成为信息序化和优化的思想和工具，以帮助人们在异质的信息空间中管理和获取信息。信息构架的目标：1、获得和理解信息内容，将信息组织好。2、优化信息结构。3、面向用户传达信息内容。4、提供一个清晰的易于信息获得的界面。信息构架之后，需要将我们的构架用界面的形式表达出来这就是我们所说的交互细节。网页的交互设计已经成为网页设计中不可缺少的一部分，随着互联网行业的不断发展，原有的以传统平面设计为参考的网页界面设计已经无法满足人们对交互体验的需求，只有对其重新认识才能设计出符合客户要求的网页。

三 、结论

《栏目结构合理是企业网站的基本功》 一文认为：“网站栏目结构与导航奠定了网站的基本框架，决定了用户是否可以通过网站方便地获取信息，也决定了搜索引擎是否可以顺利地为网站的每个网页建立索引，因此网站栏目结构被认为是网站优化的基本要素之一，网站栏目结构对网站推广运营发挥了至关重要的作用。”文中同时引用了新竞争力对国内机械行业103 个企业网站优化状况的调查，结果发现，92.2％企业网站的栏目结构和导航系统都比较合理，不过这并不是因为机械企业网站建设水平普遍较高，而是因为这些企业网站的内容和功能比较简单，不需要太复杂的栏目结构。

由于观视音网站独特的内容和专业包容性，注定了它与其它类别站点不一样的架构设计。不过即是最简单的资源式网站，也存在结构方面的问题，尤其是从用户获取信息的角度来看，问题更加明显。在进行各种类别的网站专业性调查时，经常可以看到这样的网站：假定某个类别有100个条目，在作品目录页面中的每个页面安排了第1－10 个标题，然后用户要逐级点击“下一页”来查看其他内容，非常麻烦。稍微合理一点的结构设计，可能是列出每个单页面的链接，用户可以通过第一个标题目录页面直接进入到第N个目标页面，并且从链接关系上来说，这种网站的结构并没有错误，搜索引擎一般也可以按照这种层次链接关系检索各个相关的页面，但是一旦开发者站在用户的角度上来看，问题就显而易见了：一般的用户，除非特别需要从这100 个标题链接（也就是之前说的总共需要10 个页面）中逐个了解每一个标题的信息，否则他很难有耐心和时间逐个查看。合理的网站栏目结构其实并没有什么特别之处，无非就是能正确表达你所计划建设的目标站点的基本内容，及其内容之间的层次关系。并从用户角度出发，使用户在浏览中可以方便地获取信息，不至于造成迷失和时间浪费——其实做到这一点的关键就在于要对网站结构的重要性有充分认识。归纳起来，合理的网站栏目结构主要表现在以下几个方面：

•通过主页可以到达任何一个一级栏目首页、二级栏目首页以及最终内容页面；

•通过任何一个网页可以返回上一级栏目页面并逐级返回主页；

•主栏目清晰并且全站统一；

•通过任何一个网页可以进入任何一个一级栏目首页。在满足上述条件的基础上，还可以对部分重要栏目 / 网页进行调整，为用户提供更多的方便，这属于对栏目结构的设置。

根据上述分析，我们可以得出以下结论：国外各大学和研究机构在网站架构设计技术上所建设的知识体系已经非常完善，几乎所有类型的设计需求都有严谨完整的理论及技术支持;网站制作是一项很复杂的工程，从大的方面讲可以称之为生物学的延续，是工程学的集中表现。但网站的制作更是一个深入浅出的过程。一切以人为本，用户体验始终要放在第一位，制作时不仅仅注重外表的美观，还要防止华而不实的外壳。网页设计、网站架构、代码编写也不仅仅是一个复制粘贴的过程。

只有将网站架构做到清晰简练、深入浅出，并同时照顾多平台操作，才符合一个比较完善的制作标准，才能够让人觉得舒服，久看不厌。

观视音网站建设的理论依据已经完备，其创新点在于整合了数码艺术这一全新艺术形态在各个领域的应用研究，目前这在国内还是一个空白。同时，我们可以把国外各个层面的研究理论及技术成果用以支持GSY 网站建设，从而推动国内该专业领域的发展。