《移動優先與響應式Web設計》一導讀

移動優先與響應式web設計

這本書所講的内容真的算不上什麼大學問。即使不是大學問，仍包含了深層的意義。這本書改變了個人計算機的定義，也改變了我們上網的方式。雖然看來很複雜，但我們可以步步為營，循序漸進。

移動優先

長久以來，大部分網頁設計團隊的産品和資訊都是為台式和筆記本電腦而設計的。移動平台對他們來說隻不過是後話，他們甚至幹脆忽略了這一市場。很可惜，好長一段時間，這個态度曾經廣受認同。以前用手機上網非常痛苦，營運商控制了網絡接入，移動網絡的速度也并不是非常理想。那時候很少人用手機上網（日本除外），就算用移動裝置上網，也沒有體驗可言。

但近年來一切都前所未有地轉變了。設計網頁産品如果隻顧台式計算機，這樣可能會是過時的方法。首先，為移動平台設計網頁，不但可以帶來更多的機遇，還可以提升網頁或應用程式的整個使用者體驗。

此概念回到我們的“國小問”。設計、建構網頁和應用程式時，都應以移動平台為優先。優先移動平台的設計能夠達到以下目的。

裝備自己，抓緊機遇，以應付日後移動平台的迅速增長。

鞭策自己，清楚有什麼限制，以優先注重于移動平台。

啟發自己，善用移動平台的原有功能和用法，以創出更多嶄新體驗。

事實上，就算你暫時沒有實際的設計概念，隻學習移動平台的設計概念也會讓你有所收獲。隻要花半天時間來思考移動平台的體驗，就已經能為你帶來創新靈感。

不隻是我在提倡移動平台優先，全球很多大型網際網路公司也開始接受這一套哲學。谷歌主席埃裡克·施密特建議：“做任何事，大前提為—移動平台

優先。”facebook首席設計師凱蒂·阿洛諾維斯指出：“我們現在開始以移動平台為優先，網頁平台則為次要。我們招聘的設計師必須接受移動平台的限制。我們也獲益良多，學會怎樣設計計算機版的程式。”adobe首席技術員凱文·林奇指出：“我們真的需要轉變，以移動平台為優先……這次轉變很大，大過當年的個人計算機革命。”

對這些公司和很多人來說，移動優先是一件大事。但為何移動平台如此重要？應該怎樣開始為移動平台設計？接下來的内容能夠解決以上問題，不然你也不會讀這本書。

一寸光陰一寸金。這本書精簡到位。首先，将解釋為何移動優先如此重要。然後将闡述移動版和計算機版上網體驗的差別，讓你可以将你現有的網頁設計知識應用至移動平台。

此書不會有任何程式代碼；這方面很多程式員都比我優秀。此書會介紹移動優先的商業案例、設計形成和實用技巧，在你每次進行設計和建構時，都可以以此作為參考。

還有一點值得一提，我不會用“移動網頁”一詞，而會用“移動體驗”。基本上，網際網路隻有一個，在不同的裝置上會有不同的體驗。本書則注重于移動平台的使用者體驗。

我剛說過要精簡到位，那麼事不宜遲，直入正題。

<a href="https://yq.aliyun.com/articles/95368">上冊 序</a>

<a href="https://yq.aliyun.com/articles/95337">上冊 移動優先</a>

第3章 功能

第4章 組織

第5章 動作

第6章 輸入

第7章 布局

<a href="https://yq.aliyun.com/articles/95340">下冊 響應式web 設計</a>

<a href="https://yq.aliyun.com/articles/95364">下冊 序</a>

第2章 靈活網格

第3章 靈活圖像

第4章 媒體查詢

第5章 實作響應式