隨著H5的火速興起與發(fā)展，各大企業(yè)紛紛轉戰(zhàn)H5，對于H5設計的需求也越來越大。H5對設計師的綜合能力要求更高，要求設計師能同時把握音樂、交互、體驗、排版等能力，在我理解設計師做H5更像是成為一個導演，將自己的作品從多個感官，立體的展現(xiàn)給用戶。而H5的設計趨勢總是令人捉摸不透，每年的網(wǎng)頁設計也都會出現(xiàn)很多新的變化，2016年，又有哪些新的設計趨勢值得關注呢? 以下是從大量的網(wǎng)站建設實例中發(fā)現(xiàn)的2016年在網(wǎng)頁中會被廣泛應用的10大H5設計趨勢。

1、超長網(wǎng)頁設計

以往的長網(wǎng)頁會擠滿內(nèi)容，我們習慣于下滑滾動網(wǎng)頁來獲取信息，但超長網(wǎng)頁設計并非是擠滿內(nèi)容的枯燥長網(wǎng)頁，而是由更多的留白空間以及快速響應技術合并而成的超長網(wǎng)頁設計。這樣的設計能使內(nèi)容組織更加有序，格式也更便于閱讀。調查發(fā)現(xiàn)，用戶更喜歡滾動而非點擊。

2、打破常規(guī)的排版

如今，規(guī)規(guī)矩矩的版式設計已經(jīng)很難吸引受眾了，打破常規(guī)的排版對于網(wǎng)站設計已經(jīng)越來越重要，突破人們視覺常規(guī)觀感的設計，不僅利于大家記憶，而且會獲得極大的社交網(wǎng)絡傳播。2016的網(wǎng)頁設計應該更加注重個性化設計，獨特的風格能體現(xiàn)出更現(xiàn)代化的風尚。

3、運用高清、真實的圖片

越來越多的網(wǎng)站選擇使用高質量的大圖放在網(wǎng)站的首頁，以增強視覺沖擊力。高清大圖的使用是一種不過時的趨勢，當然，使用大圖像要考慮帶寬流量和服務器問題，合理優(yōu)化是首要。圖片運用真實化的，也能有效的提升客戶的信任感。網(wǎng)頁中的某一部分引入注目，大多數(shù)情況下也許是圖片起了作用。

4、自定義個性化圖標

未來的網(wǎng)站將會是更具性格，更注重個性化，一個打破常規(guī)風格的圖標就能很好的體現(xiàn)出網(wǎng)站的別具一格。很多年輕人不喜歡常規(guī)，總要走自己的風格，所以，在未來的設計中，會有更多獨特的設計風格，展現(xiàn)自己的個性。不少新生網(wǎng)站會采取一些個性化的圖標來營造一種不一樣的獨特風格，增加圖標的表現(xiàn)力。

5、去flash設計

一個網(wǎng)站用Flash引導動畫是非常炫酷的，但越來越多的人希望在網(wǎng)頁中能有清爽干凈的瀏覽體驗。從視覺效果來看，F(xiàn)lash動畫確實能為網(wǎng)頁設計增添不少特色，但由于一般Flash文件較大，導致網(wǎng)頁打開較慢，瀏覽者沒有耐心等待，很可能就會轉而訪問其他速度較快的網(wǎng)站;另外，F(xiàn)lash也無法被搜索引擎讀取到，這無疑會減少網(wǎng)站的曝光率，現(xiàn)階段很多瀏覽器也已經(jīng)不支持Flash格式，所以很多公司并不推薦在網(wǎng)站建設中使用Flash動畫效果。

6、極簡主義

Less is More是許多設計師的口頭禪，在設計領域中，很多人都認同一切從簡的思想。畢竟設計只是增強視覺的手段，簡化網(wǎng)頁設計是將復雜的東西濃縮簡化成簡單的東西，當然在簡化的同時，不能丟掉有價值的東西。用戶不喜歡在瀏覽網(wǎng)頁時，被混淆或者感覺到對網(wǎng)頁失去控制。讓他們把更多的時間花在閱讀主要內(nèi)容上，界面設計上要讓他們方便找到自己需要的東西。簡化網(wǎng)頁設計可以從網(wǎng)頁的簡潔性、可讀性和網(wǎng)頁要突出的重點來入手。我們應該適當去掉一些沒有必要的設計元素，至少做到整個網(wǎng)頁設計不會去干擾用戶的閱讀。

7、情感化設計

在網(wǎng)頁上，巧妙的設計方式會給人留下深刻的印象，在情感上會越發(fā)喜歡這種構思巧妙的產(chǎn)品，這種巧妙的設計方式會給人們的生活帶來愉悅感，從而排解了人們來自不同方面的壓力，所以得到用戶的青睞實際上，用戶很排斥冷冰冰沒人情味的東西，尤其是在網(wǎng)上。一想到和一個機器或是一個企業(yè)打交道，就會很反感。因而，你會看到一些創(chuàng)業(yè)公司不僅擁有內(nèi)容優(yōu)雅的網(wǎng)站，而且賦予了公司人情味，正是憑借這一點，這些公司脫穎而出。友愛俏皮、有點厚臉皮的設計和圖片便是你與客戶建立交流的橋梁。

8、較大的字體設計

近年來，很多設計師將字體設計也列為在網(wǎng)頁設計中需要考量的對象，并作為設計中提升整個網(wǎng)頁品味的重要元素。通過使用CSS3設計師可以擁有許多自定義的字體，這給網(wǎng)頁的視覺設計也增加了一個重要的設計思路。當我思考網(wǎng)頁字體時，我所想的是將大字體整合進設計當中，它們有圓潤飽滿，優(yōu)美清晰等諸多優(yōu)點。

9、注重閱讀體驗

當我們打開一個網(wǎng)站時，面臨的第一個問題就是加載。優(yōu)化你的加載過程，提前顯示部分信息或者做個有趣的loading動畫效果，讓用戶知道你的網(wǎng)站已經(jīng)在一步步執(zhí)行他的操作，給予他應得的反饋，讓用戶更有耐心等待加載。當一個網(wǎng)站需要用戶提供頻繁的操作，一定會令人反感，而快速效率的操作，則足夠為用戶提供在閱讀時的專注與沉浸體驗。很多博客雜志樣式的網(wǎng)站都在普及化，設計上沒有太多的框框條條，沒有分欄的設計，就是簡單的文字表達，加上圖文，摒棄了復雜的內(nèi)容，主體內(nèi)容流暢的呈現(xiàn)，更提高閱讀質量。

10、分層結構設計

通常，屏幕界面以水平方式展示，沒有縱深層級感。而分層結構設計是一種層次感的變革，模糊的背景、帶有縱深感的層次及動效，拓展了屏幕空間，塑造出內(nèi)容的層級感。這樣的手法也被很多設計師逐漸運用到自己產(chǎn)品中，這種設計將信息分層歸納，體驗上能夠感覺到明顯的層級感，區(qū)分主次信息的展示，更專注于內(nèi)容，更多的暴露信息，減少結構層級，操作高效。