建站常识
《设计师谈网页设计思维》节选:冲破传统
2006-08-09 13:14:00
本文节选自――《Web Designer Idea ――设计师谈网页设计思维》一书,未经许可,请勿转载!

作者:梁景红(Relen)
想要冲破传统,首先需要知道什么是传统
某天,Relen收到一个初学摄影的朋友的来电。朋友显得十分兴奋,说她可以和当地的摄影协会的成员一起出游,他们中不乏一些常在杂志发表作品的人。朋友看那些摄影前辈在哪里取景,她也会照着做。与此同时,她提到,先拍一些保守而传统的作品,等自己的基础更加扎实以后,再去做一些自由的创作……
说到这里,也要进入我们的正题了。从网页设计的行业发展来看,大致都是从栏式结构开始的。最为典型的就是那些信息资源丰富的门户网站,几年过去,他们的页面由于各种原因改动甚少。栏式结构简洁而直接,即大气又传统,一直是网页排版时选择的基础结构。
栏式结构中,三栏结构最有优势也最常用,把它定位为最传统的网页格局,一点也不为过。不论是初学者和有经验的设计师,常常都是从这个地方开始的。
那到底要怎样才能冲破“传统”呢?我们看看下列三个网站是怎么做的。



首先是Designed To Help网站,十分明确的三栏结构。为了能够突出自己的风格,设计师除了在页面上部用了两条结构线外,其他地方均是采用自然划分的方式,也的确形成了独特的魅力。中栏放置的作品图片是网站最重要也最出彩的内容。设计师把它们放在页面总部也是页面设计之所以有特色的主要原因之一。右栏点睛之笔是天蓝和品红的小色块,以及背景为白色的文字装饰。完全不能小看这些细节设计,越是小的地方越能体现出设计师的细致用心。同时,不论多小,如果达到了一定的数量,其魅力也能席卷整个网站。
点评的结果是,Designed To Help运用的是看似漫不经心的细节处理,突破了传统的局限,使作品变得不一般。
试读章节:
- 引言--网页设计从哪里开始
- 想要冲破传统,首先需要知道什么是传统
- 参照物--固定与变化
- 真的是“视觉疲劳”吗?
- 后记--可能是你关心的几个问题



网站xiti.com有五个导航项目,按照常规,一般的设计者一定会把五个导航项目排成一个导航条。然而,XITI的设计者出奇异表的把五个导航分成两排,上排三个,下排两个。空出的位置,就空放在那里。
Xiti.com的首页就已经展现出来了这种奇妙的想法。设计者把五个栏目导航项目及内容摘要用格子排放在首页,并没有力求对称,第六个格子里放置一些和导航无关的信息。内页的排版直接继承了首页的风格。而插图出现在左栏的最上部分,这个构想也相当意外。
简言之,Xiti.com通过不规则与不规律展现出他与众不同的魅力,也给无数的采用三栏结构的商业类型的网站,带来一个创新的思路。


最后是韩国网站Color Ahenna,网站有趣的地方在于灵活的中栏,还有非常窄的左栏,以及标志的位置也很特殊。
不论是极具现代感的Designed To Help还是商业高效的Xiti,或者是浓郁色调的Color Ahenna,三个网站的创作思路均不同,但都通过在传统的三栏基础上寻找到了突破口,并延展出独特的风格。这是否能给你一些启示,帮助你从传统大众化的一端走向独创魅力的反传统一端呢?
- 引言--网页设计从哪里开始
- 想要冲破传统,首先需要知道什么是传统
- 参照物--固定与变化
- 真的是“视觉疲劳”吗?
- 后记--可能是你关心的几个问题
近期更新
- [2025-02-11 14:34:54] 青岛品牌网站定制化设计
- [2023-06-25 23:22:29] 优秀网站设计的五大特点
- [2023-04-27 14:05:55] Html 5 响应式网站设计制作
- [2023-04-10 11:07:30] 网站建设制作流程知多少
- [2022-10-14 10:11:30] 做网站设计应该更看重框架搭建还是视觉观感?
- [2022-08-09 15:57:48] 以“产品”思维搭建网站!
- [2022-08-08 09:12:57] 一家公司的网站应该有哪些板块内容?
- [2022-08-05 09:28:06] 企业网站建设为什么要设置新闻板块?
- [2022-07-04 15:58:06] 网站首页设计的好看,这个网站就成功了一大半!
- [2022-05-20 09:34:19] 网站后台管理系统是什么?有什么作用?
- [2022-05-17 11:29:32] 作为消费者,应该如何选择一家水平高的网站建设公司
- [2022-05-17 11:27:01] 品牌网站定制与模板化网站应该怎么选择?
延伸阅读
- [2007-01-09 09:37:00] 《网页配色密码》
- [2006-08-09 13:37:00] 《设计师谈网页设计思维》后记,聊几件事情
- [2009-07-28 07:56:00] 《写给大家看的设计书》阅读笔记之色彩
- [2009-09-27 21:57:00] 驳亚平同学《设计师不能不知道的10个沟通秘诀》
- [2009-06-21 09:02:00] 读《用户不会记得点了多少下》有感
- [2009-11-13 14:22:00] 《web信息架构》-组织系统
- [2007-06-06 15:08:00] 信息之美
- [2009-11-13 14:22:00] 《web信息架构》-信息架构分四类及分类的方式
- [2006-08-09 13:09:00] 《设计师谈网页设计思维》引言:从哪里开始
- [2006-08-09 13:34:00] 《设计师谈网页设计思维》真的是“视觉疲劳”
- [2006-08-09 13:27:00] 《设计师谈网页设计思维》参照物-固定与变化
- [2009-07-24 07:50:00] 《变形金刚淘宝记》-互动动画制作过程
