你有沒有嘗試在電(diàn)腦上找到一(yī)個很酷的網站，想分(fēn)享給朋友（或自己），用手機打開(kāi)之後樣子卻變了，原本絢麗的效果消失，甚至變得難用，這樣的情況，與我(wǒ)(wǒ)們今天要讨論「移動端優先網站」的概念，有很大(dà)的關系。

在進入移動端優先網站主題之前，讓我(wǒ)(wǒ)們先來了解一(yī)下(xià)網站制作的兩種概念：

網站制作概念一(yī)、漸進式設計

漸進，顧名思義就是漸漸的。

在網頁設計中(zhōng)則是指「設計師在制作網時以『小(xiǎo)屏幕爲優先』考量，随着銀幕尺寸增加，加上其他功能與動畫效果等，如此一(yī)來，所有的效果、功能都是建築在連最小(xiǎo)屏幕設備都可以順暢操作的用戶體(tǐ)驗之上」。

移動端優先網站就是運用了漸進式設計的思維。

網站制作概念二、降級式設計

與漸進式剛好相反，以「大(dà)屏幕适應性」爲優先。

設計師會先将大(dà)屏幕功能完成，再依據屏幕大(dà)小(xiǎo)，調整呈現方式。

這種做法，很容易爲了展示将華麗的特效、超高清照片，不小(xiǎo)心忽略了小(xiǎo)屏幕的用戶體(tǐ)驗，絢麗、完整的大(dà)屏幕效果，在屏幕變小(xiǎo)後，不得不犧牲部分(fēn)效果或功能，造成重開(kāi)頭所提到的「小(xiǎo)屏幕部分(fēn)功能消失」的現象。

移動端優先是什麽意思？

移動端優先網站是采取漸進式的設計邏輯，爲創造更好的用戶體(tǐ)驗，「以移動設備爲優先」的網頁設計理念，先将小(xiǎo)屏幕UX設定好，再延伸出各種功能與設計。

像是憲法之于行政命令，因憲法（小(xiǎo)屏幕用戶體(tǐ)驗）最高性，所有行政命令與暫時性條文（其他長出來的大(dà)屏幕功能）都不得牴觸憲法，憲法保障了小(xiǎo)屏幕用戶的使用性。

聽(tīng)起來很像RWD（響應式網站設計）？有什麽不一(yī)樣嗎(ma)？

外(wài)觀看起來或許有點像，但設計邏輯不一(yī)樣。

移動端優先網站使用的漸進式思維，RWD網站則大(dà)部分(fēn)是降級式思維，網頁會根據設備大(dà)小(xiǎo)自動調正成相應的設計。

爲什麽移動端優先網站如此的重要？

移動設備使用率屢創新高

根據2022年的調查報告，每人每日平均上網時間有超過50%的是使用移動設備浏覽，或許在看此篇文章的你，就正在使用手機。

影響SEO關鍵因素改變

2021年開(kāi)始，搜索引擎把移動設備優先索引列入SEO關鍵因素，意思就是，不管你的網站做得再華美、内容再吸睛，隻要不适合移動設備浏覽，都可能使網頁排名下(xià)滑。

大(dà)衆消費(fèi)模式改變

疫情的爆發，徹底改變了大(dà)衆的消費(fèi)方式，比起實體(tǐ)出門，生(shēng)活中(zhōng)許多大(dà)小(xiǎo)事都能靠手機一(yī)隻搞定，抓住移動用戶的心也就等于抓住了商(shāng)機。

就是在這些因素的夾擊之下(xià)，移動端優先網站逐漸進開(kāi)始受到業内重視。

乍聽(tīng)之下(xià)，移動端優先網站的思維似乎沒什麽缺點，對提升網站排名也相當有幫助，但實際使用上，仍須依照産品或網站的主題、TA以及想說的故事爲主，以下(xià)讓我(wǒ)(wǒ)們來看一(yī)些生(shēng)活中(zhōng)的案例。