曾經(jīng)有許多UI設(shè)計師在進行網(wǎng)頁UI設(shè)計時，都會先進行桌面版的設(shè)計，然后再進行移動設(shè)備上的網(wǎng)頁UI設(shè)計。就算是在響應(yīng)式設(shè)計流行之后，也仍然會有許多UI設(shè)計師，是依照這個順序進行UI設(shè)計的。

但是現(xiàn)在的UI設(shè)計產(chǎn)業(yè)中，越來越多的人開始進行相反的設(shè)計順序，即是先進行手機端網(wǎng)頁的UI設(shè)計，讓后再慢慢把這個小尺寸的網(wǎng)頁UI設(shè)計擴大成電腦端的網(wǎng)頁。為什么會這樣呢？這樣做又有什么好處呢？

優(yōu)雅降級還是漸進增強

不知道大家有沒有看到過這優(yōu)雅降級與漸進增強這兩個詞語，其實這兩個詞語是近幾年才流行起來的。它們現(xiàn)在仍然能夠幫助我們洞察網(wǎng)頁設(shè)計移動平臺優(yōu)先的想法，并幫助我們了解其成為一個重要概念的原因。

UI設(shè)計師曾經(jīng)有過這么一種想法，就是希望能在更多的平臺上支持同一種設(shè)計功能，因此引出了“優(yōu)雅降級”這一概念。設(shè)計師和開發(fā)者希望能夠使用最新的技術(shù)，但是又不能把那些不能安裝新技術(shù)的用戶拋棄掉。最后只能創(chuàng)建或提供更好的服務(wù)，再考慮到降級之后的種種可能性，不管降級之后網(wǎng)頁的UI設(shè)計會有什么缺陷，但是網(wǎng)站都要以正常工作為第一標(biāo)準。

對于移動平臺網(wǎng)頁設(shè)計，這就意味著，需要對一個完整的，標(biāo)準的網(wǎng)頁進行縮減，并逐步去掉內(nèi)容和功能，因為視窗變得越來越小，系統(tǒng)變得越來越簡單(比如不支持Flash，等等)

而由以上的想法，又產(chǎn)生了新的概念，就是“漸進增強”。你在移動平臺上使出渾身解數(shù)，占有最小的屏幕面積，占用最少的處理能力以及使用最少的第三方插件，為用戶提供視覺與功能的完美體驗。當(dāng)有需求出現(xiàn)時，再逐漸“增強”網(wǎng)頁。對于較大的平臺，甚至可以無需顧忌諸多限制，徹底重新考慮。

最后漸進增強獲勝了！

雖然兩種方法看上去差不多，不過是一個從大屏縮減功能到小屏的降級，一個是從小屏慢慢增加功能發(fā)展到大屏。但是只要最后完成了UI設(shè)計，誰又會管我們是怎么進行設(shè)計的呢？

但實際情況卻更復(fù)雜，要知道電腦的功能依舊領(lǐng)先于移動產(chǎn)品，我們進行電腦端網(wǎng)頁UI設(shè)計的時候，會想辦法做的更完美，利用更多的技術(shù)，到最后做出特別酷炫的產(chǎn)品，但是到了這時候才發(fā)現(xiàn)，有許多功能與效果在移動端根本無法達到！這樣就會嚴重削弱移動端的UI設(shè)計，這會讓我們的移動端產(chǎn)品就像一個殘次品一樣。

但是如果用漸進增強的設(shè)計方式，如果我們在移動端上做出很棒的UI設(shè)計，那么在PC端將更容易的將其展現(xiàn)出來，這樣即使我們的UI設(shè)計項目有許多限制，我們還是可以投入全部的經(jīng)歷創(chuàng)造出一個各方面都很不錯的產(chǎn)品。

以上就是交互時代今天給大家?guī)淼腢I設(shè)計之優(yōu)雅降級與漸進增強，先進行移動端的UI設(shè)計能讓我們做出更棒的產(chǎn)品。

請聯(lián)系網(wǎng)站客服，了解詳細的優(yōu)惠課程信息~

優(yōu)質(zhì)、權(quán)威、便捷、省心