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

jopen 10年前發布 | 13K 次閱讀 Web設計

        英文原文:7 web design trends you'll actually see this year (and how to survive them)        

        又到了新的一年,是該我們探討和預測一下今天的設計趨勢的時候了。

        未來的 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 還有其他什么趨勢么?請給我們留言分享!

來自: www.gbtags.com
                    <span id="shareA4" class="fl">                          </span>
 本文由用戶 jopen 自行上傳分享,僅供網友學習交流。所有權歸原作者,若您的權利被侵害,請聯系管理員。
 轉載本站原創文章,請注明出處,并保留原始鏈接、圖片水印。
 本站是一個以用戶分享為主的開源技術平臺,歡迎各類分享!