公众账号

二维码 微信扫描关注

当前位置:首页 > 技术文章 > 前端开发 >

响应式互联网设计

“在印刷媒体中设计师拥有一种熟悉的掌控感,从而常常渴望在互联网上也能同样地掌控全局。然而这种掌控其实只是实体印刷页面本身固有的一种局限而已。互联 网恰恰没有这种局限,所以我们应该拥抱它给设计带来的自由天地。但首先,正如老子所说,万物作而弗始,生而弗有——我们应该先接受事物生灭的规律。”

——约翰·阿尔索普(John Allsopp)《互联网设计之道》(A Dao of Web Design)

英国建筑师克里斯托弗·列恩(Christopher Wren)曾打趣地说他所选择的建筑业“意在永恒”——多么引人入胜!我们的互联网业则常让人感觉“意在下周”。建筑的定义很大程度上取决于它的永久性。 基础决定平面,平面决定构架,构架又塑造立面,建筑设计流程的每一个进阶都有着越来越强的不可变性。创作上的每一个决定都造就着一个实实在在的空间,规划 着人们如何地在这空间的范围内活动,年复一年,世纪更迭。

相比之下,互联网的设计则全然不同。我们工作的定义取决于互联网的短暂性,常常在一两年内就需要细化更改或取代。当我们发表作品时,需要和太多无形的变量 进行协商——视窗的尺寸、屏幕的分辨率、用户的个人定义、系统的自带字体,这些仅仅是其中的几个例子。而多年来,我们已经非常娴熟地适应了这个过程。

然而这一切也正在改变,改变的速度也许比我们愿意接受的要快。移动终端浏览量可望在三年到五年内超过固定终端。三大主导游戏设备中有两个已经自带了浏览器(而且其中一个非常优秀)。我们正在为鼠标键盘、T9智能输入、手持游戏机、触摸屏等形形色色的终端进行互联网设计。总之,我们所面对的电子设备、输入法则和浏览软件的数量已经是史无前例的了。

这几年,我的客户中越来越多的公司要求在他们的项目中加上一个独立的“iPhone网站”。这个提法很有趣,表面上它肯定了移动WebKit作为浏览器引 擎的高质量,并且反映了对固定电脑终端的超越是个强大的商业趋势;但作为一名设计师,我感到是我们需要检讨自己为何经常依赖这样的要求来帮助我们把要解决 的问题划分为小块。我们常用子域名来把移动终端对网站的要求与那个“非移动网站”划分开来。但下一步呢?再加一个“iPad网站”?再加一个“诺基亚N90”网站?我们真的可以继续为每一个新的用户终端定量身定做吗?这个游戏开始越来越象一场没有建设性的零和博弈。我们和我们的设计到底应该如何应对?

以弹性为基础

我们来看一看这个设计范例吧。我建立了一个假想的杂志网页,一个以流动性网格为基础的简单双栏布局,加上若干弹性图片分布在页面中。我一直倡导非固定式布局,认为这种布局因其不确定性而更能经受未来的考验。弹性设计不对浏览器的宽度作任何假设,因而能优雅地适应不论是水平式的还是竖直式的终端设备。

关于 商务 项目 联系 友情链接网站地图 Copyright ©-2018 UiBQ版权所有(http://www.uibq.com)