縱觀過(guò)去一年新設(shè)計(jì)的作品，我們不難發(fā)現(xiàn)2014年有很多設(shè)計(jì)元素逐漸被設(shè)計(jì)者們摒棄，如下拉菜單、IE6兼容、flash、回轉(zhuǎn)等。放眼向前，我們認(rèn)為它們?nèi)諠u凋零的身影反而會(huì)讓2014成為用戶體驗(yàn)設(shè)計(jì)更進(jìn)一步的一年。那么在接下來(lái)的一年里，到底哪些展示方式和內(nèi)容會(huì)接起大棒呢? 以下是深圳網(wǎng)站建設(shè)佳速互聯(lián)收集整理的關(guān)于網(wǎng)站設(shè)計(jì)元素的變革趨勢(shì)。

1. “懸停狀態(tài)”的下拉菜單展示形式

下拉菜單自互聯(lián)網(wǎng)出現(xiàn)以來(lái)一直是用戶界面的基石。無(wú)數(shù)的網(wǎng)站都爭(zhēng)先恐后地采用懸停狀態(tài)下拉列表作為導(dǎo)航關(guān)鍵要素，但隨著行業(yè)趨勢(shì)逐漸向著全響應(yīng)式無(wú)設(shè)備差別設(shè)計(jì)轉(zhuǎn)變，簡(jiǎn)單的下列菜單將不復(fù)存在。

當(dāng)前的下拉菜單形式將無(wú)法在沒(méi)有“懸停狀態(tài)”這一概念的平臺(tái)上（平板電腦或手機(jī)）繼續(xù)發(fā)揮功效。隨著“移動(dòng)優(yōu)先”風(fēng)潮的繼續(xù)，基于點(diǎn)擊的導(dǎo)航（例如采用“漢堡式按鈕”將整個(gè)網(wǎng)站的導(dǎo)航功能嵌套到一個(gè)可點(diǎn)擊列表內(nèi)）將逐漸興起。

2. 不再照顧老舊的IE 6版本

Internet真神萬(wàn)歲！現(xiàn)在各大互聯(lián)網(wǎng)公司正在以前所未有的速度拋棄舊有版本的IE。要知道，就在幾年以前，為了能兼容IE6，我們要想盡辦法把用戶體驗(yàn)搞的越簡(jiǎn)單越好。更可惡的是，過(guò)了沒(méi)幾年，我們就不需要再支持IE6了。時(shí)間飛走到今天，Google和Facebook等互聯(lián)網(wǎng)巨頭都開(kāi)始采用基于標(biāo)準(zhǔn)的革新模式，從而迫使微軟要么跟風(fēng)要么落后。

原來(lái)的“采用、擴(kuò)展、消滅”理念在瀏覽器行業(yè)的戰(zhàn)爭(zhēng)中并沒(méi)起到多大幫助，IE在對(duì)陣Chrome的過(guò)程當(dāng)中不斷喪失陣地，而且如果微軟無(wú)法跟上Chrome、Firefox甚至Safari的創(chuàng)新速度，IE還將繼續(xù)失敗。2013年11月，Google宣布其將停止支持IE9，通常情況下這也就預(yù)兆著用戶體驗(yàn)領(lǐng)域的其他部分也將很快仿效。但對(duì)于未來(lái)，這是個(gè)好消息，因?yàn)闆Q定用戶體驗(yàn)優(yōu)劣的關(guān)鍵往往是最弱的一環(huán)。要照顧老舊的IE版本往往意味著微軟的瀏覽器限制了你創(chuàng)新的能力。

3. Flash廣告和網(wǎng)站出現(xiàn)了明顯下滑

盡管在上一個(gè)觀點(diǎn)中我們把Apple定位成了扁平化設(shè)計(jì)的后來(lái)者，但在Flash的戰(zhàn)術(shù)上，Apple大獲全勝。在Apple發(fā)布iPhone和iPad時(shí)，明智地做出了不支持Flash的決策，同時(shí)考慮到這兩大平臺(tái)占據(jù)了大比例的網(wǎng)絡(luò)流量，于是眾多廣告商、網(wǎng)站管理方和開(kāi)發(fā)方紛紛開(kāi)始擁抱HTML5.在2013年，F(xiàn)lash廣告出現(xiàn)了明顯下滑，基于Flash建立的網(wǎng)站數(shù)量也就自不必說(shuō)了。我認(rèn)識(shí)的很多Flash程序員都轉(zhuǎn)投了Adobe Edge，因?yàn)閾?jù)說(shuō)Adobe Edge多少還能和現(xiàn)在的web開(kāi)發(fā)場(chǎng)景沾點(diǎn)邊，但考慮到現(xiàn)在有那么多（而且還都很好用）開(kāi)源工具，這一切看似都有些為時(shí)已晚。Adobe的Edge最早發(fā)布于2011年，并在2012年進(jìn)行了重大更新，而且現(xiàn)在仍在大力推行，不過(guò)盡管Flash現(xiàn)在仍然能用而且受到支持，但開(kāi)發(fā)人員對(duì)它的熱愛(ài)程度已經(jīng)大不如前。估計(jì)現(xiàn)在要找一個(gè)還在用Flash組件的主流網(wǎng)站已經(jīng)很難了。

4. 依據(jù)時(shí)間輪播的回轉(zhuǎn)模式進(jìn)化成基于滑動(dòng)和導(dǎo)航的類似圖集的界面形式

回轉(zhuǎn)模式也算得上是網(wǎng)頁(yè)UI的老古董了（至少?gòu)幕ヂ?lián)網(wǎng)角度說(shuō)是這樣的），其作用是讓頁(yè)面在最顯眼的位置展現(xiàn)多個(gè)不同內(nèi)容元素。這些內(nèi)容一般設(shè)置為隨時(shí)間輪播，但是這一模式已經(jīng)過(guò)時(shí)了，特別是現(xiàn)在幾個(gè)比較知名的新聞網(wǎng)站已經(jīng)采用了能夠根據(jù)瀏覽器寬度填充空間的適應(yīng)式內(nèi)容塊。要強(qiáng)調(diào)的是，這一趨勢(shì)的消亡給手機(jī)和平板用戶帶來(lái)了福音，他們從此不會(huì)因?yàn)橄?ldquo;滑動(dòng)”回轉(zhuǎn)內(nèi)容或在不同元素間導(dǎo)航失敗而感到苦惱了。據(jù)我們所知，回轉(zhuǎn)模式很可能會(huì)進(jìn)化成基于滑動(dòng)和導(dǎo)航的類似圖集的界面形式，而不再是依據(jù)時(shí)間輪播的模式。

5. 支持獨(dú)立平臺(tái)的網(wǎng)站轉(zhuǎn)換為“m.” 響應(yīng)式設(shè)計(jì)網(wǎng)站

在響應(yīng)式設(shè)計(jì)出現(xiàn)以前，為平板或手機(jī)用戶提供內(nèi)容的唯一好方法就是：讀取初始請(qǐng)求、檢查用戶設(shè)備然后重新導(dǎo)入同一網(wǎng)站的移動(dòng)版本。移動(dòng)網(wǎng)站的存在需要建立在獨(dú)立的編碼群基礎(chǔ)上，而且全部功能也不同。而發(fā)布方只要對(duì)其中一個(gè)版本的網(wǎng)站進(jìn)行更新，就得隨之更新另一版本，從而造成極為復(fù)雜的維護(hù)工作和高昂的開(kāi)發(fā)成本。所以說(shuō)，“m.”網(wǎng)站能一直生存到響應(yīng)式設(shè)計(jì)面世之前是有道理的。舉例來(lái)說(shuō)，廣告商平臺(tái)花費(fèi)了很長(zhǎng)時(shí)間才調(diào)整到單頁(yè)面模式以便提供兩種完全不同的清單模式。為了解決這一問(wèn)題，廣告商不得不給每個(gè)頁(yè)面提供所有廣告，然后根據(jù)設(shè)備不同分別提供移動(dòng)或電腦版本。這一具體問(wèn)題早已經(jīng)被眾多廣告平臺(tái)所解決，而現(xiàn)在“響應(yīng)式設(shè)計(jì)”已經(jīng)基本成為了一個(gè)家喻戶曉的名詞，支持獨(dú)立平臺(tái)的成本效益相比支持兩個(gè)不同的展示層，毋庸多言。

6. 共享托管轉(zhuǎn)向云端或虛擬服務(wù)器

雖然我想說(shuō)主機(jī)托管中心正在逐漸退出歷史舞臺(tái)，但因?yàn)榇笮推髽I(yè)需要有物理服務(wù)器（即便未來(lái)世界上只剩下Google和Amazon數(shù)據(jù)中心），所以其永遠(yuǎn)不會(huì)徹底消亡。不管怎么說(shuō)，隨著云計(jì)算和平臺(tái)即服務(wù)（PaaS）產(chǎn)品的大規(guī)模興起，“共享托管”這一概念將慢慢失去意義。我們?yōu)槭裁匆總€(gè)月花20美金給GoDaddy來(lái)托管自己完全沒(méi)有控制權(quán)的東西呢？現(xiàn)在只需要幾美金就能為完全等量的所需帶寬提供服務(wù)了啊。進(jìn)一步說(shuō)，我們又為什么要跟不認(rèn)識(shí)的人分享服務(wù)器，進(jìn)而造成我們自己完全無(wú)法結(jié)局的瓶頸呢？現(xiàn)在，幾乎所有托管公司（GoDaddy、MediaTemple等）都可以提供云端或虛擬服務(wù)器以求能夠與Heroku、Amazon Web Services和Google App Engine等巨頭抗衡。

7. 單獨(dú)的網(wǎng)頁(yè)頁(yè)面向網(wǎng)站“應(yīng)用化”的轉(zhuǎn)變

網(wǎng)頁(yè)仍然存在，不過(guò)正經(jīng)歷著重大的變革。這里不是要翻來(lái)覆去說(shuō)前面一個(gè)話題，不過(guò)我們?cè)娇烀撾x老舊的IT，就能越早地拋棄單獨(dú)的網(wǎng)頁(yè)頁(yè)面。這一潮流其實(shí)是幾年前出現(xiàn)的對(duì)設(shè)計(jì)和技術(shù)革新的一種結(jié)合，而這一潮流的吸引力正日漸提高。我們已經(jīng)見(jiàn)證了潮流向著網(wǎng)站“應(yīng)用化”的轉(zhuǎn)變，而這一轉(zhuǎn)變很可能已經(jīng)被既不需要也不愿意通過(guò)本機(jī)應(yīng)用來(lái)照顧平板和手機(jī)用戶的平臺(tái)所廣為采納。Quartz、Facebook和Google Apps等網(wǎng)站是這一趨勢(shì)的例證，而且它們也因?yàn)樽约捍蛟炀W(wǎng)頁(yè)用戶體驗(yàn)的模式而備受推崇。

8. 擬物化向扁平化轉(zhuǎn)變

擬物化對(duì)陣扁平化的辯論在過(guò)去的一年一直沒(méi)消停，看來(lái)這個(gè)熱門(mén)的話題很可能要延續(xù)到2015年了?？梢哉f(shuō)，Apple通過(guò)其iOS的設(shè)計(jì)以及歷史上（2013年以前）碾壓其他移動(dòng)操作系統(tǒng)的用戶數(shù)量表現(xiàn)了自己對(duì)擬物化的絕對(duì)簇?fù)恚瑫r(shí)Google則是扁平化設(shè)計(jì)的堅(jiān)定支持者。隨著安卓市場(chǎng)份額的大幅增長(zhǎng)以及微軟憑借新Surface和移動(dòng)OS跳上扁平化的快車，Apple正面臨著抉擇。要么繼續(xù)領(lǐng)導(dǎo)已經(jīng)沒(méi)什么新鮮感的設(shè)計(jì)潮流（并在爭(zhēng)議下繼續(xù)創(chuàng)建不太友好的UI），要么擁抱新的趨勢(shì)。隨著iOS7的發(fā)布，Apple也走向了扁平，從而滅掉了擬物化的最后一點(diǎn)火花。

以上是由深圳網(wǎng)站建設(shè)佳速互聯(lián)歸納總結(jié)的2014年網(wǎng)頁(yè)設(shè)計(jì)元素的變革趨勢(shì)，不一定每個(gè)行業(yè)的網(wǎng)站都會(huì)進(jìn)行這樣快速的變革，作為互聯(lián)網(wǎng)行業(yè)的一員，讓自己不落后的最好的辦法是積極關(guān)注新趨勢(shì)，閱讀最新的博客文章和教程，掌握最新的設(shè)計(jì)動(dòng)態(tài)，應(yīng)該時(shí)刻把握住這些大的設(shè)計(jì)趨勢(shì)，并去深入理解這些設(shè)計(jì)趨勢(shì)背后所承載的設(shè)計(jì)理念，為用戶帶來(lái)更好的體驗(yàn)和價(jià)值。深圳網(wǎng)站建設(shè)佳速互聯(lián)將定期發(fā)布設(shè)計(jì)元素相關(guān)評(píng)論文章，涉及視覺(jué)、界面、交互等領(lǐng)域，敬請(qǐng)期待！同時(shí)深圳網(wǎng)站建設(shè)佳速互聯(lián)期待您來(lái)電與我們一起探討互聯(lián)網(wǎng)相關(guān)問(wèn)題（0755-26881370）！