BeFor Web

为网而生 - 关注互联网及移动端产品的用户体验设计

开始第一篇。老规矩，先无聊的谈论天气一类的话题。十一长假，天气也终于开始有些秋天的味道，坐在屋里甚至觉得需要热咖啡。话说两年前也是在国庆假期里开始做Joomla文档翻译的；长假好时光，总会可以抽出一两天，安静的窝在家里做做博客、学做些新东西，简直没有比这更舒心的事情。

说正事儿。准备在近期的几篇里集中翻译学习一下“响应式Web设计”的相关话题，包括概念、实践方式、案例及观点讨论等方面。相比于从前做的文档译文，这些文章篇幅要长的多(甚至要加分页了！...)，今天放上的这篇几乎花掉了两天的“闲暇时间”；对耐力是个考验，努力提高喽。废话结束，here we go.

眼下，几乎每个新客户都希望他们的网站可以有专门的移动设备版本。最完美的情况呐，就是为iPhone、iPad、黑莓、Kindle...各自打造一款——页面分辨率还必须兼容任何设备。谁知道未来5年内我们还需要为多少新发明的设备设计开发不同版本的页面？这种疯狂什么时候算个头？

在Web设计和开发领域，很快的，我们将会无法跟上设备与分辨率革新的步伐。对于多数网站来说，为每种新设备及分辨率创建其独立的版本根本就是不切实际的；结果就是，我们将会赢得使用某些设备的用户群，而失去那些使用其他设备的用户。不过，或许会有另外一种方式，可以帮助我们避免这种情况的发生。

响应式Web设计(Responsive Web design)的理念是，页面的设计与开发应当根据用户行为以及设备环境(系统平台、屏幕尺寸、屏幕定向等)进行相应的响应和调整。具体的实践方式由多方面组成，包括弹性网格和布局、图片、CSS media query的使用等。无论用户正在使用笔记本还是iPad，我们的页面都应该能够自动切换分辨率、图片尺寸及相关脚本功能等，以适应不同设备；换句话说，页面应该有能力去自动响应用户的设备环境。这样，我们就可以不必为不断到来的新设备做专门的版本设计和开发了。

Hi，我是C7210(微博)，这里是我的新家，Be For Web - 为网而生。

与现实世界不同，在网络中，我不需要卖掉过去任何一个站点或博客来凑齐首付，再贷个几十万的公积金一类。这里是如此的简单和自由(maybe)，我就是设计师、建筑工、装修队...最重要的，我就是主人。你让我怎能不热爱这个世界。

在这个新家里，我准备将注意力集中于那些与日常工作紧密相关的内容和信息；如果按照职能进行简单的归类，则可划分为“产品”、“用户体验设计”、“前端开发”这三个主要方向。所以，与自己其他几个博客不同，这里既不会用来推动开源建站、翻译CMS文档、展示建站案例(viiiix.com)，也不会单一的用来关注HTML5相关资讯教程(r2html5.com)或是收集视觉设计作品(desvision.com)。

内容形式方面，仍会以原创翻译为主，英文原文将会来自于同行们熟悉或不熟悉的那些国外原创内容站。一如既往，我不在意这些原文是否已经有同行的大小站点做过译文，或者已被各路小站转载采集；这些与我要做的没有半毛钱的关系。我只挑那些我喜欢的、对我自己有学习和收藏价值的内容来做译文，如果同时可以为那些有缘踏足本站的朋友们提供些阅读价值，则再好不过。