本文节选自――《Web Designer Idea ――设计师谈网页设计思维》一书，未经许可，请勿转载！

　　作者：梁景红(Relen)

　　电子邮件：Relenliang#126.com (#换成@)

　　网址：www.relen.com

　　某天，Relen收到一个初学摄影的朋友的来电。朋友显得十分兴奋，说她可以和当地的摄影协会的成员一起出游，他们中不乏一些常在杂志发表作品的人。朋友看那些摄影前辈在哪里取景，她也会照着做。与此同时，她提到，先拍一些保守而传统的作品，等自己的基础更加扎实以后，再去做一些自由的创作……

　　说到这里，也要进入我们的正题了。从网页设计的行业发展来看，大致是从栏式结构开始的。最为典型的就是那些信息资源丰富的门户网站，如新浪、搜狐、网易等，几年过去，他们的页面由于各种原因改动甚少。栏式结构简洁而直接，即大气又传统，一直是网页排版时选择的基础结构。

　　栏式结构中，三栏结构最有优势也最常用，把它定位为最传统的网页格局，一点也不为过。不论是初学者和有经验的设计师，常常都是从这个地方开始的。

　　那到底要怎样才能冲破“传统”呢？看看下列三个网站是怎么做的。

　　www.designedtohelp.com

点击放大

点击放大

点击放大

　　首先是Designed To Help网站，十分明确的三栏结构。为了能够突出自己的风格，设计师除了在页面上部用了两条结构线外，其他地方均是采用自然划分的方式，也的确形成了独特的魅力。中栏放置的作品图片是网站最重要也最出彩的内容。设计师把它们放在页面总部也是页面设计之所以有特色的主要原因之一。右栏点睛之笔是天蓝和品红的小色块，以及背景为白色的文字装饰。完全不能小看这些细节设计，越是小的地方越能体现出设计师的细致用心。同时，不论多小，如果达到了一定的数量，其魅力也能席卷整个网站。

　　点评的结果是，Designed To Help运用的是看似漫不经心的细节处理，突破了传统的局限，使作品变得不一般。

www.xiti.com

点击放大

点击放大

点击放大

　　网站xiti.com有五个导航项目，按照常规，一般的设计者一定会把五个导航项目排成一个导航条。然而，XITI的设计者出奇异表的把五个导航分成两排，上排三个，下排两个。空出的位置，就空放在那里。

　　Xiti.com的首页就已经展现出来了这种奇妙的想法。设计者把五个栏目导航项目及内容摘要用格子排放在首页，并没有力求对称，第六个格子里放置一些和导航无关的信息。内页的排版直接继承了首页的风格。而插图出现在左栏的最上部分，这个构想也相当意外。

　　简言之，Xiti.com通过不规则与不规律展现出他与众不同的魅力，也给无数的采用三栏结构的商业类型的网站，带来一个创新的思路。　www.colorahenna.net

点击放大

点击放大

　　最后是韩国网站Color Ahenna，网站有趣的地方在于灵活的中栏，还有非常窄的左栏，以及标志的位置也很特殊。

　　不论是极具现代感的Designed To Help还是商业高效的Xiti.com，或者是浓郁色调的Color Ahenna，三个网站的创作思路均不同，但都通过在传统的三栏基础上寻找到了突破口，并延展出独特的风格。这是否能给你一些启示，帮助你从传统大众化的一端走向独创魅力的反传统一端呢？

　　更多信息，参见《Web Designer Idea ――设计师谈网页设计思维》