8月(yuè)正在流行的(de)三種網頁設計趨勢

作者：龍 時(shí)間：2018-08-01 浏覽：

設計趨勢總會在你迷茫的(de)時(shí)候，給你一點靈光(guāng)。在合适的(de)時(shí)候，恰到好處地「跟風」，借助流行的(de)趨勢幫你作出更合時(shí)宜的(de)好設計。炎熱(rè)的(de)8月(yuè)即将到來(lái)，我們觀察到三個(gè)設計的(de)趨勢，當下(xià)正在流行。

1. 以白色和(hé)淺色爲主的(de)配色方案

雖然以白色和(hé)淺色爲主的(de)配色方案似乎哪裏都有，但是在最近，這(zhè)種趨勢體現的(de)非常的(de)明(míng)顯。

色彩的(de)運用(yòng)一直都是諸多(duō)設計趨勢當中，最爲醒目的(de)組成部分(fēn)。這(zhè)種以白色和(hé)淺色爲主的(de)色彩美(měi)學，似乎在和(hé)之前所流行的(de)高(gāo)飽和(hé)度霓虹色的(de)流行做(zuò)對(duì)抗，柔和(hé)的(de)灰色，相對(duì)清冷(lěng)的(de)色調，甚至是顯得(de)沒有足夠溫度的(de)粉色，這(zhè)些色彩都在力圖淡化(huà)之前配色方案中濃稠的(de)情感和(hé)激蕩的(de)氛圍。

以白色和(hé)淺色爲主的(de)配色方案，相對(duì)而言是沒有那麽醒目的(de)，設計師在采用(yòng)這(zhè)種配色方案的(de)時(shí)候，常常會結合其他(tā)的(de)元素，來(lái)豐富整個(gè)設計的(de)視覺感，這(zhè)樣就避免了(le)出現「過于普通(tōng)」的(de)視覺感受。這(zhè)種配色設計還(hái)包括了(le)使用(yòng)片拍(pāi)的(de)圖片素材，就像 Verho 這(zhè)個(gè)網站。

不過圖片和(hé)色塊并不是唯一的(de)實現這(zhè)種配色的(de)方案，采用(yòng)視頻(pín)或者插畫(huà)元素同樣可(kě)以做(zuò)到，比如 Omega Yeast 和(hé) Alexandra Elise 這(zhè)兩個(gè)網站，它們同樣足夠吸引人(rén)。

這(zhè)一設計趨勢可(kě)以搭配風格相對(duì)清爽、情緒比較清淺的(de)網站主題，在炎熱(rè)的(de)夏季顯得(de)尤爲有感覺。頁面中的(de)文本内容隻需要采用(yòng)相對(duì)較深色彩的(de)字體，即可(kě)确保良好的(de)可(kě)讀性。

在按鈕和(hé)爲數不多(duō)最爲重要的(de)元素上，可(kě)以采用(yòng)明(míng)亮的(de)色彩，以示強調，整體風格則可(kě)以保持極簡。

2. 數據可(kě)視化(huà)

數據可(kě)視化(huà)将數據的(de)直觀性提到了(le)一個(gè)全新的(de)層次，它使得(de)跨行業的(de)數據展示和(hé)信息呈現變得(de)更加有價值，也(yě)更加可(kě)靠，而大(dà)規模的(de)可(kě)視化(huà)的(de)數據呈現并不是奇怪的(de)事情。

不過也(yě)正是因爲數據可(kě)視化(huà)讓數據變得(de)更加親民，設計師開始更多(duō)地将圖表和(hé)數據加入到日常的(de)設計當中來(lái)，結合交互式動畫(huà)，讓數據在整個(gè)網頁設計當中，開始發揮更多(duō)的(de)作用(yòng)。借助可(kě)視化(huà)的(de)設計，數據信息更輕松地爲用(yòng)戶所理(lǐ)解，整體設計也(yě)開始顯得(de)更加富有吸引力。

而這(zhè)種設計趨勢需要設計師花費更多(duō)的(de)精力來(lái)處理(lǐ)數據，盡量多(duō)借助現成的(de)數據可(kě)視化(huà)的(de)工具來(lái)進行設計。

在網頁設計當中，将數據以可(kě)視化(huà)的(de)方式嵌入進去有很多(duō)不同的(de)方式，而這(zhè)一趨勢最吸引人(rén)的(de)地方也(yě)是交互式的(de)動态信息展現。

Tree Tree Tree 這(zhè)個(gè)網站就很好的(de)利用(yòng)了(le)數據可(kě)視化(huà)來(lái)展示天氣，當你輸入你感興趣的(de)地方的(de)時(shí)候，它會使用(yòng)可(kě)視化(huà)的(de)樹木(mù)來(lái)呈現當地風力大(dà)小。此外，你還(hái)能和(hé)底部的(de)交互式的(de)地圖進行互動。

Tomorrow’s World 這(zhè)個(gè)網站則始于一項調研，而網站最終會将一系列的(de)調查使用(yòng)可(kě)視化(huà)的(de)方式呈現出來(lái)，幫助用(yòng)戶了(le)解周圍的(de)世界。

Qravity 在網站中加入了(le)多(duō)個(gè)數據輸入點，用(yòng)戶可(kě)以通(tōng)過滾動交互來(lái)調整時(shí)間軸，信息的(de)呈現也(yě)會随之發生改變（比如日期和(hé)事件），這(zhè)比起簡單的(de)列表要好懂(dǒng)得(de)多(duō)。

3. 多(duō)邊形2.0

多(duō)邊形元素從2017年開始成爲設計師們的(de)心頭好，作爲一種持續流行的(de)、泛用(yòng)型的(de)設計趨勢，一直流行到現在。有意思的(de)是，多(duō)邊形元素也(yě)不再維持以往常見的(de)樣子，開始在外觀和(hé)視覺上發生改變。現如今的(de)多(duō)邊形不再是以往小巧玲珑、成群結隊的(de)樣子，設計師開始有意識地挑選一些多(duō)邊形，賦予它們超大(dà)的(de)外觀造型，而不再是簡單的(de)點綴和(hé)堆砌。

這(zhè)些超大(dà)的(de)多(duō)邊形元素可(kě)以在不同的(de)設計風格之下(xià)良好地運作，結合不同的(de)樣式和(hé)色彩，發揮作用(yòng)。它們可(kě)以作爲整個(gè)設計模式中的(de)一員(yuán)，作爲裝飾元素也(yě)可(kě)以用(yòng)來(lái)作爲強調特定内容的(de)容器（比如圖片和(hé)文本）。

多(duō)邊形元素的(de)有點在于，它們造型多(duō)變，可(kě)以區(qū)别于常見的(de)原型和(hé)矩形，更容易吸引用(yòng)戶的(de)注意力。這(zhè)種不同的(de)使用(yòng)方式，我們姑且稱之爲 多(duō)邊形 2.0。

多(duō)邊形的(de)特征、角度可(kě)以随著(zhe)你的(de)設計需求來(lái)靈活選擇，比如 The Alan Turing Institute 這(zhè)個(gè)網站會在右側露出三角形的(de)一部分(fēn)，Evoluted 這(zhè)個(gè)網站則将簡單的(de)線條和(hé)多(duō)邊形搭配在一起，互相疊加營造出聚合的(de)感覺，而 Iqor 這(zhè)個(gè)網站則更加傾向于使用(yòng)多(duō)邊形來(lái)承載内容。

多(duō)邊形和(hé)不同的(de)色彩搭配，所帶來(lái)的(de)視覺體驗和(hé)強調效果都是非常突出的(de)。不過要将内容和(hé)多(duō)邊形結合起來(lái)，設計師還(hái)是得(de)花點心思。