網(wǎng)頁設計也要有一顆與時俱進的心

　　去年，網(wǎng)頁設計的世界出現(xiàn)了很多新變化。2016年，在網(wǎng)頁設計領域必將出現(xiàn)更為令人驚奇的革新。與以往不同的是，今年的變化將更為重大，更為有利。事實上，很多業(yè)內(nèi)專家都預言：2016年將是真正屬于網(wǎng)頁設計的一年。

　　技術變?nèi)招略庐?，設計潮流也是如此。不同類型的公司都在設法賦予自己的網(wǎng)站更為時尚的外觀，并致力于提高網(wǎng)站的響應性和互動性。

　　正如人們常會通過一本書的封面來評判該書的好壞一樣，一個網(wǎng)站的審美，設計和功能往往決定了擁有該網(wǎng)站的公司的聲譽。不僅網(wǎng)站的外觀需要不斷改進，網(wǎng)站的功能，呈現(xiàn)方式，加載速度以及更新方式同樣需要注意。

　　在2016年，網(wǎng)頁設計領域?qū)⒂瓉碓S多值得期待的新變化。網(wǎng)頁設計潮流將擺脫夸張的陰影效果，復雜的材質(zhì)和嚴格的分層，整體風格會變得更為簡潔和扁平化。使用圖片和互動元素將提升網(wǎng)站的吸引力，這一事實已得到廣泛認可。

　　2016年，你的目標應該是設計出令用戶著迷的，一再返回的網(wǎng)站。為了幫助你抓住先機，站在設計潮流的尖端，中國設計網(wǎng)的筆者在這篇文章中列出了一些詳盡的2016年網(wǎng)頁設計趨勢。絕對值得你一看!

　　1、新穎的滾動方式

　　由于智能手機的流行，今天每個用戶都已經(jīng)習慣了滾動式的長網(wǎng)頁。根據(jù)UX Movement最近所做的一份研究，多數(shù)用戶更為偏愛縱向滾動的網(wǎng)頁設計，而非靠點擊導航元素才能完成的網(wǎng)頁切換。2016年，我們將看到不同以往的網(wǎng) 頁滾動方式。它可能是縱向的，也可能是橫向的。可能是觸控式的，也可能是動畫滾動。總之，別忘了在你的設計中融合新的滾動功能來吸引用戶。這同樣可以為網(wǎng) 站用戶提供更多的樂趣和便利。NASA Prospect的頁面就是創(chuàng)新式網(wǎng)頁滾動方式的一個范例。該網(wǎng)站的網(wǎng)頁滾動方式永遠不會使用戶感到無聊或無趣。不信的話，你可以自己去看看!

　　2、標題和頁面的平行視差

　　2016年的另一個重要網(wǎng)頁設計趨勢會是網(wǎng)頁平衡視差運動。它將在用戶向下滾動頁面時營造出3D效果，從而為用戶帶來更多視覺樂趣。為了做到錦上添花，你還可以設法使用戶每一次移動鼠標時，都能啟動標題和網(wǎng)頁的平行視差運動。

　　網(wǎng)頁中平行視差的好處在于，用戶每一次移動鼠標，都能看到不一樣的東西。它也能讓你用更為簡便，更為有趣的方式將信息傳達給用戶。當然，任何事情過了頭都會變壞，所以這種方式也不能過度使用。示例中The Royal British Legion網(wǎng)站就采用了平行視圖的網(wǎng)頁設計，它以極富娛樂性的方式傳達了明確的信息。

　　3、半扁平化(Semi-flat)的設計

　　這種設計手段已經(jīng)存在多年，只是近些年才開始流行。如今，扁平化的設計風格隨處可見，無論是在個人博客還是最著名的國際品牌網(wǎng)站中。扁平化的設計易于創(chuàng)建和管理。但潮流是永遠變化的，越來越多的設計師都愿意在圖標，目錄和插畫中增加一些元素以使網(wǎng)站更為豐富。

　　在需要創(chuàng)建使實用，獨特和富有創(chuàng)意的網(wǎng)站時，很多網(wǎng)頁設計師會毫不猶豫地選用扁平化設計風格。Vine網(wǎng)站就是半扁平化設計風格的一個典型。該網(wǎng)站將實時展示的圖片與扁平化設計無縫融合，很多網(wǎng)頁設計者甚至認為這個網(wǎng)站是半扁平化設計的最佳代表。

　　4、突破思維框架的設計

　　這是去年最重要的網(wǎng)頁設計趨勢之一，可以預見，今年它依然會是網(wǎng)頁設計的潮流。長期以來，長方形的網(wǎng)頁布局一直是網(wǎng)頁設計師們的第一選擇。但在2016年，我們將見到更多的網(wǎng)頁設計師精心的設計的，長方形之外的網(wǎng)頁布局方式。

　　事 實上已經(jīng)有很多其他的幾何形狀被用于網(wǎng)頁布局中了。不論是在體育網(wǎng)站，健身網(wǎng)站還是別的網(wǎng)站，長方形之外的幾何布局都能收到不錯的效果。這種設計手段不僅 能幫助用戶更好地利用網(wǎng)站的導航元素，也更能吸引用戶的注意力。這類網(wǎng)站中一個極佳的范例就是Full Stop。這個網(wǎng)站醒目的圓形LOGO將用戶的目光引向公司名稱。其他一些著名的體育品牌如阿迪達斯和Columbia Sportswear也在各自的網(wǎng)站中融入了很多幾何形狀。

　　5、全屏布局

　　我們現(xiàn)在要談談用一張圖片布滿整個網(wǎng)頁(當然會有少量文字)的設計手段。俗話說一圖勝過千言萬語。這句話用在網(wǎng)頁設計中最為適合不過。在網(wǎng)頁中使用一張全屏圖片或一段視頻無疑能有效地從開始就抓住用戶的吸引力。我們相信這一設計潮流在2016年會席卷網(wǎng)頁設計界。

　　全屏布局最有趣的一點在于，用戶可以更輕松地找到并理解自己所需的信息。這種設計允許你使用產(chǎn)品和服務的圖片/視頻來更有效地與用戶互動。Jobs Is Free就是一個采用全屏布局的網(wǎng)站。它的簡潔和迷人都使它成為一個趣味盎然的站點。

　　6、互動式的敘事方式

　　視覺敘事——在所有處于上升地位的設計潮流中，這是最流行，最受歡迎的一種。它在2015年已登上舞臺中央，在2016年也必將繼續(xù)贏得關注。所以在今年， 你應該勇敢地穿上講故事者的裝束，在設計中與用戶分享一個故事。此外，還要確保你的故事是互動式的，這樣能更能吸引你的聽眾積極參與故事，并促使他們在網(wǎng) 站上停留更長時間。

　　你可以通過在全站點中設置謎題，調(diào)查，視頻，圖像，音頻等來傳達你的信息。下面的MoMA Century of the Child就是互動敘事型網(wǎng)站中的一個絕佳范例——它的確有讓用戶一直向下滾動網(wǎng)頁的魔力!

　　7、更少的網(wǎng)頁數(shù)量

　　這個時代，更少就是更多(Less is more)!這句話同樣適用于網(wǎng)站的網(wǎng)頁數(shù)量。網(wǎng)站中采用單網(wǎng)頁設計或簡化的多網(wǎng)頁設計，反而能吸引來更多的用戶。記住，內(nèi)容龐雜的網(wǎng)站往往會令用戶不勝厭煩。

　　今天的用戶已經(jīng)不愿去打開多個網(wǎng)頁了。隨著移動設備的盛行，單網(wǎng)頁設計成為更為簡便的瀏覽方式。當你設計單頁面站點時，通常瀏覽體驗也更為新奇有趣。單網(wǎng)頁站點Kocha將會告訴你，不用增加網(wǎng)頁數(shù)量也可以成為最優(yōu)秀的站點。

　　8、可縮放的矢量圖形 (SVG)

　　SVG 圖形已經(jīng)被使用了很多年，現(xiàn)在依然有著極其重要的作用。SVG圖形在任何設備上都能保持清晰度和銳利度。它能將所有關鍵的網(wǎng)頁元素與設計元素連接起來，使 其適應各種尺寸的屏幕。W3techs.com的分析認為，目前只有1.3% 的網(wǎng)站使用了SVG圖形。但我們相信2016年SVG圖形將會成為創(chuàng)意網(wǎng)頁設計的主流。下面就是一個采用了SVG圖形的網(wǎng)站。

　　9、響應式網(wǎng)頁設計

　　如果你依然沒有采用響應式網(wǎng)頁設計的話，以下的驚人數(shù)據(jù)或許會促使你早做決定：

　　超過20億人通過移動設備瀏覽網(wǎng)頁

　　61%的用戶對能提供良好移動瀏覽體驗的品牌有正面評價

　　移動設備用戶的消費額超過PC用戶的50%

　　每五個用戶中就有四個使用智能手機購物

　　Designhill.com 發(fā)布的一篇文章透露，谷歌將響應式網(wǎng)頁視為更優(yōu)質(zhì)的移動參數(shù)。響應式設計為用戶帶來了更好的用戶體驗，有助于提升網(wǎng)站轉(zhuǎn)化率。如果你還未在響應式站點設計 上有任何投入，現(xiàn)在就立即開始吧，現(xiàn)在開始總比不做好。Sparkbox網(wǎng)站就通過采用響應式設計實現(xiàn)了網(wǎng)頁在不同設備上的無縫轉(zhuǎn)換。

　　10、幽靈按鈕

　　使用大而花哨的按鈕的時代已經(jīng)結束。幽靈按鈕，或透明按鈕的使用，將成為2016年的另一主流。幽靈按鈕也常被成為空按鈕(hollow buttons)，它的特點是僅包含按鈕的邊緣和位于按鈕中央的簡潔字體。這一特點使它看起來往往更有吸引力。World in My Lens站點中的幽靈按鈕就非常有代表性。

　　11、動態(tài)背景

　　動態(tài)背景可以采取多種形式，可以是效果強烈的圖片，也可以是3D背景，甚至可以是一段視頻。在背景中放置視頻可以立即抓住用戶的注意力，因為人的視線本能地 會趨向運動。我們確信，在今年將會有更多的網(wǎng)站采用動態(tài)背景。Yanagiu Kamiko網(wǎng)站的背景是浸入式的，而且十分迷人。它讓用戶忍不住想去了解更多背景圖片之后的故事。

　　12、分離式屏幕布局

　　分離式布局在2016年也會繼續(xù)流行。這意味著網(wǎng)頁將會分為兩個或更多部分。這種設計方式使設計師能以干凈利落的布局呈獻給用戶雙倍的內(nèi)容。在想要展示產(chǎn)品 和服務的不同角度時，這種方式尤其有用。分離式的布局還可以用于比較兩種不同的事物。例如，標志汽車的網(wǎng)站就在其主頁上使用了分離式布局，將汽車的人性元 素與汽車的技術元素并列在一起。

　　伴隨著技術的快速革新，每年都會涌現(xiàn)出新的網(wǎng)頁設計潮流。我們希望上面所列舉的一些潮流能為設計師提供一些靈感，并幫助他們設計出更為獨一無二的網(wǎng)頁。