又到了新的一年，是該我們探討和預(yù)測(cè)一下今天的設(shè)計(jì)趨勢(shì)的時(shí)候了。未來(lái)的web設(shè)計(jì)非常明顯，我們需要看看背后。這里有2014年的7個(gè)設(shè)計(jì)預(yù)測(cè)，以及如何在2014年中如何生存。
1) 拒絕使用:hover
在CSS中:hover偽類是web中最原始的設(shè)計(jì)概念。使用鼠標(biāo)指針來(lái)暗示當(dāng)一個(gè)用戶打算點(diǎn)擊一個(gè)元素，并且以此鼓勵(lì)用戶去操作。然而，隨著缺乏鼠標(biāo)指針的移動(dòng)設(shè)備越來(lái)越多的出現(xiàn)，:hover的問(wèn)題也越來(lái)越多。
最近我偶爾聽到了一個(gè)設(shè)計(jì)師的談話內(nèi)容，主要是爭(zhēng)論是否該使用:hover，是否是最差的設(shè)計(jì)實(shí)踐，因?yàn)樗膭?lì)設(shè)計(jì)師在UX設(shè)計(jì)中考慮終端用戶的體驗(yàn)（使用指針導(dǎo)航），很明顯，hover效果在新的網(wǎng)站中越來(lái)越少使用了。
生存小技巧：我們可以確認(rèn)，移動(dòng)用戶將會(huì)來(lái)在接下來(lái)的12個(gè)月中超越桌面用戶，當(dāng)然桌面用戶的數(shù)量依然是多數(shù)。IE7平臺(tái)的設(shè)計(jì)會(huì)占有更少的市場(chǎng)。移動(dòng)為先并不是意味著沒有桌面，:hover還是能夠很好的支持。 所以對(duì)于我來(lái)說(shuō)，:hover仍舊是一個(gè)常用的工具，只不過(guò)不再是一個(gè)重要的工具
2) jQuery喪失了市場(chǎng)占有率
當(dāng)jQuery剛出現(xiàn)的時(shí)候絕對(duì)是創(chuàng)世紀(jì)的。我仍舊非常佩服它能夠在不同的瀏覽器中方便的幫助我們處理DOM元素，而且絕對(duì)兼容！
jQuery絕對(duì)是最流行的類庫(kù)，很多人都把jQuery當(dāng)作了javascript，因?yàn)榫W(wǎng)站都使用”HTML，CSS和jQuery”。
然而，jQuery也有很多批評(píng)聲，而且在2013年越來(lái)越明顯。主要問(wèn)題是它比較大。即使版本2.0中去除了對(duì)于IE6，IE7和IE8的支持，但是仍舊體積非常大，特別對(duì)于移動(dòng)網(wǎng)站來(lái)說(shuō)。多余的kb字節(jié)對(duì)于簡(jiǎn)單的東西太來(lái)代價(jià)太大。
越來(lái)越多的人開始發(fā)現(xiàn)vanilla javascript對(duì)于DOM處理以外的內(nèi)容更快，更高效（jQuery對(duì)DOM操作是在太棒）
短時(shí)間jQuery消失不太可能 – 這個(gè)類庫(kù)是在太棒 – 但是在過(guò)去兩年的市場(chǎng)的主導(dǎo)地位開始動(dòng)搖了。
生存技巧：花一些時(shí)間來(lái)了解jQuery背后的內(nèi)容，看看document.getElementById()如何工作的。你會(huì)非常驚訝的發(fā)現(xiàn)你已經(jīng)對(duì)于vanilla javascript了解很多了， 并且你的jQuery背景也會(huì)對(duì)你有很大幫助！
3) 移動(dòng)專用web的死亡
web設(shè)計(jì)包含了各種不同的態(tài)度，流行和偏見；移動(dòng)版本web因?yàn)轫憫?yīng)式設(shè)計(jì)而被拋棄。
移動(dòng)版web是針對(duì)移動(dòng)設(shè)備專用的web網(wǎng)站，通常為智能手機(jī)設(shè)計(jì)，和網(wǎng)站版本并行的存在。也就是說(shuō)包含了兩個(gè)網(wǎng)站。可能你依然會(huì)在你的網(wǎng)站上打出“本站最佳瀏覽器分辨率1024×768”的口號(hào)。
當(dāng)然，這里針對(duì)一些商業(yè)應(yīng)用也曾有多站點(diǎn)運(yùn)行好處的的爭(zhēng)論，因?yàn)榭赡茚槍?duì)不同用戶的使用實(shí)例而變化，最經(jīng)典的例子就是一個(gè)餐館網(wǎng)站，桌面用戶可能想看到菜單，而移動(dòng)用戶可能想了解方向。但是所有這些爭(zhēng)論最后都被響應(yīng)式設(shè)計(jì)的大潮所淹沒。特別是多網(wǎng)站在現(xiàn)實(shí)開發(fā)中已經(jīng)非常罕見。
生存技巧：如果考慮開發(fā)多個(gè)站點(diǎn)的話，需要確認(rèn)用戶針對(duì)不同內(nèi)容有不同的需要，并且希望能多作為多個(gè)小網(wǎng)站來(lái)使用。當(dāng)然確認(rèn)所有的網(wǎng)站都應(yīng)該是響應(yīng)式的（因?yàn)榻衲陮?huì)有更多不同屏幕尺寸的移動(dòng)設(shè)備）
4) 回歸富媒體時(shí)代
當(dāng)flash沉淪后，不僅僅帶走了Adobe的輝煌的市場(chǎng)地位，也帶走了flash的時(shí)尚風(fēng)格。
客戶對(duì)于flash的壞處并不清楚，經(jīng)過(guò)這么多年的嚴(yán)格跟風(fēng)，設(shè)計(jì)師都接受了簡(jiǎn)潔設(shè)計(jì)并且客戶都愿意接受更少費(fèi)用。
在2013年最初的時(shí)候，事情開發(fā)變化，全屏幕圖片，文字動(dòng)畫和頁(yè)面過(guò)渡效果，單頁(yè)面網(wǎng)站都在不停的增加。
超級(jí)HTML5富媒體回歸，但是2014或許將會(huì)變化。
生存技巧：提倡“只是因?yàn)槲铱梢�，并不意味我�?yīng)該”這個(gè)口號(hào)。通過(guò)在項(xiàng)目中使用富媒體，從過(guò)去的失敗中學(xué)習(xí)，應(yīng)該將注意力集中在降低加載時(shí)間上。
5) 內(nèi)容將失去它的皇冠
大家都說(shuō)“內(nèi)容為王”，來(lái)源于Google排名，設(shè)計(jì)基礎(chǔ)和客戶優(yōu)先級(jí)
然而，無(wú)止境的CMS發(fā)展，例如，wordpress，squrespace，webydo和drupal意味著設(shè)計(jì)師將會(huì)慢慢開始發(fā)現(xiàn)他們的設(shè)計(jì)不僅僅是為了生成沒有的內(nèi)容，也是為了時(shí)常的內(nèi)容變化的處理。
設(shè)計(jì)完成后內(nèi)容往往在數(shù)月后才最終定稿，這樣對(duì)于設(shè)計(jì)來(lái)說(shuō)可能非常不好，還好現(xiàn)在客戶開始慢慢了解到web是一個(gè)持續(xù)發(fā)展的項(xiàng)目，要求同時(shí)定義維護(hù)或者專業(yè)的管理。
生存技巧：內(nèi)容永恒變動(dòng)的，品牌才是王者。不要只是視覺化你的品牌，需要讓大家了解它的聲音，風(fēng)格，語(yǔ)言和質(zhì)量。讓你實(shí)現(xiàn)的過(guò)程更加的靈活，專注于設(shè)計(jì)系統(tǒng)，不是固定的頁(yè)面。網(wǎng)站需要分開設(shè)計(jì)，針對(duì)內(nèi)容不同，而非設(shè)備的不同。
6) Google將會(huì)再一次挖我們的墻角
不管什么時(shí)候只要他們認(rèn)為i他們是唯一周末工作的團(tuán)隊(duì)的話，周五晚上變化算法是Mountainview團(tuán)隊(duì)（Google公司地址）愛干的事情。很多web設(shè)計(jì)師都在周一的時(shí)候趕到辦公室來(lái)查找用戶網(wǎng)站狀況報(bào)告，以前網(wǎng)站可能排名第一，現(xiàn)在到了第8357或者8358頁(yè)。
生存技巧：Google會(huì)持續(xù)的提醒同一件事情：針對(duì)人而不是爬蟲來(lái)撰寫好的原創(chuàng)內(nèi)容。如果你現(xiàn)在躲開了這枚“子彈”，不要期望下次也能這么幸運(yùn)�，F(xiàn)在就是讓你的SEO完全白帽的時(shí)候。今年最大的欣慰就是本地SEO，因此讓你的內(nèi)容更專注這塊吧。
7) SVG將會(huì)最終起飛
我曾經(jīng)已經(jīng)預(yù)測(cè)了SVG將會(huì)在近些年發(fā)展起來(lái)，當(dāng)然我一直都沒說(shuō)對(duì)。但是2014年將會(huì)是SVG之年。
在過(guò)去的12個(gè)月中，web開始持續(xù)的圖標(biāo)熱。不管哪里文字去掉后，我們都使用圖標(biāo)。甚至是移動(dòng)設(shè)備菜單上的小菜單標(biāo)示都被圖標(biāo)所替代。
使得，現(xiàn)在可以使用圖標(biāo)字體了，當(dāng)不需要加載圖標(biāo)字體文件而使用更少的代碼實(shí)現(xiàn)同樣的功能和效果，為什么你不使用呢？
SVG同時(shí)解決了響應(yīng)式圖片問(wèn)題；矢量的圖片向?qū)τ赽itmap的圖片限制更多，但是流行的扁平設(shè)計(jì)和簡(jiǎn)單的塊狀顏色插圖在2014將為SVG創(chuàng)建了非常好的環(huán)境來(lái)發(fā)展和擴(kuò)展自己。
生存技巧：導(dǎo)出一些SVG文件，然后看看代碼。應(yīng)用幫助你創(chuàng)建SVG將會(huì)非常方便，但是真正的理解并且手工處理SVG代碼將會(huì)讓你獲得更多益處，并且對(duì)于你的未來(lái)也會(huì)有非常大的影響
你認(rèn)為2014還有 其他什么趨勢(shì)么？請(qǐng)給我們留言分享！