详情
随着各种各样的移动设备不断地涌现到使用者面前，对于Web设计的适应性已经成为设计师们所面临的最为艰巨的挑战。你设计出的网站不仅要在桌面计算机的大尺寸屏幕上可以为用户提供友好的UI和用户体验，同时在小尺寸屏幕上也应该可以提供一致的用户体验，并可以让用户可以在桌面大屏幕上和移动小屏幕上平滑切换，同时没有任何的不适应感觉。
北京
路克·弗罗布莱夫斯基（Luke Wroblewski）喜欢用数据说话，所以我们也用数据来看他的往绩。他写过1372篇文章，发表过190场演讲，写过3本书，以此来阐述移动平台和网页的可用性、互动和设计。现在你手上的这本就是他最重要的著作。并且，他只不过是在空闲时间写作，他的正职是在互联网公司做数字产品设计主管，并且还经营着自己的公司。
近年来，他一直在研究移动平台。他很幸运，因为移动平台现已掀起了一股淘金热，吸引了网络世界里的所有人。我们则更加幸运，因为路克不单只精通整个移动平台，无所不知，他的设计还以用户为本。此外，他的沟通能力很棒。他的著作基于他16年来的领导能力和数字产品设计经验，更不用提及他的阅历——数以千计的白皮书、内部报告、文章、图书和演说。而他一切的所知、所学、所闻，都尽写在这一部分的每一页上。
这本书不但有趣轻松，还充满教育意义。我和我的公司都有所启发，开始改变我们的网页设计方法。你亦会有所启发。本书充满最有力的游说——以数据说明，让事实证明一切。这本书也提供最好的建议：实用、实时、用户为先、宏观、清楚解释一切细节，但不会把你当成傻瓜般看待。
我喜爱这本书，我很高兴它能够有幸出版。希望每个设计师、前端程序员和注重用户经验的人都会买一本。我期望我们行业认同移动平台，令每一个用户和程序员都能成功，而且蒸蒸日上。如果有相当数量的人跟从此书所阐述的方法，那么对网络的未来，我将充满信心。
——杰弗里·齐曼
这本书所讲的内容真的算不上什么大学问。即使不是大学问，仍包含了深层的意义。这本书改变了个人计算机的定义，也改变了我们上网的方式。虽然看来很复杂，但我们可以步步为营，循序渐进。
移动优先
长久以来，大部分网页设计团队的产品和信息都是为台式和笔记本电脑而设计的。移动平台对他们来说只不过是后话，他们甚至干脆忽略了这一市场。很可惜，好长一段时间，这个态度曾经广受认同。以前用手机上网非常痛苦，运营商控制了网络接入，移动网络的速度也并不是非常理想。那时候很少人用手机上网（日本除外），就算用移动设备上网，也没有体验可言。
但近年来一切都前所未有地转变了。设计网页产品如果只顾台式计算机，这样可能会是过时的方法。首先，为移动平台设计网页，不但可以带来更多的机遇，还可以提升网页或应用程序的整个用户体验。
此概念回到我们的“小学问”。设计、建构网页和应用程序时，都应以移动平台为优先。优先移动平台的设计能够达到以下目的。
· 装备自己，抓紧机遇，以应付日后移动平台的迅速增长。
· 鞭策自己，清楚有什么限制，以优先注重于移动平台。
· 启发自己，善用移动平台的原有功能和用法，以创出更多崭新体验。
事实上，就算你暂时没有实际的设计概念，只学习移动平台的设计概念也会让你有所收获。只要花半天时间来思考移动平台的体验，就已经能为你带来创新灵感。
不只是我在提倡移动平台优先，全球很多大型互联网公司也开始接受这一套哲学。谷歌主席埃里克·施密特建议：“做任何事，大前提为——移动平台优先。”Facebook首席设计师凯蒂·阿洛诺维斯指出：“我们现在开始以移动平台为优先，网页平台则为次要。我们招聘的设计师必须接受移动平台的限制。我们也获益良多，学会怎样设计计算机版的程序。”Adobe首席技术员凯文·林奇指出：“我们真的需要转变，以移动平台为优先……这次转变很大，大过当年的个人计算机革命。”
对这些公司和很多人来说，移动优先是一件大事。但为何移动平台如此重要？应该怎样开始为移动平台设计？接下来的内容能够解决以上问题，不然你也不会读这本书。
一寸光阴一寸金。这本书精简到位。首先，将解释为何移动优先如此重要。然后将阐述移动版和计算机版上网体验的区别，让你可以将你现有的网页设计知识应用至移动平台。
此书不会有任何程序代码；这方面很多程序员都比我优秀。此书会介绍移动优先的商业案例、设计形成和实用技巧，在你每次进行设计和建构时，都可以以此作为参考。
还有一点值得一提，我不会用“移动网页”一词，而会用“移动体验”。基本上，互联网只有一个，在不同的设备上会有不同的体验。本书则注重于移动平台的用户体验。
我刚说过要精简到位，那么事不宜迟，直入正题。
语言具有魔力。“glamour”（美色）一词古时意指魔术或咒语，源自“grammar”（文法）一词。语言功能甚多，但命名这个功能却是最强大，最具魔力的。
网页设计的历史甚短，但是已经显出语言的转变能力。杰弗里·齐曼创造了“网页标准”一词来支持网页设计。杰斯·詹姆士·卡列特创造了“Ajax”一词，改变了网络交互的本质。
当伊森·马可特（Ethan Marcotte）创造出“响应式网页设计”论调时，神奇的事情发生了。此前技术上已经存在灵活网格、灵活图像和媒体查询等概念。然而，伊森却用一个论调集成了以上技术，此举从此改变了我们对网页设计的想法。
伊森有独特的表达方法。理所当然，著书阐述响应式网页设计，他是最完美的人选。然而他的贡献远不止于此。要了解响应式网页设计，这本书是不二之选。
若你期望的只是一系列的小技俩和提示，只想为设计的网站画蛇添足，或许要找另一本书。本书讲解的是更深层的概念。
读完这本书后（不用太长时间），请留意自己如何着手制作下个项目。你或许感觉不到伊森的文字功力——风格轻松，富娱乐性，有时候非常有趣，但我保证，你的作品会受惠于他的魔法，直达你的神经。
伊森·马可特拥有法力，准备好接受魔法吧。
——杰里米·凯斯
版权声明
Moible First, Luke Wroblewski
Responsive Web Design, Ethan Marcotte
Copyright © 2012 by A Book Apart
All rights reserved. No part of this publication may be reproduced, stored in a retrieval system, or transmitted, in any form or by any means, electronic, mechanical, by photocopying, recording or otherwise, without the prior permission in writing Publisher.
CHINESE SIMPLIFIED language edition published by POSTS & TELECOM PRESS Copyright ©2014.
本书中文简体版由美国A Book Apart 公司授权人民邮电出版社独家出版。
未经出版者书面许可，不得以任何方式复制或抄袭本书内容。
版权所有，侵权必究。
内容提要
科技日新月异，设备不断推陈出新，Web设计师需兼顾不同设备——计算机、手机、宽屏电视，而每种设备的屏幕尺寸又各不相同。本书分为两个部分：第一部分为著名的“Mobile First”，解释为何移动网站的设计最为有效，阐述如何简化页面，删去多余功能，满足用户真正需要；第二部分介绍了响应式Web设计，通过利用灵活网格、灵活图像和媒介查询，以令网页可灵活缩放，应付不同的设备及分辨率。移动优先的理念是响应式Web设计的基础，而后者又是实现理念的核心技术。只有深刻理解并掌握这两部分内容，才能切实地为互联网用户带来优秀的体验，从而实现业务目标。
本书出自两位资深用户体验专家之手，对整个业界产生了极其深远的影响。对于Web设计师、开发人员，以及任何相关从业人员来说，本书都是移动互联网时代的必读之作。
♦著 [美] Luke Wroblewski Ethan Marcotte
译 司徒卓恆
责任编辑 赵轩
责任印制 彭志环
♦人民邮电出版社出版发行 北京市丰台区成寿寺路11号
邮编 100164 电子邮件 315@ptpress.com.cn
网址 http://www.ptpress.com.cn
北京 印刷
♦开本：787×1092 1/16
印张：14
字数：200千字 2014年10月第1版
印数：1–0000册 2014年10月北京第1次印刷
著作权合同登记号 图字：01-2013-7662号
定价： 元
读者服务热线：(010)81055410 印装质量热线：(010)81055316
反盗版热线：(010)81055315
广告经营许可证：京崇工商广字第0021号
