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

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網站,通常爲智能手機設計,和網站版本並行的存在。也就是說包含了兩個網站。可能你依然會在你的網站上打出“本站最佳瀏覽器分辨率1024x768”的口號。

當然,這裏針對一些商業應用也曾有多站點運行好處的的爭論,因爲可能針對不同用戶的使用實例而變化,最經典的例子就是一個餐館網站,桌面用戶可能想看到菜單,而移動用戶可能想了解方向。但是所有這些爭論最後都被響應式設計的大潮所淹沒。特別是多網站在現實開發中已經非常罕見。

生存技巧:如果考慮開發多個站點的話,需要確認用戶針對不同內容有不同的需要,並且希望能多作爲多個小網站來使用。當然確認所有的網站都應該是響應式的(因爲今年將會有更多不同屏幕尺寸的移動設備)

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代碼將會讓你獲得更多益處,並且對於你的未來也會有非常大的影響

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章