在网站设计里面,最重要的一个方面就是网页的风格。网页的风格包含很多内容,主要包括色彩、网页排版、网页的文互、多媒体的形式、内容架构及网页内容等。下面分别对这些方面进行介绍。
1、色彩
色彩包括网页的底色、文字的色彩、图片的色系、颜色等。
2、排版
主要是网页的整体结构、各个组成部分内容的展示形式、表格、框架的应用、文字缩排、段落等。
在开始编写文字、寻找图像和进行正式网页设计之前应该先把基本的网页结构组织好。要是开始的时候在脑子里没有一个相当明确的结构,那几乎肯定会以一团糟而告终。参考一些用户喜欢的页面,研究它们的布局和风格,看它们是如何表现内容的。整页地复制别人的东西是剽窃行为,但是向别人学习则是研究过程。
对要设计的网页有了初步的思考之后,就可以把思考的结果以草图的形式表示出来。这样做的目的有二:
其一是把大脑中的东西变成一个实实在在的图片,这样自己可以验证实际效果如何。
其二是可以把设计草图发给别人,让别人提一下意见。
草图的设计可以使用Photoshop或者其他的图像设计软件,主要内容是对网页的整体结构做个规划。例如网页整体分为几个大的部分,每个部分应该放什么内容,内容的展现形式如何,是图片、动画还是文字。如图1-22所示即为一个网页的草图。
3、网页的交互
主要是网页的交互形式,客户端及服务器端的程序,例如在客户端是否采用JavaScript的框架来增强用户体验,服务器端的程序是如何实现的,例如ASP, PHP, XML, CGI等。
4、其他的媒体形式
这部分主要是让网页看起来生动活泼的各种内容形式,如Flash动画、Silverlight程序等。
5、内容架构
主要是指网站的目录规划、网站及网页内容的层次性要明确。如图1-23所示是网易的一篇新闻。这个网页的内容架构就非常有代表性。首先是一个非常醒目的标题,一目了然。下面就是内容的发布时间和来源,因为这个内容不是重点,但是又不能缺少,所以采用较小的字号来展示。再接下来是一段摘要,用户只要阅读这几行字就可以了解这篇文章的内容。最后就是正文,图文并茂。
这种结构非常值得借鉴。当用户设计一个展示产品的网页的时候,同样也应该把产品的名称放在网页的最上面,让用户一看就知道是什么东西。如果介绍产品的内容较多,也应该放一个摘要在正文前面,简单地介绍产品的性能及一些指标。最后把产品详细地介绍给用户。初学者往往在这个方面犯错。例如经常会把产品的名称与产品介绍混在一起,或者产品介绍得非常详细,但是却没有提供一个简介。这样的话用户要了解网页的内容就非常困难。
6、网页内容
主要是指网站是否主题明确、网站的整体实用性如何、网站内文件之间的关联性如何、网页内容与主题切合度如何、是否有不必要的档案等。
文章内容来源于网络,侵删