2014年七個最明顯的web設(shè)計趨勢及其生存技巧

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

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

1) 拒絕使用:hover

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

最近我間或聽到了一個設(shè)計師的談話內(nèi)容，主要是爭論是否該使用:hover，是否是最差的設(shè)計實踐，因為它鼓舞 設(shè)計師在UX設(shè)計中考慮終端用戶的體驗（使用指針導航），很明顯，hover效果在新的網(wǎng)站中越來越少使用了。

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

2) jQuery喪失了市場占有率

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

jQuery絕對是最流行的類庫，很多人都把jQuery當作了javascript，因為網(wǎng)站都使用"HTML，CSS和jQuery"。

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

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

短時間jQuery消逝不太可能 - 這個類庫是在太棒 - 但是在過去兩年的市場的主導地位開始動搖了。

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

3) 移動專用web的死亡

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

移動版web是針對移動設(shè)備專用的web網(wǎng)站，通常為智能手機設(shè)計，和網(wǎng)站版本并行的存在。也就是說包含了兩個網(wǎng)站。可能你依舊 會在你的網(wǎng)站上打出“本站最佳掃瞄 器分辨率1024x768”的口號。

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

生存技巧：如果考慮開發(fā)多個站點的話，需要確認用戶針對不同內(nèi)容有不同的需要，并且希望能多作為多個小網(wǎng)站來使用。當然確認所有的網(wǎng)站都應(yīng)該是響應(yīng)式的（因為今年將會有更多不同屏幕尺寸的移動設(shè)備）

4) 回歸富媒體時代

當flash沉淪后，不僅僅帶走了Adobe的輝煌的市場地位，也帶走了flash的時尚風格。

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

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

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

生存技巧：提倡“只是因為我可以，并不意味我應(yīng)該”這個口號。通過在項目中使用富媒體，從過去的失敗中學習，應(yīng)該將注意力集中在降低加載時間上。

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

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

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

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

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

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

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

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

7) SVG將會最終起飛

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

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

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

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

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