想冲破传统要先知何为传统
本文节选自――《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通过不规则与不规律展现出他与众不同的魅力，也给无数的采用三栏结构的商业类型的网站，带来一个创新的思路。
