Web2.0网站版面设计.docVIP

Web2.0网站版面设计 　　摘要:本文介绍了Web2.0网站的版面设计，简要说明了Web 2.0网站的特征，重点阐述了版面设计的重要性、步骤、特点和发展趋势。 　　关键词:Web2.0网站；版面设计 　　 　　一、 引言 　　 　　随着网络的不断进步，已经不是少部分人为广大网民撰写内容的时代了，更多的人除了通过网络了解新闻、阅读文章外也开始自己写东西，使得信息多得让我们无法与之保持同步，导致我们没有足够的时间去关注所有感兴趣的内容。因此，当个人写作逐渐成为主流的时候，Web1.0的老模式已经难以跟上时代的步伐。应运而生的是Web2.0，在这种模式下，网络上的信息是分布式的小单位―“微内容”中，网络的构成元素由文档变成了数据。 　　在设计Web2.0网站时，为了满足人们撰写文章、筛选信息等方面的需求，不得不遵循以下几点：（1）用语义标记语言写页面：和XML接轨，这是实现Web2.0过程中最重要的一环：（2）提供Web服务：超越站点；（3）信息重组：内容为王；（4）导航和关联的主人：用户决定；（5）随时间而添加的元数据：由社群建设的群体信息；（6）转向程序设计：风格和结构的分离。 　　 　　二、版面设计的重要性 　　 　　网站设计可以说是一门实用设计艺术，它既包含平面设计中的设计法则，如文字排版、图片制作，也包含网页制作的其他要素：三维立体设计、静态无声图文、动态有声影像、智能交互效果的实现等。对于Web2.0网站，在设计版面时，需要考虑其核心组成部分：BLOG、TAG、SNS、RSS、WIKI等，将这些内容更丰富、联系性更强、工具性更强的因素有机的组合在一起。 　　对于一个成功的网站，出色的版面结构起到了决定性的作用。版面结构是指一种能够让浏览者清楚、容易地理解作品传达的信息的东西，一种将不同介质上的不同元素巧妙排列的方式。同时，版面设计也可以理解为布局设计，就是在浏览器上所看的一个完整的页面，需要将所有要体现的内容有机的整合和分布，达到某种视觉效果。 　　版面设计作为整个网站构思过程中最重要的一部分，不但会给浏览者留下好的第一印象，而且还会带来一个好的心境。表面上看，它是一种关于编排的学问，而实际上，它不仅是一种技能，更是技术与艺术的高度统一。对于一幅优秀的网页作品而言，其好的创意相当于一个好的灵魂，而版面设计就好比一个出色的外形，只有二者相互影响与融合，才能使人们的视线久久难移，产生震撼力。例如，如果做的是娱乐站点，那么版面设计应该明快、亮丽，让浏览者一进入你的网站，就能产生很愉快的心情；如果做的是一个历史文化站点，那么版面设计应该古朴、大方；如果是一个军事、政治站点，版面设计应该凝重、整齐。 　　 　　三、版面设计的步骤 　　 　　（一）确定主题 　　主题就是所要表达的主要内容，在版面设计之前，首先要考虑的就是自己的网站究竟是要做些什么，需要充分了解用户的需求、网站的定位及受众群等很多因素，明确通过网站要表达的内容，这样就可以给自己的网站划定一个范围。主题没有好坏之分，无论什么样的主题，只要巧妙设计，精心地构思，一定能够做出一个非常好的网站。 　　（二） 构思页面 　　这一步需要尽可能充分的发挥想象力，在没有任何表格、框架的空白页面上将想到的所有与主题相关的画出来，这属于一个构思的过程，不讲究细腻工整，也不必考虑细节功能，只要用粗陋的线条勾画出创意的轮廓即可。同时，尽可能多画几张，通过不同的构思表现同一个主题，这样有利于最后选定一个满意的设计作为继续创作的脚本。 　　（三）粗略布局 　　这个阶段是个试用期，是指在构思的基础上，将确定要放置的功能模块安排到页面上，把重要的元素和网页结构相结合，看看框架是否合理、是否适合用户的需求。同时，必须遵循突出重点、平衡谐调的原则，将网站标志，导航栏等最重要的模块放在最显眼，最突出的位置，然后再考虑次要模块的排放。 　　（四）完善布局 　　当已经有一个很好的框架后，需要根据用户的要求将其所需的内容有条理的融入于整个的框架中，具体是通过图片的处理、空间的合理利用进行编排，达到页面上主次分明、中心突出，文章或标题搭配合理、相互呼应，图文并茂、相得益彰的效果。 　　（五） 深入优化 　　这个阶段主要是针对有些细节的更改和优化，比较耗时繁琐，但对于提高页面的浏览速度和页面的适应性起到了很重要的作用，具体包括对文字、颜色、图片、表格等细节的调整，最终完成一个让用户满意的设计。 　　 　　四、版面设计的特点 　　 　　（一）遵循视觉规律进行合理安排 　　心理学家葛斯达认为，人们注意版面时，版面的上部比下部注目价值高，左侧比右侧注目价值高。因此，版面的左上侧位置最为引人注目。利用版面不同位置注目价值的差异，将网页主要内容安排在版面突出位