2018-8-1 資深UI設(shè)計者
如果您想訂閱本博客內(nèi)容，每天自動發(fā)到您的郵箱中， 請點(diǎn)這里
設(shè)計趨勢總會在你迷茫的時候，給你一點(diǎn)靈光。在合適的時候，恰到好處地「跟風(fēng)」，借助流行的趨勢幫你作出更合時宜的好設(shè)計。炎熱的8月即將到來，我們觀察到三個設(shè)計的趨勢，當(dāng)下正在流行。雖然以白色和淺色為主的配色方案似乎哪里都有，但是在最近，這種趨勢體現(xiàn)的非常的明顯。
色彩的運(yùn)用一直都是諸多設(shè)計趨勢當(dāng)中，最為醒目的組成部分。這種以白色和淺色為主的色彩美學(xué)，似乎在和之前所流行的高飽和度霓虹色的流行做對抗，柔和的灰色，相對清冷的色調(diào)，甚至是顯得沒有足夠溫度的粉色，這些色彩都在力圖淡化之前配色方案中濃稠的情感和激蕩的氛圍。
以白色和淺色為主的配色方案，相對而言是沒有那么醒目的，設(shè)計師在采用這種配色方案的時候，常常會結(jié)合其他的元素，來豐富整個設(shè)計的視覺感，這樣就避免了出現(xiàn)「過于普通」的視覺感受。這種配色設(shè)計還包括了使用片拍的圖片素材，就像 Verho 這個網(wǎng)站。
不過圖片和色塊并不是唯一的實(shí)現(xiàn)這種配色的方案，采用視頻或者插畫元素同樣可以做到，比如 Omega Yeast 和 Alexandra Elise 這兩個網(wǎng)站，它們同樣足夠吸引人。
這一設(shè)計趨勢可以搭配風(fēng)格相對清爽、情緒比較清淺的網(wǎng)站主題，在炎熱的夏季顯得尤為有感覺。頁面中的文本內(nèi)容只需要采用相對較深色彩的字體，即可確保良好的可讀性。
在按鈕和為數(shù)不多最為重要的元素上，可以采用明亮的色彩，以示強(qiáng)調(diào)，整體風(fēng)格則可以保持極簡。
如果你喜歡極簡主義的設(shè)計，并且打算運(yùn)用這一趨勢，這篇文章別錯過了：
數(shù)據(jù)可視化將數(shù)據(jù)的直觀性提到了一個全新的層次，它使得跨行業(yè)的數(shù)據(jù)展示和信息呈現(xiàn)變得更加有價值，也更加可靠，而大規(guī)模的可視化的數(shù)據(jù)呈現(xiàn)并不是奇怪的事情。
不過也正是因?yàn)閿?shù)據(jù)可視化讓數(shù)據(jù)變得更加親民，設(shè)計師開始更多地將圖表和數(shù)據(jù)加入到日常的設(shè)計當(dāng)中來，結(jié)合交互式動畫，讓數(shù)據(jù)在整個網(wǎng)頁設(shè)計當(dāng)中，開始發(fā)揮更多的作用。借助可視化的設(shè)計，數(shù)據(jù)信息更輕松地為用戶所理解，整體設(shè)計也開始顯得更加富有吸引力。
而這種設(shè)計趨勢需要設(shè)計師花費(fèi)更多的精力來處理數(shù)據(jù)，盡量多借助現(xiàn)成的數(shù)據(jù)可視化的工具來進(jìn)行設(shè)計。
在網(wǎng)頁設(shè)計當(dāng)中，將數(shù)據(jù)以可視化的方式嵌入進(jìn)去有很多不同的方式，而這一趨勢最吸引人的地方也是交互式的動態(tài)信息展現(xiàn)。
Tree Tree Tree 這個網(wǎng)站就很好的利用了數(shù)據(jù)可視化來展示天氣，當(dāng)你輸入你感興趣的地方的時候，它會使用可視化的樹木來呈現(xiàn)當(dāng)?shù)仫L(fēng)力大小。此外，你還能和底部的交互式的地圖進(jìn)行互動。
Tomorrow’s World 這個網(wǎng)站則始于一項(xiàng)調(diào)研，而網(wǎng)站最終會將一系列的調(diào)查使用可視化的方式呈現(xiàn)出來，幫助用戶了解周圍的世界。
Qravity 在網(wǎng)站中加入了多個數(shù)據(jù)輸入點(diǎn)，用戶可以通過滾動交互來調(diào)整時間軸，信息的呈現(xiàn)也會隨之發(fā)生改變（比如日期和事件），這比起簡單的列表要好懂得多。
多邊形元素從2017年開始成為設(shè)計師們的心頭好，作為一種持續(xù)流行的、泛用型的設(shè)計趨勢，一直流行到現(xiàn)在。有意思的是，多邊形元素也不再維持以往常見的樣子，開始在外觀和視覺上發(fā)生改變?，F(xiàn)如今的多邊形不再是以往小巧玲瓏、成群結(jié)隊(duì)的樣子，設(shè)計師開始有意識地挑選一些多邊形，賦予它們超大的外觀造型，而不再是簡單的點(diǎn)綴和堆砌。
這些超大的多邊形元素可以在不同的設(shè)計風(fēng)格之下良好地運(yùn)作，結(jié)合不同的樣式和色彩，發(fā)揮作用。它們可以作為整個設(shè)計模式中的一員，作為裝飾元素也可以用來作為強(qiáng)調(diào)特定內(nèi)容的容器（比如圖片和文本）。
多邊形元素的有點(diǎn)在于，它們造型多變，可以區(qū)別于常見的原型和矩形，更容易吸引用戶的注意力。這種不同的使用方式，我們姑且稱之為 多邊形 2.0。
多邊形的特征、角度可以隨著你的設(shè)計需求來靈活選擇，比如 The Alan Turing Institute 這個網(wǎng)站會在右側(cè)露出三角形的一部分，Evoluted 這個網(wǎng)站則將簡單的線條和多邊形搭配在一起，互相疊加營造出聚合的感覺，而 Iqor 這個網(wǎng)站則更加傾向于使用多邊形來承載內(nèi)容。
多邊形和不同的色彩搭配，所帶來的視覺體驗(yàn)和強(qiáng)調(diào)效果都是非常突出的。不過要將內(nèi)容和多邊形結(jié)合起來，設(shè)計師還是得花點(diǎn)心思。
更多多邊形元素的玩法看這里：
對于設(shè)計趨勢而言，它是存在時效性的，它之所以在特定的階段流行有諸多因素的影響。當(dāng)你在設(shè)計的時候沒有想法的時候，設(shè)計趨勢能夠給你的不僅僅是當(dāng)下設(shè)計方向上的選取，也為你提供了一個可供參考的選擇。
藍(lán)藍(lán)設(shè)計( sillybuy.com )是一家專注而深入的界面設(shè)計公司，為期望卓越的國內(nèi)外企業(yè)提供卓越的UI界面設(shè)計、BS界面設(shè)計 、 cs界面設(shè)計 、 ipad界面設(shè)計 、 包裝設(shè)計 、 圖標(biāo)定制 、 用戶體驗(yàn) 、交互設(shè)計、 網(wǎng)站建設(shè) 、平面設(shè)計服務(wù)。
藍(lán)藍(lán)設(shè)計的小編 http://sillybuy.com