在這個火熱的8月,正在流行這3種網頁設計趨勢

2018-8-1    資深UI設計者

如果您想訂閱本博客內容,每天自動發(fā)到您的郵箱中, 請點這里

設計趨勢總會在你迷茫的時候,給你一點靈光。在合適的時候,恰到好處地「跟風」,借助流行的趨勢幫你作出更合時宜的好設計。炎熱的8月即將到來,我們觀察到三個設計的趨勢,當下正在流行。

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

雖然以白色和淺色為主的配色方案似乎哪里都有,但是在最近,這種趨勢體現(xiàn)的非常的明顯。

色彩的運用一直都是諸多設計趨勢當中,最為醒目的組成部分。這種以白色和淺色為主的色彩美學,似乎在和之前所流行的高飽和度霓虹色的流行做對抗,柔和的灰色,相對清冷的色調,甚至是顯得沒有足夠溫度的粉色,這些色彩都在力圖淡化之前配色方案中濃稠的情感和激蕩的氛圍。

Verho

以白色和淺色為主的配色方案,相對而言是沒有那么醒目的,設計師在采用這種配色方案的時候,常常會結合其他的元素,來豐富整個設計的視覺感,這樣就避免了出現(xiàn)「過于普通」的視覺感受。這種配色設計還包括了使用片拍的圖片素材,就像 Verho 這個網站。

Omega Yeast

Alexandra Elise

不過圖片和色塊并不是唯一的實現(xiàn)這種配色的方案,采用視頻或者插畫元素同樣可以做到,比如 Omega Yeast 和 Alexandra Elise 這兩個網站,它們同樣足夠吸引人。

這一設計趨勢可以搭配風格相對清爽、情緒比較清淺的網站主題,在炎熱的夏季顯得尤為有感覺。頁面中的文本內容只需要采用相對較深色彩的字體,即可確保良好的可讀性。

在按鈕和為數(shù)不多最為重要的元素上,可以采用明亮的色彩,以示強調,整體風格則可以保持極簡。

如果你喜歡極簡主義的設計,并且打算運用這一趨勢,這篇文章別錯過了:

2. 數(shù)據(jù)可視化

數(shù)據(jù)可視化將數(shù)據(jù)的直觀性提到了一個全新的層次,它使得跨行業(yè)的數(shù)據(jù)展示和信息呈現(xiàn)變得更加有價值,也更加可靠,而大規(guī)模的可視化的數(shù)據(jù)呈現(xiàn)并不是奇怪的事情。

不過也正是因為數(shù)據(jù)可視化讓數(shù)據(jù)變得更加親民,設計師開始更多地將圖表和數(shù)據(jù)加入到日常的設計當中來,結合交互式動畫,讓數(shù)據(jù)在整個網頁設計當中,開始發(fā)揮更多的作用。借助可視化的設計,數(shù)據(jù)信息更輕松地為用戶所理解,整體設計也開始顯得更加富有吸引力。

而這種設計趨勢需要設計師花費更多的精力來處理數(shù)據(jù),盡量多借助現(xiàn)成的數(shù)據(jù)可視化的工具來進行設計。

在網頁設計當中,將數(shù)據(jù)以可視化的方式嵌入進去有很多不同的方式,而這一趨勢最吸引人的地方也是交互式的動態(tài)信息展現(xiàn)。

Tree Tree Tree

Tree Tree Tree 這個網站就很好的利用了數(shù)據(jù)可視化來展示天氣,當你輸入你感興趣的地方的時候,它會使用可視化的樹木來呈現(xiàn)當?shù)仫L力大小。此外,你還能和底部的交互式的地圖進行互動。

Tomorrow’s World

Tomorrow’s World 這個網站則始于一項調研,而網站最終會將一系列的調查使用可視化的方式呈現(xiàn)出來,幫助用戶了解周圍的世界。

Qravity

Qravity 在網站中加入了多個數(shù)據(jù)輸入點,用戶可以通過滾動交互來調整時間軸,信息的呈現(xiàn)也會隨之發(fā)生改變(比如日期和事件),這比起簡單的列表要好懂得多。

3. 多邊形2.0

多邊形元素從2017年開始成為設計師們的心頭好,作為一種持續(xù)流行的、泛用型的設計趨勢,一直流行到現(xiàn)在。有意思的是,多邊形元素也不再維持以往常見的樣子,開始在外觀和視覺上發(fā)生改變?,F(xiàn)如今的多邊形不再是以往小巧玲瓏、成群結隊的樣子,設計師開始有意識地挑選一些多邊形,賦予它們超大的外觀造型,而不再是簡單的點綴和堆砌。

這些超大的多邊形元素可以在不同的設計風格之下良好地運作,結合不同的樣式和色彩,發(fā)揮作用。它們可以作為整個設計模式中的一員,作為裝飾元素也可以用來作為強調特定內容的容器(比如圖片和文本)。

多邊形元素的有點在于,它們造型多變,可以區(qū)別于常見的原型和矩形,更容易吸引用戶的注意力。這種不同的使用方式,我們姑且稱之為 多邊形 2.0。

The Alan Turing Institute

多邊形的特征、角度可以隨著你的設計需求來靈活選擇,比如 The Alan Turing Institute 這個網站會在右側露出三角形的一部分,Evoluted 這個網站則將簡單的線條和多邊形搭配在一起,互相疊加營造出聚合的感覺,而 Iqor 這個網站則更加傾向于使用多邊形來承載內容。

Evoluted

iqor

多邊形和不同的色彩搭配,所帶來的視覺體驗和強調效果都是非常突出的。不過要將內容和多邊形結合起來,設計師還是得花點心思。

更多多邊形元素的玩法看這里:

結語

對于設計趨勢而言,它是存在時效性的,它之所以在特定的階段流行有諸多因素的影響。當你在設計的時候沒有想法的時候,設計趨勢能夠給你的不僅僅是當下設計方向上的選取,也為你提供了一個可供參考的選擇。

藍藍設計www.bouu.cn )是一家專注而深入的界面設計公司,為期望卓越的國內外企業(yè)提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計  包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 、平面設計服務。

分享本文至:

日歷

鏈接

個人資料

藍藍設計的小編 http://www.bouu.cn

存檔