2014年最明顯的7個web設計趨勢及其生存技巧
2014-3-27 20:47:44 | 作者：sw996 | 0個評論 | 人瀏覽
又到了新的一年，是該我們探討和預測一下今天的設計趨勢的時候了。
未來的web設計非常明顯，我們需要看看背后。這里有2014年的7個設計預測，以及如何在2014年中如何生存。
1) 拒絕使用:hover
在CSS中:hover偽類是web中最原始的設計概念。使用鼠標指針來暗示當一個用戶打算點擊一個元素，并且以此鼓勵用戶去操作。然而，隨著缺乏鼠標指針的移動設備越來越多的出現，:hover的問題也越來越多。
最近我偶爾聽到了一個設計師的談話內容，主要是爭論是否該使用:hover，是否是最差的設計實踐，因為它鼓勵設計師在UX設計中考慮終端用戶的體驗（使用指針導航），很明顯，hover效果在新的網站中越來越少使用了。
生存小技巧：我們可以確認，移動用戶將會來在接下來的12個月中超越桌面用戶，當然桌面用戶的數量依然是多數。IE7平臺的設計會占有更少的市場。移動為先并不是意味著沒有桌面，:hover還是能夠很好的支持。 所以對于我來說，:hover仍舊是一個常用的工具，只不過不再是一個重要的工具
2) jQuery喪失了市場占有率
當jQuery剛出現的時候絕對是創世紀的。我仍舊非常佩服它能夠在不同的瀏覽器中方便的幫助我們處理DOM元素，而且絕對兼容！
jQuery絕對是最流行的類庫，很多人都把jQuery當作了javascript，因為網站都使用”HTML，CSS和jQuery”。
然而，jQuery也有很多批評聲，而且在2013年越來越明顯。主要問題是它比較大。即使版本2.0中去除了對于IE6，IE7和IE8的支持，但是仍舊體積非常大，特別對于移動網站來說。多余的kb字節對于簡單的東西太來代價太大。
越來越多的人開始發現vanilla javascript對于DOM處理以外的內容更快，更高效（jQuery對DOM操作是在太棒）
短時間jQuery消失不太可能 – 這個類庫是在太棒 – 但是在過去兩年的市場的主導地位開始動搖了。
生存技巧：花一些時間來了解jQuery背后的內容，看看document.getElementById()如何工作的。你會非常驚訝的發現你已經對于vanilla javascript了解很多了， 并且你的jQuery背景也會對你有很大幫助！
3) 移動專用web的死亡
web設計包含了各種不同的態度，流行和偏見；移動版本web因為響應式設計而被拋棄。
移動版web是針對移動設備專用的web網站，通常為智能手機設計，和網站版本并行的存在。也就是說包含了兩個網站。可能你依然會在你的網站上打出“本站最佳瀏覽器分辨率1024×768”的口號。
當然，這里針對一些商業應用也曾有多站點運行好處的的爭論，因為可能針對不同用戶的使用實例而變化，最經典的例子就是一個餐館網站，桌面用戶可能想看到菜單，而移動用戶可能想了解方向。但是所有這些爭論最后都被響應式設計的大潮所淹沒。特別是多網站在現實開發中已經非常罕見。
生存技巧：如果考慮開發多個站點的話，需要確認用戶針對不同內容有不同的需要，并且希望能多作為多個小網站來使用。當然確認所有的網站都應該是響應式的（因為今年將會有更多不同屏幕尺寸的移動設備）
4) 回歸富媒體時代
當flash沉淪后，不僅僅帶走了Adobe的輝煌的市場地位，也帶走了flash的時尚風格。
客戶對于flash的壞處并不清楚，經過這么多年的嚴格跟風，設計師都接受了簡潔設計并且客戶都愿意接受更少費用。
在2013年最初的時候，事情開發變化，全屏幕圖片，文字動畫和頁面過渡效果，單頁面網站都在不停的增加。
超級HTML5富媒體回歸，但是2014或許將會變化。
生存技巧：提倡“只是因為我可以，并不意味我應該”這個口號。通過在項目中使用富媒體，從過去的失敗中學習，應該將注意力集中在降低加載時間上。
5) 內容將失去它的皇冠
大家都說“內容為王”，來源于Google排名，設計基礎和客戶優先級
然而，無止境的CMS發展，例如，wordpress，squrespace，webydo和drupal意味著設計師將會慢慢開始發現他們的設計不僅僅是為了生成沒有的內容，也是為了時常的內容變化的處理。
設計完成后內容往往在數月后才最終定稿，這樣對于設計來說可能非常不好，還好現在客戶開始慢慢了解到web是一個持續發展的項目，要求同時定義維護或者專業的管理。
生存技巧：內容永恒變動的，品牌才是王者。不要只是視覺化你的品牌，需要讓大家了解它的聲音，風格，語言和質量。讓你實現的過程更加的靈活，專注于設計系統，不是固定的頁面。網站需要分開設計，針對內容不同，而非設備的不同。
6) Google將會再一次挖我們的墻角
不管什么時候只要他們認為i他們是唯一周末工作的團隊的話，周五晚上變化算法是Mountainview團隊（Google公司地址）愛干的事情。很多web設計師都在周一的時候趕到辦公室來查找用戶網站狀況報告，以前網站可能排名第一，現在到了第8357或者8358頁。
生存技巧：Google會持續的提醒同一件事情：針對人而不是爬蟲來撰寫好的原創內容。如果你現在躲開了這枚“子彈”，不要期望下次也能這么幸運。現在就是讓你的SEO完全白帽的時候。今年最大的欣慰就是本地SEO，因此讓你的內容更專注這塊吧。
7) SVG將會最終起飛
我曾經已經預測了SVG將會在近些年發展起來，當然我一直都沒說對。但是2014年將會是SVG之年。
在過去的12個月中，web開始持續的圖標熱。不管哪里文字去掉后，我們都使用圖標。甚至是移動設備菜單上的小菜單標示都被圖標所替代。
使得，現在可以使用圖標字體了，當不需要加載圖標字體文件而使用更少的代碼實現同樣的功能和效果，為什么你不使用呢？
SVG同時解決了響應式圖片問題；矢量的圖片向對于bitmap的圖片限制更多，但是流行的扁平設計和簡單的塊狀顏色插圖在2014將為SVG創建了非常好的環境來發展和擴展自己。
生存技巧：導出一些SVG文件，然后看看代碼。應用幫助你創建SVG將會非常方便，但是真正的理解并且手工處理SVG代碼將會讓你獲得更多益處，并且對于你的未來也會有非常大的影響
你認為2014還有 其他什么趨勢么？請給我們留言分享！
相關推薦
- 網頁設計之：移動用戶體驗設計之列表視圖與網格視圖2017-12-16 13:14:49
- 以精致詮釋搜索之美：百度三端搜索首頁2016-12-21 12:38:43
- 2015年網頁設計的9大趨勢-網頁設計賞析2015-7-31 22:1:10
- 互聯網營銷密碼：50%的廣告費都浪費在哪？怎樣做好互聯網營銷2014-7-24 12:10:42
- 如何更好的優化網站著陸頁？2014-7-1 0:15:48
- 谷歌推Web Starter Kit工具，協助多屏幕網頁開發2014-6-24 9:35:39
- 移動互聯網不是顛覆了而是升級了傳統商業2014-4-11 22:27:16
- 必須收藏14款響應式布局的前端開發框架2014-3-27 20:42:59
- 網站設計時如何提高用戶體驗？提升網站轉化率2014-3-27 20:37:59
- 如何設計出人們真正想要點擊的橫幅廣告2014-3-5 19:40:9
- 網站分類
-
- 最近發表
-
- Tags列表
-
- 隨機文章
-