在 2010 年的世界移動大會上，谷歌 ceo 埃里克施密特提出，設計師在產品設計中應該遵循「移動優先」的原則。 「移動優先設計」是什麼意思？ 它為什麼如此重要？ 如何製作？ 我將在下面的部分回答這 3 個問題。
響應式網頁設計是一種網頁設計方法，它使網頁能夠自動適應不同裝置的螢幕，以人們感覺舒適的方式顯示內容。 這大大減少了使用者瀏覽網頁時的平移、縮放和滾動等操作。
這兩個概念是在響應式網頁設計之前提出的。 為了使網頁或應用程式介面在不同裝置上合理顯示，設計人員提供了針對不同終端的定製版本的產品。
progressive advancement 是指我們在設計產品時，首先為相對較低的瀏覽器（如手機上的瀏覽器）構建乙個版本。 此版本包括最基本的功能和特性。 之後，我們傾向於平板電腦或pc的高階版本，在基本版本的基礎上增加互動、更複雜的效果等，以獲得更好的使用者體驗。
而「優雅降級」則相反，從桌面這樣的高階端開始產品設計，並在一開始就構建乙個功能全面的版本。 然後設計師通過裁剪一些功能或內容，使產品與移動端相容。
如果 ui/ux 設計師從桌面版本開始產品設計，他們將不可避免地希望利用高階端的大部分優勢。例如，游標滑鼠支援的懸停效果；高畫質影象和複雜圖表，只有在最近有頻寬時才能正常顯示。就這樣，設計師們努力完成乙個令人驚嘆的桌面版本，卻發現它很難被移動端採用，除非他們放棄很多漂亮的想法。如果是這樣，移動端版本將更像是乙個事後的想法，乙個被淡化的不完整的產品。
但如果我們以移動端產品設計為出發點，在頻寬、螢幕尺寸等限制下，設計師自然會抓住產品的關鍵點，走向功能優先的簡潔利落的產品。當平台擴充套件到平板電腦或個人電腦時，設計人員可以利用這些先進端的獨特功能，逐步加強產品。這可能是漸進式進步策略被廣泛使用的主要原因。
「移動優先」正是「漸進式推進」的規則。
「移動優先」，顧名思義，就是從限制較多的移動端開始產品設計，然後擴充套件其功能，打造平板或桌面版本。
除了上面提到的漸進式進步對抗優雅降級的勝利之外，我們有更多切實的理由相信移動優先原則在產品設計中很重要。 也就是說，這些年來全世界移動使用的**式增長。
更多jerry的原創文章，盡在："汪子熙":
什麼是前端？
什麼是前端？1 任何能夠直接跟使用者打交道的互動介面都可以稱之為前端，有前必有後，後端就是我們以前學的服務端。所謂python全棧開發，就是前端與後端都寫。而說到前端後端就得提到 軟體開發架構 c s架構 client server b s架構 browser server 本質上b s架構也是c ...
前端什麼是BFC
什麼是bfc？全稱塊級格式化上下文？什麼意思不懂。看了好多部落格，基本都是抄的，真心都不是大白話。我今天來總結一下，用菜鳥級別的語言來描述。bfc 應該可以抽象成乙個 獨立的個體，出淤泥而不染的白蓮花。是的不受其他元素的影響，始終保持自己獨立。就是正常的普通流布局規則，設定的樣式是什麼樣的，就按正常...
前端開發做什麼？
幾年前面試，被問到乙個問題 你覺得前端 這裡專指web前端，下同 和後端的界限是什麼？當時一陣懵逼之後，答曰執行環境不一樣。現在想來當時對這個答案沒有信心，但現在確認這個答案很對。前端開發和後端開發區別就在於執行的環境中不一致，具體體現在使用的api不一致，在抽象一些是抽象的規範不一致。後端api涵...