图书馆网站风格设计基本原则.doc
《图书馆网站风格设计基本原则.doc》由会员分享,可在线阅读,更多相关《图书馆网站风格设计基本原则.doc(13页珍藏版)》请在三一文库上搜索。
1、论文图书馆网站风格设计基本原则张晓源广州图书馆(510055)风格(style),指作家、艺术家在创作中所表现出来的艺术特色和创作个性。风格体现在作品内容和形式的各种要素中。如对处理题材、驾御体裁、描绘形象、表现手法、运用语言等方面所形成的特色,就是作品的风格。一个网站作为一个作品,同样具有自己的风格。而网站风格又对这个网站乃至网站业主的整体形象、传播效果等都产生重要影响。例如,网易(http:/ 形成网站风格所依赖的设计原则2、 通过这些原则建立广州图书馆网站风格为此,笔者研究了国内外近百个网站(大部分是公共图书馆)的设计风格,从中发现若干带规律性的东西,并把研究心得应用在广州图书馆网站设计
2、上,收到良好效果。鉴于风格是一种抽象的东西,尽管可以通过对网站各相关要素的分析得出评价,但是这些评价仍然具有很大主观成分,因此,上述心得也就仅仅是一家之言。1、形成网站风格所依赖的设计原则风格是抽象的,是网站的整体形象给浏览者的综合感受。构成网站整体形象的要素很多,包括网站的CI(标题,标志,色彩,字体,标语)、版面布局、页面构成、链接方式、浏览方式、交互性、文字、语气、内容价值、存在意义、网站荣誉等等诸多因素。这些都是项目要素,在有关文章均有论述,本文不再讨论。本文集中讨论的是设计原则问题。即用什么方法,展现网站的风格。在对近百网站样本研究的基础上,笔者得出了图书馆网站风格设计的几个原则:统
3、一原则、标志原则、关联引导原则、重复原则、构图原则。本文以这些网站样本中的一个网站风格典型不列颠图书馆(http:/www.bl.uk/)为例进行分析和说明。见图1、2、3。图1:“http:/www.bl.uk/”主页图2:“http:/www.bl.uk/”三级页“Whats On Exhibitions”图3:“http:/www.bl.uk/”二级页“Collections Maps”1.1、统一原则统一性是构建网站风格的首要原则。对于一大堆东西来说,要想给别人它们是同一个事物的印象,每个东西都必须具有一些相同的部分,以把每个东西串起来。为达到这个目的,就需要使每个网页都具有统一的设计
4、。否则网站风格无从谈起。其次,网站风格指的是整个网站的风格,并非某页风格。只能通过每个页面共同反映、传递同样的东西,才能建构出整体风格。统一原则在网站风格设计网站中占重要地位,要保证网站风格设计的成功,就需要保证网站结构的众多元素的一致,如网站的版面布局的一致、标志性元素的一致、导航的一致等等。 “http:/www.bl.uk/”的统一原则设计主要通过以下方式实现:统一版面布局:把所有网页划分为上、下、左、右4个区域:上区为标题区域,左区为常用工具区域,右区为内容区域,下区为一级栏目(完全目录)和版权信息区域。所有页均采用相同的版面布局。统一标题区域:标题区内,分布有主标题、一级栏目(主要目
5、录,鼠标到位后出现下拉式菜单显示二级、三级目录)、标志栏。标志栏位于一级栏目之下的一个页面引导的标志性的设计。它实际上又分为上下2个部分。第一部分以横通栏(细线红色,色条主页色浅灰绿)的形式把网站主标题以及一级栏目在页面中突显出来,也把第二部分引导出来。见图5。第二部分由一、二级栏目标题、三级栏目(如果有的话)、页标志图案、页标志图片组成。所有页均采用相同的标题区域和编排形式。图4:工具栏(http:/www.bl.uk/)统一工具栏:左区内,只出现2样东西:常用工具栏和三级及以下的栏目。工具栏包括“打印”、“主页”、“搜索”、“后退”、“网站地图”,见图4。常用工具位于标志栏下面,而且隔一定
6、距离重复出现。如果标题区带出三级栏目,那么有三级栏目,那么三级栏目就会占用左区最上部的位置,即标志栏下面,而常用工具则移到它的下面去。见图2、图3。如果出现三级以下栏目,则使用2个常用工具栏之间空间。所有页均采用相同的工具栏。统一第一栏目:在2个地方提供了固定的一级栏目。标题区里,提供了固定的“About Us”、“Collections”、“Catalogues”、“Services”、“Whats On”、“News”、“Contact Us”七个栏目,在下区提供了十个栏目,上述七个栏目加上“Site Map”“Privacy”、“Disclaimer”。每个页面均在同一区域位置出现第一栏
7、目。统一版权信息:每页都在下区同一位置提供同样的版权信息。统一文字:每个页面上,相同的项目均采用同一字体、字号和颜色。主标题一级栏目一级、二级栏目标题三级栏目标志图案横通栏标志图片图5:“Collections West European”标志栏与主标题、栏目(http:/www.bl.uk/)1.2、标志原则标志性是显示网站风格的重心。一个网站有什么风格,需要通过这个网站的标志性的东西来实现。到国外著名的网站浏览,你会发现这些网站对标志性设计的关注。例如,网站或业主的名称、logo、图案等等,甚至是版面中的某个区域的特定设计。例如IBM(http:/ BRITISH LIBRARY”, 出现
8、在每个页面的页头。标志颜色,以颜色划分网站的不同部分。以栏目作为划分标准,把属于该栏目的所有页通过标志系列色与其它栏目的区分开来。“http:/www.bl.uk/”共划分了八个部分,这八个部分分别是“About Us”、“Collections”、“Catalogues”、“Services”、“Whats On”、“News”、“Contact Us”(以上七个栏目显示在主标题之下)和“Site Map”(包括“Privacy”、“Disclaimer”,以上三个加上前面七个栏目,显示在下区),每个部分赋予不同颜色系列。颜色系列按栏目顺序依次为:紫色系列、蓝色系列、蓝绿色系列、绿色系列、橙
9、黄色系列、粉红色系列、红色系列和灰绿色系列。另外,主页与“Site Map”同样采用了灰绿色。标题区域内的一级栏目,其字体颜色采用该栏目的标志系列色。从某个栏目进去,属于这个栏目的所有网页的标志栏的颜色都与该栏目的标志系列色一致。如只要是属于“Collections”栏目这部分的页,其标志栏上页标题的颜色、页标志图案的颜色以及三级栏目的颜色,全部采用与“Collections”字体颜色相同的颜色系列蓝色系列。标志图案,一个小方块阵列组成的图案,位于横通栏中间靠右的下面。标志图案显示了某页在网站中的位置,属于哪一部分,哪一级别。主页的标志图案由8个分2排的小方块构成,全部均为灰绿色。见图6第1个
10、标志图案。而其它页由16个分2排的小方块构成。第一排为主页的灰绿色,第二排则2个一组安排了与栏目结构相适应的颜色:如图5所示,第1、2个小方块采用主页,也是标志栏的主体颜色,第3-8个则采用了与一级栏目入口“Collections”的蓝色系列,但是根据栏目级别,从一级到三级划分为深蓝色、蔚蓝色和浅蓝色。第3、4个采用深蓝色,表示一级栏目所属页,第5、6个采用蔚蓝色,表示二级栏目所属页,而第7、8个采用浅蓝色,表示三级栏目所属页。当进入二级栏目,标志图案出现2个深蓝色、2个蔚蓝色小方块,表示浏览者看到的是二级栏目所属页,见图6第2个标志图案。当进入三级及以下的栏目,标志图案出现2个深蓝色、2个蔚
11、蓝色、2个浅蓝色小方块,表示浏览者看到的是三级及以下级栏目所属页,见图6第3个标志图案。主页标志图案其它页标志图案一级栏目二级栏目三级栏目图6:标志图案的级别(http:/www.bl.uk/)标志图片,根据不同入口,配套相应的图片。如“Collections”采用了与文献资源相关的图片,而“Services”则采用了与各种服务项目相关的图片。标志图片的选择,既要考虑网页内容个性的需要,又要考虑网站整体性的需要。也就是说,这些图片一方面需要与网页内容相配合,另一方面所有的标志图片需要有系列性。单独一页看,与该页内容吻合,整个网站看,它们又是一套的,从而给浏览者形成页面的连续性的标志效果。1.3
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- 图书馆 网站 风格 设计 基本原则
链接地址:https://www.31doc.com/p-10794102.html