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

　　作者：梁景红(Relen) 

　　想要冲破传统，首先需要知道什么是传统

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

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

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

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

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

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

　　试读章节：

• 引言--网页设计从哪里开始 
• 想要冲破传统，首先需要知道什么是传统
• 参照物－－固定与变化 
• 真的是“视觉疲劳”吗？ 
• 后记--可能是你关心的几个问题

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

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

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

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

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

• 引言--网页设计从哪里开始 
• 想要冲破传统，首先需要知道什么是传统
• 参照物－－固定与变化 
• 真的是“视觉疲劳”吗？ 
• 后记--可能是你关心的几个问题