在 2010 年的世界移動大會上，谷歌 CEO 埃裡克施密特提出，設計師在產品設計中應該遵循“移動優先”的原則。 “移動優先設計”是什麼意思？ 它為什麼如此重要？ 如何製作？ 我將在下面的部分回答這 3 個問題。

兩個相關聯的概念：

1. Responsive Web Design (RWD)

響應式網頁設計是一種網頁設計方法，它使網頁能夠自動適應不同裝置的螢幕，以人們感覺舒適的方式顯示內容。 這大大減少了使用者瀏覽網頁時的平移、縮放和滾動等操作。

2. “Progressive Advancement” & “Graceful Degradation”

這兩個概念是在響應式網頁設計之前提出的。 為了使網頁或應用程式介面在不同裝置上合理顯示，設計人員提供了針對不同終端的定製版本的產品。

Progressive Advancement 是指我們在設計產品時，首先為相對較低的瀏覽器（如手機上的瀏覽器）構建一個版本。 此版本包括最基本的功能和特性。 之後，我們傾向於平板電腦或PC的高階版本，在基本版本的基礎上增加互動、更復雜的效果等，以獲得更好的使用者體驗。

而“優雅降級”則相反，從桌面這樣的高階端開始產品設計，並在一開始就構建一個功能全面的版本。 然後設計師通過裁剪一些功能或內容，使產品與移動端相容。

如果 UI/UX 設計師從桌面版本開始產品設計，他們將不可避免地希望利用高階端的大部分優勢。例如，游標滑鼠支援的懸停效果；高清影象和複雜圖表，只有在最近有頻寬時才能正常顯示。就這樣，設計師們努力完成一個令人驚歎的桌面版本，卻發現它很難被移動端採用，除非他們放棄很多漂亮的想法。如果是這樣，移動端版本將更像是一個事後的想法，一個被淡化的不完整的產品。

但如果我們以移動端產品設計為出發點，在頻寬、螢幕尺寸等限制下，設計師自然會抓住產品的關鍵點，走向功能優先的簡潔利落的產品。當平臺擴充套件到平板電腦或個人電腦時，設計人員可以利用這些先進端的獨特功能，逐步加強產品。這可能是漸進式進步策略被廣泛使用的主要原因。

“移動優先”正是“漸進式推進”的規則。

“移動優先”，顧名思義，就是從限制較多的移動端開始產品設計，然後擴充套件其功能，打造平板或桌面版本。

除了上面提到的漸進式進步對抗優雅降級的勝利之外，我們有更多切實的理由相信移動優先原則在產品設計中很重要。 也就是說，這些年來全世界移動使用的爆炸式增長。

更多Jerry的原創文章，盡在："汪子熙":