网站设计想要冲破传统,首先需要知道什么是传统
来源:互联网 发布:文言文虚词乎 编辑:程序博客网 时间:2024/04/30 19:15
某天,作者收到一个初学摄影的朋友的来电。朋友显得十分兴奋,说她可以和当地摄影协会的成员一起出游,他们中不乏_些常在杂志发表作品的人。朋友看那些摄影前辈在哪里取景,她也会照着做。与此同时,她提到,先拍一些保守而传统的作品,等自己的基础更加扎实后,再去做―些自由的创作……
说到这里,也要进入我们的正题了。从网页设计的行业发展来看,大致是从栏式结构幵始的。最为典型的就是那些信息资源丰富的门户网站,如新浪、搜狐、网易等,几年过去了,他们的页面由于各种原因改动甚少。栏式结构简洁而直接,既大气又传统,一直是网页排版时选择的基础结构。
栏式结构中,三栏结构最有优势也最常用,把它定位为最传统的网页格局,一点也不为过。不论初学者还是有经验的设计师,常常都是从这个地方开始的。
那到底要怎样才能冲破“传统”呢?看看下列三个网站是怎么做的。
首先是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,三个网站的创作思路均不相同,但都在传统的三栏式基础上寻找到了突破口,并延展出独特的风格。这是否能给你一些启示,帮助你从传统大众化的一端走向独创魅力的反传统一端呢?
作者曾在几年前的一本书中,提到了页面上可能出现的元素有:导航、标志、广告条、图片、文字、动画、装饰、超级链接等。它们的功能各不相同,各司其职。在这些元素之中,仅有导航承担了展现信息结构的工作,从这一点上,足以把导航与其他页面元素区别开来。针对阐释信息格局和网页版式规划两方面,导航可释放出极大的决定作用,其重要性不言而喻。
- 网站设计想要冲破传统,首先需要知道什么是传统
- 想要写出跟知名开源库一样的代码,首先你需要知道……
- 传统网站&web标准
- WEB2.0网站需要借鉴的七种传统赢利模式---网易
- 什么是NIO,与传统IO区别
- 传统软件模式是需要变通的
- 分析:打折网站觊觎传统行业蛋糕
- 传统的网站css结构面临挑战?
- CDN与传统网站访问对比
- rup与传统软件工程之设计分析
- 浅谈传统工作流引擎的设计
- 颠覆传统-面向对象的设计思想
- 传统软件开发中的详细设计
- 第十四讲 传统的div+css设计
- 传统架构与分布式架构的设计
- 传统企业并不懂互联网,传统企业需要大量的网络营销人才
- 传统控件
- 传统控件
- AutoMutex _l(mLock)
- 宫格格用法
- C++从一个文件中统计所有出现过的单词,并按次数从大到小输出
- GIT & REPO & GERRIT (一)
- ConfigurationPrinter
- 网站设计想要冲破传统,首先需要知道什么是传统
- 获取客户端IP
- 谈谈Java:Checked Exception与Runtime Exception 的区别
- hadoop同步集群个节点命令rsync
- vim常用命令总结
- 优化SQLServer索引的小技巧
- 中断和定时器不允许睡眠: BUG: scheduling while atomic: swapper/0/0x00000100
- GIT & REPO & GERRIT (二)
- H.265之三 -帧内预测(2)