某天,作者收到一个初学摄影的朋友的来电。朋友显得十分兴奋,说她可以和当地摄影协会的成员一起出游,他们中不乏_些常在杂志发表作品的人。朋友看那些摄影前辈在哪里取景,她也会照着做。与此同时,她提到,先拍一些保守而传统的作品,等自己的基础更加扎实后,再去做―些自由的创作……
说到这里,也要进入我们的正题了。从网页设计的行业发展来看,大致是从栏式结构幵始的。最为典型的就是那些信息资源丰富的门户网站,如新浪、搜狐、网易等,几年过去了,他们的页面由于各种原因改动甚少。栏式结构简洁而直接,既大气又传统,一直是网页排版时选择的基础结构。
栏式结构中,三栏结构最有优势也最常用,把它定位为最传统的网页格局,一点也不为过。不论初学者还是有经验的设计师,常常都是从这个地方开始的。
那到底要怎样才能冲破“传统”呢?看看下列三个网站是怎么做的。
首先是Designed To Help网站,采用的是十分明确的三栏结构。为了能够突出自己的风格,设计师除了在页面上部用了两条结构线外,其他地方均是采用自然划分的方式,也的确形成了独特的魅力。中栏放置的作品图片是网站最重要也最出彩的内容。设计师把它们放在页面中部也是页面设计之所以有特色的主要原因之一。右栏的点睛之笔是天蓝和品红的小色块,以及背景为白色的文字装饰。完全不能小看这些细节设计,越是小的地方越能体现出设计师的细致用心。同时,不论多小,如果达到了一定的数量,其魅力也能席卷整个网站。
点评的结果是,Designed To Help运用的是看似漫不经心的细节处理,突破了传统的局限,使作品变得不一般。
网站xiti有五个导航项目,按照常规,一般的设计者一定会把五个导航项目排成一个导航条。然而,乂丨丁丨的设计者出人意表地把五个导航分成两排,上排三个,下排两个。空出的位置,就空放在那里。
Xiti的首页就已经展现出了这种奇妙的想法。设计者把五个栏目导航及内容摘要用格子摆放在首页,并没有力求对称,而是第六个格子里放置一些和导航无关的信息。内页的排版直接继承了首页的风格。而插图出现在左栏的最上部分,这个构想也相当意外
简言之,xiti通过不规则与不规律展现出了它与众不同的魅力,也给无数的采用三栏结构的商业类型的网站,带来了一个创新的思路。
最后是韩国网站Color Ahenna,它有趣的地方在于灵活的中栏和非常窄的左栏。它标志的位置也很特殊。
不论是极具现代感的Designed To Help还是商业高效的xiti,又或是色调浓郁的Color Ahenna,三个网站的创作思路均不相同,但都在传统的三栏式基础上寻找到了突破口,并延展出独特的风格。这是否能给你一些启示,帮助你从传统大众化的一端走向独创魅力的反传统一端呢?
作者曾在几年前的一本书中,提到了页面上可能出现的元素有:导航、标志、广告条、图片、文字、动画、装饰、超级链接等。它们的功能各不相同,各司其职。在这些元素之中,仅有导航承担了展现信息结构的工作,从这一点上,足以把导航与其他页面元素区别开来。针对阐释信息格局和网页版式规划两方面,导航可释放出极大的决定作用,其重要性不言而喻。
说到这里,也要进入我们的正题了。从网页设计的行业发展来看,大致是从栏式结构幵始的。最为典型的就是那些信息资源丰富的门户网站,如新浪、搜狐、网易等,几年过去了,他们的页面由于各种原因改动甚少。栏式结构简洁而直接,既大气又传统,一直是网页排版时选择的基础结构。
栏式结构中,三栏结构最有优势也最常用,把它定位为最传统的网页格局,一点也不为过。不论初学者还是有经验的设计师,常常都是从这个地方开始的。
那到底要怎样才能冲破“传统”呢?看看下列三个网站是怎么做的。
首先是Designed To Help网站,采用的是十分明确的三栏结构。为了能够突出自己的风格,设计师除了在页面上部用了两条结构线外,其他地方均是采用自然划分的方式,也的确形成了独特的魅力。中栏放置的作品图片是网站最重要也最出彩的内容。设计师把它们放在页面中部也是页面设计之所以有特色的主要原因之一。右栏的点睛之笔是天蓝和品红的小色块,以及背景为白色的文字装饰。完全不能小看这些细节设计,越是小的地方越能体现出设计师的细致用心。同时,不论多小,如果达到了一定的数量,其魅力也能席卷整个网站。
点评的结果是,Designed To Help运用的是看似漫不经心的细节处理,突破了传统的局限,使作品变得不一般。
网站xiti有五个导航项目,按照常规,一般的设计者一定会把五个导航项目排成一个导航条。然而,乂丨丁丨的设计者出人意表地把五个导航分成两排,上排三个,下排两个。空出的位置,就空放在那里。
Xiti的首页就已经展现出了这种奇妙的想法。设计者把五个栏目导航及内容摘要用格子摆放在首页,并没有力求对称,而是第六个格子里放置一些和导航无关的信息。内页的排版直接继承了首页的风格。而插图出现在左栏的最上部分,这个构想也相当意外
简言之,xiti通过不规则与不规律展现出了它与众不同的魅力,也给无数的采用三栏结构的商业类型的网站,带来了一个创新的思路。
最后是韩国网站Color Ahenna,它有趣的地方在于灵活的中栏和非常窄的左栏。它标志的位置也很特殊。
不论是极具现代感的Designed To Help还是商业高效的xiti,又或是色调浓郁的Color Ahenna,三个网站的创作思路均不相同,但都在传统的三栏式基础上寻找到了突破口,并延展出独特的风格。这是否能给你一些启示,帮助你从传统大众化的一端走向独创魅力的反传统一端呢?
作者曾在几年前的一本书中,提到了页面上可能出现的元素有:导航、标志、广告条、图片、文字、动画、装饰、超级链接等。它们的功能各不相同,各司其职。在这些元素之中,仅有导航承担了展现信息结构的工作,从这一点上,足以把导航与其他页面元素区别开来。针对阐释信息格局和网页版式规划两方面,导航可释放出极大的决定作用,其重要性不言而喻。