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

兩個相關聯的概念：

1. Responsive Web Design (RWD)

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

2. “Progressive Advancement” & “Graceful Degradation”

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

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

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

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

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

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

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

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

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

總結

以上是生活随笔為你收集整理的什么是前端开发中的 mobile first 策略的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。