设计网站原则与页面风格
很多初学者把掌握网页制作软件的使用看作是网站制作的最基本的技能,但事实上并非完全如此,软件的掌握是短期就能够速成的,而且新的软件层出不穷,功能越来越强大,要全部掌握这些软件和功能是不可能的。然而,使用软件的是人,必须有良好的网站设计概念才能创造出优秀的网站,这才是网站制作的核心。虽然软件是制作网站必不可少的工具,但是有一点不容忽视:网站设计者使用的制作工具大同小异,无论是初学者还是专家,大多数网站的建设人员都会选用诸如Dreamweaver,FrontPage,Fireworks,Photoshop,Photoimpact,ImageReady这些主流软件,为什么设计出的网站却在风格、形态上都有很大的区别呢?这正说明了网站创作的灵魂在于站点建设者对网站的规划,网站的风格及网站的概念的理解。
虽然一个网站的主要目的是给人们传递它的信息,但是与此同时还把它的文化同样也传递给获取这些信息的人们。比如,众所周知的263首都在线、新浪网、网易、ChinaRen等网站的页面设计都非常朴实,没有太多的花哨的效果,运用普通的制作软件就能够制作完成,但它们的页面只需要看一眼就能够让人马上识别它是谁,这是因为它们不仅向访问者传达了新闻等网站的信息,更显示出自己独特的风格。
因此,想成为一名网页设计方面的专家,仅仅掌握网页设计软件是远远不够的,必须要从观念上、思想上把握网页设计的特点。下面将以许多著名网站作为范例,逐个介绍商业网站、事业单位网站和个人网站设计的基本思想与风格。
一、网站设计的基本原则
网站的设计基本上是按照一定步骤进行的。不同的站点开发人员有他们自己不同的习惯,对于网页设计都有自己独特的见解,但一般来说有一些原则是共同的,有一些主要的概念也是共通的。仅仅会输入文本,制作超级链接和排列图片,不是真正意义上的网页制作,或者说不能够称为是网页创作。因为网页制作最重要的一个原则是:创意。这个原则也可以看成是网页制作的根本,没有创意的网站不能算是成功的网站,而这样的站点也必将不能长期存在。
除了创意之外,在网站设计时还需要考虑以下基本原则:
网页内容要便于阅读。
站点内容要精、专和及时更新。
注重色彩搭配。
考虑带宽。
要适当考虑不同浏览器、不同分辨率的情况。
提供交互性。
简单即为美。
针对上述几条原则,需要作如下解释,以便读者了解网页制作的概念。
1.网页内容便于阅读
网站最大的目的是发布信息,因此网页作为信息的载体就必须要做到便于阅读。网页要求方便浏览者阅读与查找是网站服务的要求,但并不代表把所有重要信息都堆积于首页上。方便内容的查找与阅读的根本在于科学的分类和组织。个人网站信息量少,几个超级链接就可以包含;而商业网站的信息量较为庞大,比如新浪、FM365、网易、263这样的网站,站点中的内容几乎无所不包,如何有条有理地组织、放置超级链接,就需要仔细考虑,其中包含"层次"概念。对如何有层次地组织内容将在后面的章节中单独进行讨论。
2.站点、页面色彩的搭配
如果色彩选用搭配不当,会影响网站的访问量。比如,采用高亮度的背景色或者前景色,很容易让浏览者的眼睛感到疲劳,设计网站而且不利于整个网站风格的统一,同时也违背了网站"简单即为美" 的原则。
3.带宽
带宽问题在国内是一个必须要考虑的问题,而且非常现实。国内的网络基础设施比较差,不能够提供高速信息传输,如果使用普通电话线拨号上网,目前最高的传输速度标称值为 56 kbps,实际传输率远到达不了这个值;如果使用的是 ISDN上网,把两个数字信道同时用上最高速度标称值也不过 128kbps。另一方面国内的网络分成好几大块,如 CERNET(教育网),163,169等等。各高校属于CERNET,而FM365,263,网易等这些网站则属于教育网之外的社会综合性商业网站。当浏览者单独在某一网内进行穿梭,可以获得较高的访问速度;然而要进行网间穿梭时,往往会发现访问速度急剧下降。这是因为在各个网之间的通信带宽非常窄,所以在访问时就难免发生"拥挤",明显影响访问速度。
网间穿梭的问题对于个人网站尤为重要,因为个人站点通常不具备个人服务器的条件,往往是利用现有的一些免费个人主页的服务,如网易、163等商业网站都提供个人空间,在它们上面挂个人主页就要考虑教育网内的用户访问起来是否同样方便。对于这些细节问题的考虑,可以改善网站的访问量,对依靠广告收益为主要收入的站点尤为重要。
作为一名网页设计师,要根据访问对象的不同来确定网页的大小,要尽可能将网页设计得美观而简洁精湛,使得用户访问时能够确保比较高的访问速度,而不至于因为等得不耐烦放弃访问。
4.浏览器与分辨率
由于互联网太大了,用户非常广泛,所使用的电脑也有性能高低之分,有的用户电脑性能好,可以安装比较庞大而功能完善的浏览器,如Microsoft Internet Explorer或Nets- cape Communicator(以下简称 Netscape),并采用800 * 600或者1024 * 768等高分辨率;有的用户电脑配置低,只能安装Opera(仅1MB多)等小巧而简化功能的浏览器,分辨率也只能达到640 * 480。不仅如此,各种浏览器支持的网页特性也有一定的差别。比如目前流行的网页多媒体设计软件Flash,用它制作的多媒体必须在有Flash播放插件的浏览器中才能正确显示。对于脚本语言的使用也是一样,Javascrpt是跨平台性能较好的脚本编写语言,但VBScript就往往因得不到Netscape的支持而无法运行,使得脚本失效。故能用Javascript的地方就不要采用VBScript。
兼顾浏览器与分辨率的不同是网页设计中一个需要考虑最多的问题之一,我们可以采取相应措施解决这个问题。浏览器不同,可以采用Javascript编程来分辨浏览器版本,从而将不同用户定位到不同网页上。或者在设计时,尽量使网页在不同浏览器中都能浏览。分辨率通常显示在网页上对用户提示。目前一般设计的分辨率为800 * 600,除非有特殊要求,否则没有必要制作多分辨率版本。
另外,在设计站点时还有语言版本的问题,设计网站如果一个网站定位于同时向国外、祖国大陆以及港台地区进行宣传,那么多语言版本的网页是不可缺少的,GB码、BIGS码及English版本,是目前最流行的常用的3种语言版本。
相关信息: