Web设计放弃闭塞思想而跳出网格之外思考

11月的一个深夜,我飞临我的故乡亚利桑那 Tucson 的上空,我为这个城市网格式的布局所打动,Tucson 是美国通过规划而建造的城市之一,从上空看,这个城市的所有东西都被设计者精心布局(图1),我刚从伦敦回来,伦敦正好相反,伦敦的城市布局(图2)曲里拐弯,看上去更像是出之天然。

图 1:亚利桑那的 Tucson

图 2:伦敦

我构想这篇文章已久,这两个城市的俯瞰图让我联想到 Web 设计,当今的技术可以让我们自由实现网格式设计,或者完全跳出网格之外,这种选择对 Web 设计师的推动是毫无疑问的,然而真正的挑战是,我们该如何放弃那些闭塞的思想而跳出网格之外思考。

城市的感觉

将城市规划推之 Web 设计,二者之间的相似之处很有趣。网格布局非常适合创建可预见的,易于导航的网站,网格可以很好地帮助设计师进行规划,让用户易于访问(图3)。

图 3: Ryan Brill

从正面意义上看,Tucson 这个城市当然很容易访问,一点方向感或一张街道图就足够了,居民向别人指示自己的方位,只需说,我在 Campbell Avenue 和 Prince Road 交叉路口的西南拐角处就可以了。公共交通都是正南正北或正东正西,辨路是很容易的。

而从另一方面说,Tucson 的设计者最初的规划只考虑到有限的扩张,当城市发展到规划之外的地方,问题就出现了。Tucson 网格化的局限阻止了不同风格社区或邻里的出现,很多 Tucson 的居民觉得这个城市缺乏一个充满活力的市中心或众多有个性的社区,结果,即使这样的区域出现了,也容易前往,他们也懒得去找。

伦敦却不同,它简直是个迷。我知道伦敦人自己也要靠城市指南才可出行。这个城市的交通系统充满挑战,那些出租车司机需要通过专门的考试才能上岗。这个城市的自然成长并没有让它成为一个容易出行的地方。

然而在伦敦,精彩纷呈的城区与口味独特的邻里到处都是,文化聚集区以及奇趣社区也不一而足。虽然更难出行,因为口味纷呈,人们反而更乐意置身其中。

这个隐喻也适合那些趋向自然的 Web 设计,人们如何才能轻松地在那些曲里拐弯的胡同中穿梭?从另一个方面说,漂亮的设计可以通过打破我们所一直遵从的条条框框而得以实现。图4中你可以看到,突破网格设计的规矩如何让设计既保持易用性,又看上去与众不同。

图 4: AIGA Los Angeles

时间: 2024-10-02 20:06:10

Web设计放弃闭塞思想而跳出网格之外思考的相关文章

《响应式Web设计实践》一2.3 网格布局

2.3 网格布局 响应式Web设计实践 早在Web出现前的数十年,在设计中使用网格就已经是一种异常流行的做法了,因为网格有助于实现站点的平衡.间距以及组织结构.一个实现良好的网格系统会使你的站点井井有条,同时还可以提高页面的可读性和可浏览性. 注意 关于网格的更多信息,可以参阅Khoi Vinh的书籍,或者找一份Mark Boulton的系列视频来看. 在<"Ordering Disorder: Grid Principles for Web Design"(秩序之美:网页中的网

优秀的Web设计:优秀设计思想的10项原则

文章描述:优秀Web设计10项原则:创新实用富有美感. 他能够为我们使用家用电器的方式掀起一场革命,现在我们仍然把它作为现代世界的设计灵感,最好例子就是Apple.Apple的许多畅销产品的核心功能都采用了Dieter Rams的设计原则. Dieter Rams最著名的设计思想是优秀设计的10项原则,这些原则通常用来做出好的设计或对其进行归类.这些原则包含了在创建项目的时候设计师需要考虑到的问题,但是这些原则最适用于工业设计,因为Dieter Rams正是在这个领域做出了非同寻常的作品,并得出

放弃抄袭和模仿让web设计有成就感

听到一些人说现在做产品设计很没有成就感.没有什么创造力,除了抄袭模仿(称之为竞争分析).千篇一律(又称规范标准)还有复杂的流程.粗制滥造的表现以及搞不懂为啥不能实现的技术.这些都不是设计师想要的,但为什么我们的设计会变成这样? 心理学家说过,成就感是肾上腺素过后给人的一种满足感.它往往源于你努力付出并得到好结果之后的产物.ipod的音乐之所以会这么受宠,是因为它的每首歌都是由用户自己整理(包括设定封面.名称.歌词甚至是专辑排序等),所以在你看到自己的歌井然有序地按照你的方式播放时,你心中就会产生

Web设计里的软件工程思想

web|设计 现在的网站规模越来越大,涉及到的部门.人员的数量也是越来越多.自然而然的,Web开发组的规模也是越来越复杂了,由此所带来的管理难度也越来越大,在下面的文章里,我将与大家探讨一些相关的Web设计观念. 1. Web是一种软件么? 最早的Web设计是很简单的,一大堆的超链接,有些地方偶尔会看见很高级的CGI(在当时的环境下),而现在的Web已经具备了与数据紧密连接的需要,现在的Web项目中已经出现了很多B/S结构的应用,不用怀疑,Web已经或者即将成为软件的一个重要分枝. 2. Web

web设计 网页流动布局和弹性布局 转载

本文转载csdn作者qinghuawenkang博客http://blog.csdn.net/qinghuawenkang/article/details/7557087   在现实世界中,防弹衣并不能100%保证您不受伤害,但人们总是在不断地争取提升其防弹性能.毕竟,穿了防弹衣总是比不穿好.         这样的规则同样适用于Web设计.通过增加网页的灵活性,以及采用必要的步骤来保证它在尽可能多的场景中都具备可读性,我们就给自己的作品赋予了一些与众不同的特色.这是一个循序渐进的过程,并且当采

面向未来Web设计:内容与外层分离 渐进增强

中介交易 SEO诊断 淘宝客 云主机 技术大厅 现在终端设备种类繁多对WEB设计提出更多要求 是时候考虑针对未来,设计出体验友好的Web了.现在终端设备种类繁多,如台式机.笔记本.上网本.平板电脑.多功能手机.智能手机等等,而这仅仅是一个开始.技术更新换代的速度在加快,我们的工作流程.标准及基础设施正在触及它们所能承受的极限.这个相互联通的时代不断创造着新的挑战,同时也酝酿着巨大的机会. 谁也无法预知,在未来将会发生什么.如果有人说可以创造出永不过时的事物,这又将是多么愚蠢的事啊.虽然我们无法提

优秀Web设计10项原则:创新实用富有美感

他能够为我们使用家用电器的方式掀起一场革命,现在我们仍然把它作为现代世界的设计灵感,最好例子就是Apple.Apple的许多畅销产品的核心功能都采用了Dieter Rams的设计原则. Dieter Rams最著名的设计思想是优秀设计的10项原则,这些原则通常用来做出好的设计或对其进行归类.这些原则包含了在创建项目的时候设计师需要考虑到的问题,但是这些原则最适用于工业设计,因为Dieter Rams正是在这个领域做出了非同寻常的作品,并得出了这些灵感. 这些原则并不是古板的戒律,并不是不能变通的

论WEB设计

道之于90年代恰如禅之于70年代.事无巨细,皆可受之道,或推之道.Web 设计之事,虽小技,然而通览道德经,我们仍然会发现其中包含深刻的道理.道是哲学,象佛,是一种生活与处世的方式,来自古老的<道德经>,这部拥有81个章节的晦涩经文涵盖了人类的经验,但它始终讲述一个主题,和谐. 过去几年,或好或坏,我的生活与 Style Sheet 有关,我为之编写软件,教程与指南:回答了数不清的问题,通过新闻组或电子邮件:通过 The Web Standards Project 推而广之.慢慢的,我对 We

Web设计之道

道之于90年代恰如禅之于70年代.事无巨细,皆可受之道,或推之道.Web 设计之事,虽小技,然而通览道德经,我们仍然会发现其中包含深刻的道理.道是哲学,象佛,是一种生活与处世的方式,来自古老的<道德经>,这部拥有81个章节的晦涩经文涵盖了人类的经验,但它始终讲述一个主题,和谐. 过去几年,或好或坏,我的生活与 Style Sheet 有关,我为之编写软件,教程与指南:回答了数不清的问题,通过新闻组或电子邮件:通过 The Web Standards Project 推而广之.慢慢的,我对 We