最前線|2018年8月悄然流行的3個網頁設計趨勢

發布日期:2018-08-16
瀏覽次數:228
  

網站設計領域總是在不斷地變化,新的設計工具、工作流程等層出不窮。今天,小飛給大家帶來的是8月悄然流行的3個網頁設計趨勢。



1. 以白色和淺色為主的配色方案

以白色和淺色為主配色方案的流行應該不需要小飛再多加介紹了。最近,很多設計師都在網站中使用了這一趨勢。

這種設計趨勢的主要特征是在設計中大量使用白色或淺色,比如在背景顏色、圖片、甚至是其他的前景元素中使用,以營造獨特的視覺效果(極簡主義風格)。盡管白色是眾多設計師的第一選擇,但諸如淺灰色、奶油色等同樣可以帶來印象深刻的設計。

這一設計趨勢的使用有一個訣竅,那就是將它與其他元素搭配起來可以避免網頁設計的寡淡無味。比如在Verho這個網站中,白色的背景搭配了淺色明亮的圖片,整個設計看上去賞心悅目,但又風格別具。


除了在圖片、背景上應用這種配色方案,我們還能在背景視頻(見Omega Yeast網站)和插畫(見Alexandra Elisa網站)中使用。



不過,在網站中使用這種配色方案時,文本字體盡量選擇黑色(或其他能與背景形成對比的),以確保網站內容的可讀性。



2. 數據可視化設計

數據、數據、到處都是數據。在今天這個信息化時代,數據收集和信息傳遞的重要性愈發凸顯出來。也因此,越來越多的網站開始面向大規模的數據可視化設計。

從地圖、到圖表,再到可交互動畫,一個設計優秀的數據可視化頁面總能幫助用戶更好的理解某個主題、某類信息,且讓用戶學習理解的過程更加有趣、更有記憶點。

不過,這種設計趨勢通常需要設計師耗費更多的精力來進行數據處理。所以建議設計師可以盡量多借助現成的數據可視化工具來進行設計(Google Chart就是一個不錯的選擇)。

在網站中,將數據和信息以可視化的方式嵌入進去有多種不同的設計手法,但其中最引人入勝的一種是交互式的動態信息展現。下面是3個栗子:

Tree Tree Tree是一個可以查詢世界各個地方風速的網站。當你進入時,它會首先詢問你想要了解哪個城市的風速,當你輸入地址后,你就可以通過頁面中間方塊的擺動幅度來識別。當然,頁面左下方也會顯示出當地的具體風速值。如果你不想輸入文字,還可以通過點擊頁面底部的地圖來獲取相應城市的數據。這種設計的交互性很強。


打開Tomorrow's World網站,用戶首先需要完成一個問卷。然后網站會以一種很酷的方式展現你的答案和其他人答案之間的區別。這里的數據可視化設計是為了幫助用戶更好了解自我以及周圍的世界。


Qravity網站上的數據可視化設計有很多,但其中最有趣的一個當屬滾動軸下面的動態時間軸。當用戶滾動時間軸時,信息的呈現也會隨之發生改變(比如日期和事件),這種方式比一個簡單的列表更易于理解。



3. 多邊形2.0

在2017年末或更早時候,多邊形元素就已經是設計師們的心頭好了。如今,這種設計趨勢仍在流行,只是呈現方式稍有不同。設計師們不再將多個多邊形堆積在一起創建網頁背景或其他設計元素,而是會選擇一些多邊形,將它們放大,應用到網頁中去。由于應用方式有所不同,所以我們姑且將這種設計趨勢稱為多邊形2.0。

在《如何提高網站的設計感?巧妙的幾何圖案是個捷徑》中小飛就介紹過多邊形的優勢。其一,它能夠區別于常見的圓形和矩形,快速引起用戶的注意;其二,多邊形元素可以兼容各種各樣的使用場景,為網站設計注入不同的風格色彩。

這些超大的多邊形元素也是如此,它們基本適用于各種風格的設計項目,結合不同元素,可有多種呈現方式,比如它們可以作為整體設計中的一員(見Alan Turing Institute網站),或是用來裝飾強調網站主頁(見Evoluted網站),甚至是作為某張圖片或某塊文本的承載容器(見Iqor網站)。






由于多邊形這種設計元素很是獨特,大多數網頁設計都會使用明亮的配色,以帶來更強的視覺效果。不過這里我們要注意網站內容和多邊形之間的搭配,避免出現圖形元素遮擋文本內容的情況。

登錄后即可發表評論,立即登錄.