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

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

優(yōu)雅降級(jí)還是漸進(jìn)增強(qiáng)

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

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

對(duì)于移動(dòng)平臺(tái)網(wǎng)頁設(shè)計(jì)，這就意味著，需要對(duì)一個(gè)完整的，標(biāo)準(zhǔn)的網(wǎng)頁進(jìn)行縮減，并逐步去掉內(nèi)容和功能，因?yàn)橐暣白兊迷絹碓叫?，系統(tǒng)變得越來越簡(jiǎn)單(比如不支持Flash，等等)

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

最后漸進(jìn)增強(qiáng)獲勝了！

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

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

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

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

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

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