Web 2.0网站如何制作(1)设计指南

原文地址：WEB2.0 Design Style Guide

本教程中将详细阐述传统的图形设计元素是如何应用在现代（2.0时代）的页面设计中的，然后我将解释为什么它们能流行开来，以及如何、何时、在哪里使用这些元素。相关的理论都是建立在“传统样式”这篇文章的基础上，在这里只是针对如何将之应用到当前的web2.0中做了更深的分析而已。

这里先罗列当前的一些典型”web2.0″站点的风格特征，当然，一个站点没必要将这些元素都发挥到极致，并且即使用上了这些元素，也不能让你的设计看上去就像2.0了：

1.  简约的界面风格

2.  严谨的中轴布局

3.  精炼的内容分列

4.  独立的顶部版块

5.  鲜明的版块划分

6.  简明的站点导航

7.  醒目的Logo标志

8.  大号的字体应用

9.  易读的文本介绍

10.亮丽的颜色搭配

11.友好的视觉感受

12.柔和的颜色渐变

13.晶莹的抛光效果

14.精致的页面图标

15.灵动的星形标志

这些设计风格并不是在所有场合都有效，凡事总有例外的。所以肯定存在一些错误地、过度地、没经过思考就使用这些元素的反面教材。仅仅将它们全都揉合在一起可不能为你创造出一个好的页面设计来，就像将鸡蛋、糖及面粉搅和在一起可不能马上就得到个蛋糕。

设计网页需要一种能将各种元素巧妙的融合在一起的能力，而且大多数时候它们都是相对的，而一个好的页面设计当然就是平衡了各种元素的方案了。

Web 2.0?

我使用“Web 2.0设计”来描述一种当前很流行的页面设计方案，而有很多人将Web 2.0描述为：

1.网络经济的复兴；

2.网站与服务之间更高级别的交互技术；

3.或者是一种建立在当前在线社区及社会化网络之上的社会现象。

还有一些人将这个术语用在最近的网页设计教学中，我觉得这个语义很符合我这里用的感觉。

引言—— 简约：返璞归真的设计风格

接下来我们开始体验当前最流行的各种页面设计风格及要素，并为你分析为何它们每个都那么成功，最后当然是教你如何在自己的站点里使用它们了。如果要我用一个词来总结Web 2.0设计，我会选择”简约”。我觉得“简约”是未来设计的发展方向，当今这些简单、醒目、优雅的页面用更少的元素传递了更多的信息：

1.它让设计师能从网站的功能出发，避免用户被无用视觉元素干扰，引导用户一步步的使用这些功能；

2.它用更少的话去表达更多的含义，这样就要求每张图片都必须经过精心选择以达到所需要的效果；

3.它颠覆了我们无法预测用户需求的观点。

下一节我们将谈谈如何设计页面