最前線|2018年7月火熱流行的3個網頁設計趨勢

+ 查看更多

昨日起，蘇城已正式入伏了。入伏并不可怕，可怕的是今年的三伏天竟然是40天的"超長待機"版，眼看接下來的天氣只會越來越熱熱熱熱熱……哎，這么悲傷的話題就不多聊了。今天小飛主要是帶大家一起看看本月設計圈正火熱流行的3個趨勢。

在進行網站設計時，設計師總是會想方設法讓用戶在頁面上停留更長時間。這是因為當用戶在網頁停留的時間更長后，網站轉化率更有可能得到提升。這不，最近不少設計師就開始嘗試在網頁中使用多個可交互的圖層，吸引用戶與頁面互動，以延長他們在網頁上的停留時間。多個可交互圖層，從某種程度上來看，可以看成是視差滾動效果的一種變形。視差滾動是讓前景和背景以不同的速度移動，形成立體的運動效果，而交互圖層設計的重點在于讓多個不同的疊加層以不同的方式引起交互，幫助增強界面元素的真實感，提高用戶的參與度。

多個可交互圖層的設計，一方面可以給用戶提供充足的頁面信息，另一方面，還能讓信息地傳遞變得更加有趣。下面這三個網站都采用了這種設計方法，但在實際應用上又各有特點。

Salomon在首頁的背景大圖上疊加了多張圖片和相關數據，將登山、徒步活動背后的故事娓娓道來。這里圖片的無序疊加讓頁面滾動動作十分明顯，這樣用戶更會持續進行滾動查看網站內容。

ENO在網站背景中使用了一個視頻（帶音頻）來講述品牌故事，而在前景的側邊欄中放置了不同產品的圖片。對用戶來說，這就像是在看電影。前景中產品圖片的突出會讓用戶在觀看視頻的同時更容易捕捉到這些產品，這對加深用戶印象、促進用戶轉化十分有效。除此以外，網站的探險式風格設計也很吸人眼球。

Martin Laxenaire網站同樣設置了兩個交互層。上層中使用了有趣的配色和動態的懸浮效果給用戶傳遞內容信息，下層中使用同樣的圖片以帶來視覺深度和張力。只是單純觀看頁面上的動效轉變和形狀元素，就會讓用戶覺得十分有趣了。

三欄式布局是界面中最為復雜的一種布局形式，這可能也是前段時間它過時的原因。而最近它又開始重新流行起來了，越來越多的網站開始在網站中使用三欄式的文本布局。這主要是因為一些PC端的屏幕很大，三欄式布局在閱讀、瀏覽上不會存在很多障礙。

當然，這里我們要注意，重新流行起來的是三欄式的文本布局，并不是將三欄式布局應用在整個網站架構之上。相比一欄式的文本布局，三欄式的文本化整為零，不僅不會對用戶閱讀造成干擾，反而能夠幫助用戶更快更好的理解網站內容。另外，如果三個欄目的文本在內容格式、字重等方面能夠保持一致的話，所呈現出的視覺效果會更加美觀。

下面這三個網站都使用來了三欄式的文本布局來組織網站信息信息內容。在第一個網站中，它是將一個完整的文本分成三欄來顯示的，而后兩個網站是使用三欄式布局分別呈現3個相互獨立的文本。

2018俄羅斯世界杯無疑是今年夏天的的最大話題。盡管隨著7月15日法國對克羅地亞決賽的落幕，世界杯也已告一段落。但這次賽事給網站設計領域帶來的影響還遠沒有結束，從聚焦于賽事本身的網站設計，到從體育賽事中攫取靈感的其他項目。

下面是從世界杯賽事中總結出的一些網頁設計靈感：

大膽的配色：比如來自FIFA品牌設計中的正紅色、寶藍色；

字體選擇：比如FIFA Logo中彎曲的字體風格；

明亮色混搭：不少國家的國旗中很多都使用了亮色混搭（紅、藍、綠）

網格或區塊設計：從足球場得來的啟發

六邊形元素：傳統足球上的圖形

當然，與世界杯相關的素材和網站遠不止此，更多的設計靈感還有待我們自己去發掘。