又到了新的一年，是該我們探討和預(yù)測一下今天的設(shè)計(jì)趨勢的時(shí)候了。

未來的web設(shè)計(jì)非常明顯，我們需要看看背后。這里有2014年的7個(gè)設(shè)計(jì)預(yù)測，以及如何在2014年中如何生存。

相關(guān)閱讀：2014年10大Web設(shè)計(jì)趨勢

1) 拒絕使用:hover

在CSS中:hover偽類是web中最原始的設(shè)計(jì)概念。使用鼠標(biāo)指針來暗示當(dāng)一個(gè)用戶打算點(diǎn)擊一個(gè)元素，并且以此鼓勵(lì)用戶去操作。然而，隨著缺乏鼠標(biāo)指針的移動設(shè)備越來越多的出現(xiàn)，:hover的問題也越來越多。

最近我偶爾聽到了一個(gè)設(shè)計(jì)師的談話內(nèi)容，主要是爭論是否該使用:hover，是否是最差的設(shè)計(jì)實(shí)踐，因?yàn)樗膭?lì)設(shè)計(jì)師在UX設(shè)計(jì)中考慮終端用戶的體驗(yàn)（使用指針導(dǎo)航），很明顯，hover效果在新的網(wǎng)站中越來越少使用了。

生存小技巧：我們可以確認(rèn)，移動用戶將會來在接下來的12個(gè)月中超越桌面用戶，當(dāng)然桌面用戶的數(shù)量依然是多數(shù)。IE7平臺的設(shè)計(jì)會占有更少的市場。移動為先并不是意味著沒有桌面，:hover還是能夠很好的支持。 所以對于我來說，:hover仍舊是一個(gè)常用的工具，只不過不再是一個(gè)重要的工具

2) jQuery喪失了市場占有率

當(dāng)jQuery剛出現(xiàn)的時(shí)候絕對是創(chuàng)世紀(jì)的。我仍舊非常佩服它能夠在不同的瀏覽器中方便的幫助我們處理DOM元素，而且絕對兼容！

jQuery絕對是最流行的類庫，很多人都把jQuery當(dāng)作了javascript，因?yàn)榫W(wǎng)站都使用"HTML，CSS和jQuery"。

然而，jQuery也有很多批評聲，而且在2013年越來越明顯。主要問題是它比較大。即使版本2.0中去除了對于IE6，IE7和IE8的支持，但是仍舊體積非常大，特別對于移動網(wǎng)站來說。多余的kb字節(jié)對于簡單的東西太來代價(jià)太大。

越來越多的人開始發(fā)現(xiàn)vanilla javascript對于DOM處理以外的內(nèi)容更快，更高效（jQuery對DOM操作是在太棒）

短時(shí)間jQuery消失不太可能 - 這個(gè)類庫是在太棒 - 但是在過去兩年的市場的主導(dǎo)地位開始動搖了。

生存技巧：花一些時(shí)間來了解jQuery背后的內(nèi)容，看看document.getElementById()如何工作的。你會非常驚訝的發(fā)現(xiàn)你已經(jīng)對于vanilla javascript了解很多了， 并且你的jQuery背景也會對你有很大幫助！

3) 移動專用web的死亡

web設(shè)計(jì)包含了各種不同的態(tài)度，流行和偏見；移動版本web因?yàn)轫憫?yīng)式設(shè)計(jì)而被拋棄。

移動版web是針對移動設(shè)備專用的web網(wǎng)站，通常為智能手機(jī)設(shè)計(jì)，和網(wǎng)站版本并行的存在。也就是說包含了兩個(gè)網(wǎng)站?？赡苣阋廊粫谀愕木W(wǎng)站上打出“本站最佳瀏覽器分辨率1024x768”的口號。

當(dāng)然，這里針對一些商業(yè)應(yīng)用也曾有多站點(diǎn)運(yùn)行好處的的爭論，因?yàn)榭赡茚槍Σ煌脩舻氖褂脤?shí)例而變化，最經(jīng)典的例子就是一個(gè)餐館網(wǎng)站，桌面用戶可能想看到菜單，而移動用戶可能想了解方向。但是所有這些爭論最后都被響應(yīng)式設(shè)計(jì)的大潮所淹沒。特別是多網(wǎng)站在現(xiàn)實(shí)開發(fā)中已經(jīng)非常罕見。

生存技巧：如果考慮開發(fā)多個(gè)站點(diǎn)的話，需要確認(rèn)用戶針對不同內(nèi)容有不同的需要，并且希望能多作為多個(gè)小網(wǎng)站來使用。當(dāng)然確認(rèn)所有的網(wǎng)站都應(yīng)該是響應(yīng)式的（因?yàn)榻衲陮懈嗖煌聊怀叽绲囊苿釉O(shè)備）

4) 回歸富媒體時(shí)代

當(dāng)flash沉淪后，不僅僅帶走了Adobe的輝煌的市場地位，也帶走了flash的時(shí)尚風(fēng)格。

客戶對于flash的壞處并不清楚，經(jīng)過這么多年的嚴(yán)格跟風(fēng)，設(shè)計(jì)師都接受了簡潔設(shè)計(jì)并且客戶都愿意接受更少費(fèi)用。

在2013年最初的時(shí)候，事情開發(fā)變化，全屏幕圖片，文字動畫和頁面過渡效果，單頁面網(wǎng)站都在不停的增加。

超級HTML5富媒體回歸，但是2014或許將會變化。

生存技巧：提倡“只是因?yàn)槲铱梢裕⒉灰馕段覒?yīng)該”這個(gè)口號。通過在項(xiàng)目中使用富媒體，從過去的失敗中學(xué)習(xí)，應(yīng)該將注意力集中在降低加載時(shí)間上。

5) 內(nèi)容將失去它的皇冠

大家都說“內(nèi)容為王”，來源于Google排名，設(shè)計(jì)基礎(chǔ)和客戶優(yōu)先級

然而，無止境的CMS發(fā)展，例如，wordpress，squrespace，webydo和drupal意味著設(shè)計(jì)師將會慢慢開始發(fā)現(xiàn)他們的設(shè)計(jì)不僅僅是為了生成沒有的內(nèi)容，也是為了時(shí)常的內(nèi)容變化的處理。

設(shè)計(jì)完成后內(nèi)容往往在數(shù)月后才最終定稿，這樣對于設(shè)計(jì)來說可能非常不好，還好現(xiàn)在客戶開始慢慢了解到web是一個(gè)持續(xù)發(fā)展的項(xiàng)目，要求同時(shí)定義維護(hù)或者專業(yè)的管理。

生存技巧：內(nèi)容永恒變動的，品牌才是王者。不要只是視覺化你的品牌，需要讓大家了解它的聲音，風(fēng)格，語言和質(zhì)量。讓你實(shí)現(xiàn)的過程更加的靈活，專注于設(shè)計(jì)系統(tǒng)，不是固定的頁面。網(wǎng)站需要分開設(shè)計(jì)，針對內(nèi)容不同，而非設(shè)備的不同。

6) Google將會再一次挖我們的墻角

不管什么時(shí)候只要他們認(rèn)為i他們是唯一周末工作的團(tuán)隊(duì)的話，周五晚上變化算法是Mountainview團(tuán)隊(duì)（Google公司地址）愛干的事情。很多web設(shè)計(jì)師都在周一的時(shí)候趕到辦公室來查找用戶網(wǎng)站狀況報(bào)告，以前網(wǎng)站可能排名第一，現(xiàn)在到了第8357或者8358頁。

生存技巧：Google會持續(xù)的提醒同一件事情：針對人而不是爬蟲來撰寫好的原創(chuàng)內(nèi)容。如果你現(xiàn)在躲開了這枚“子彈”，不要期望下次也能這么幸運(yùn)?，F(xiàn)在就是讓你的SEO完全白帽的時(shí)候。今年最大的欣慰就是本地SEO，因此讓你的內(nèi)容更專注這塊吧。

7) SVG將會最終起飛

我曾經(jīng)已經(jīng)預(yù)測了SVG將會在近些年發(fā)展起來，當(dāng)然我一直都沒說對。但是2014年將會是SVG之年。

在過去的12個(gè)月中，web開始持續(xù)的圖標(biāo)熱。不管哪里文字去掉后，我們都使用圖標(biāo)。甚至是移動設(shè)備菜單上的小菜單標(biāo)示都被圖標(biāo)所替代。

使得，現(xiàn)在可以使用圖標(biāo)字體了，當(dāng)不需要加載圖標(biāo)字體文件而使用更少的代碼實(shí)現(xiàn)同樣的功能和效果，為什么你不使用呢？

SVG同時(shí)解決了響應(yīng)式圖片問題；矢量的圖片向?qū)τ赽itmap的圖片限制更多，但是流行的扁平設(shè)計(jì)和簡單的塊狀顏色插圖在2014將為SVG創(chuàng)建了非常好的環(huán)境來發(fā)展和擴(kuò)展自己。

生存技巧：導(dǎo)出一些SVG文件，然后看看代碼。應(yīng)用幫助你創(chuàng)建SVG將會非常方便，但是真正的理解并且手工處理SVG代碼將會讓你獲得更多益處，并且對于你的未來也會有非常大的影響

你認(rèn)為2014還有 其他什么趨勢么？請給我們留言分享！

英文原文：webdesignerdepot.com

譯文鏈接：http://www.gbtags.com/gb/share/2797.htm