《响应式Web设计实践》一1.3 独立站点

1.3 独立站点

响应式Web设计实践
在写这本书的时候,也许最普通的处理设备多样性问题的方法,就是为特定种类的设备(或者在被极端误导的情况下,为每一种特定的设备)开发一个独立的站点,通常这种做法会开发一个移动设备站点和一个台式电脑站点(如图1.2所示)。然而如果采用这种方法的话,站点无疑会变得越来越多:对于一个公司来说,需要有一个台式电脑站点、一个平板电脑站点、一个可触摸移动设备站点以及一个类似的却不支持触摸的移动设备站点。一个公司拥有四个不同的站点,这似乎有点不太合常理。

这种方法当然有其优点:为每一种设备创建独立的站点,使得站点从内容到行为上都更容易为提高使用体验而进行有效的裁剪。但这是否有效,还要取决于具体的项目——商业目的、用户、团队能力、预算以及所有其他有趣的商业因素都在共同起着作用。

但可惜的是,这种方法无法很好地进行扩展:四个站点需要分别进行更新、测试以及维护。通常而言,即使只创建一个站点就需要好几名工程师了——想象一下,当项目需要创建四个站点时,每个工程师肩膀上的负担有多重!更有甚者甚至建议还要为每个站点定制内容,这无疑又要求人们投入更多的时间和精力。

分歧
有时人们会问我是否想到过收敛的问题,即是否可以通过减少设备和平台的种类来解决上面这些复杂的问题,对于这些人,我只想对他们说一个词:僵尸。

作为Web上最好的文章之一,在“The Coming Zombie Apocalypse”(即将到来的僵尸启示录)一文中,作者Scott Jenson认为:设备的多样性将会加剧。他断言不仅科技会继续加剧多样性,成本的降低也会起到同样的作用:

“智能手机硬件的商品化仅仅是个开始,集成了‘片上系统’的设备以及免费克隆版Android Linux系统的价格暴跌,不但使设备的价格更加低廉,而且使基于云计算的设备的价格也进一步走低。这些设备已经被用在了索尼爱立信的LiveView,以及类似于Sonos家庭音乐系统这样的家庭应用当中。

这些例子还都仅仅是个开始,有迹象表明,新一轮数量巨大的廉价设备即将入侵我们的生活——电子僵尸启示录,如果你愿意这样叫的话。”

市场看起来好像的确是在迎合Scott Jenson的理论——智能手机变得越来越便宜,哪怕是那些长期以来一直算是比较昂贵的手机(比如某些版本的iPhone),现在也已经可以在签订合约之后免费获得了。

随着这些设备制造成本的下降,该领域的准入门槛也会随之降低,并向越来越多拥有更多系统和设备的厂家敞开了大门。事实上我们不会看到任何收敛:新设备会如洪水般涌现,而且它们会成为影响Web体验的因素。

即使今天我们可以跟得上独立站点的脚步,那么明天我们该怎么办?虽然这是个比较极端的例子,但是如果有一天冰箱也可以上网,难道那时的我们也要尝试去为冰箱创建独立的站点吗?

如果何物体都可以被当做屏幕会发生什么?2011年,微软发布了一款被称为OmniTouch的原型设备,它是一个可以放在你肩膀上的、沉重而丑陋的设备。无疑它在美学上是欠缺的,但它却在别的方面补偿了我们无数个惊讶——它可以将显示的内容投影到任何物体上——墙上、地板上、甚至是你的手上,如图1.3所示,你还可以与投影交互。OmniTouch去掉了所有显示器固有的限制,从而使得任何物体都可以是屏幕。我倒是很好奇,什么时候我能见到为人类手掌优化过的网站。

开发独立站点并不是一种未来友好型的方法,为了能在即将到来的海量设备大潮中生存下来,我们必须拥抱Web的灵活性。

时间: 2024-09-09 12:47:16

《响应式Web设计实践》一1.3 独立站点的相关文章

《响应式Web设计实践》一2.2 字体大小

2.2 字体大小 响应式Web设计实践 要想让你的设计拥抱Web的流动性,那就意味着在你的设计中要能够灵活地改变字体大小.你可以在Web上使用任意单位来设置字体大小,但主要的方法不外乎三种:像素.em,还有百分比. 2.2.1 像素 长期以来,像素一直都是人们喜欢使用的字体大小单位,其原因很简单:无论浏览器如何设置字体大小,你都能对其进行精确的控制.如果你把字体设置为18px,那么每个浏览器都会将其准确地显示为18px. 但这样的掌控是要付出一定代价的.对于初学者而言,虽然使用像素作为字体大小单

《响应式Web设计实践》一1.2 设备来了,设备来了

1.2 设备来了,设备来了 响应式Web设计实践 我是一名近乎疯狂的旅行者,我不害怕坐飞机,但我担心误机.于是我会常常发现自己坐在拥挤的候机厅里总想找点什么事做,以便用来打发时间. 于是我开始观察身边的人们,更多的时候我会去观察他们使用的是什么样的设备.在最近的一次旅途中,我飞到了一个非常小.非常偏远的机场,小到你只需要五分钟就能办完所有的登机手续.虽然候机厅里只有大概二十五个人,但是Android手机.iPhone以及一些老款的手机都能在那里见到.有人在用Nook读着什么,而我旁边一位头发花白

《响应式Web设计实践》一1.4 成为响应式的

1.4 成为响应式的 响应式Web设计实践 2010年5月,Ethan Marcotte为"A List Apart"写了一篇题为"Responsive Web Design"(响应式网页设计)的文章,他在文章中描述的方法不仅简单,同时又是革命性的.Ethan Marcotte利用三种已有工具:媒介查询(media queries).流动布局(fluid grids)和自适应图片(scalable images)创建了一个在不同分辨率屏幕下都能漂亮地显示的站点(图1

《响应式Web设计实践》一1.7 这本书写给谁

1.7 这本书写给谁 响应式Web设计实践 这本书本意上是为那些希望能在无尽的设备上创建出具有良好界面和功能的站点的设计师和开发者而写的.你不需要有任何响应式设计的经验--前面的几章会让你跟得上的. 但你应该精通HTML和CSS,同时至少要熟悉JavaScript.第8章"RESS"中会涉及一些PHP的代码,但即使你没有太多的PHP知识,你应该也能很容易地接受文中提到的概念.

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

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

《响应式Web设计实践》一导读

致 谢 响应式Web设计实践 人们常说写书是一件孤独的事情,也许有些时候的确是这样的,但这本书却是个例外.如果这本书能得到一些好评,那么这些好评都应归功于这一路上帮助过我的那些人,以及他们的勤奋.耐心和反馈. 我要向他们致以最真诚的感谢-- Michael Nolan,最先邀请我写这本书的人,谢谢你对我如此信任. Margaret Anderson和Gretchen Dykstra,谢谢你们能容忍我那糟糕的标点符号用法,而且还让我觉得是我通过自己的努力而摸索出了写作的要义. 感谢Danielle

《响应式Web设计实践》一1.1 我们错在哪里

1.1 我们错在哪里 响应式Web设计实践 观察我年幼的女儿们玩耍的过程,对我来说是一段启发性的经历.每当她们得到一个新的玩具,她们总会试着用玩旧玩具的方法来玩新玩具.她们寻找着新玩具和旧玩具之间相似的特性和关系,从而能够把它们联系起来.只有当她们用这种方法熟悉了一段时间新玩具后,她们才会发现新玩具的其他新玩法. 这很有意义:过去是被我们所熟知的,而未来是未知的.我们喜欢熟悉的心理模型,我们会选择那些安全和熟悉的事物,而不是冒险和崭新的事物.但问题是,将未来建立在过去经验之上的做法,限制了新想法

《响应式Web设计实践》一2.4 混合固定宽度和流动宽度

2.4 混合固定宽度和流动宽度 响应式Web设计实践到目前为止,文章页面看起来已经很不错了,而且布局十分灵活,下面让我们来加强一下右侧的边栏.现在它看起来好像没什么问题,但是如果我们能让它保持300px宽,而只让主体列流动岂不是更好?虽然这不是必需的,但是考虑到边栏里的广告,我想这将会是一次很好的润色. 使用浮动来实现这个任务几乎是不可能的.正如我们之前讨论过的那样,主要内容栏的宽度依赖于屏幕的分辨率,如果我将边栏设置为固定的300px宽,同时保持主要内容栏为当前的63.125%,那么我们将遇到

《响应式Web设计实践》一第2章 流动布局

第2章 流动布局 响应式Web设计实践一棵大橡树被风连根拔起,然后落到了一片芦苇丛中.橡树对芦苇们说:"我很想知道,你们如此轻而弱小,却为什么没有被大风吹走呢?"芦苇们回答道:"你和大风打斗对抗,结果就被摧毁了:而我们在大风来临之前便弯下了腰,并因此保持完好而存活了下来."* --"橡树与芦苇"伊索寓言 在"橡树与芦苇"的故事中,大橡树和芦苇都被风吹来吹去,橡树想要一直站得又高又稳,并因此与大风做着顽强的抵抗,但最终它还是被大