從明亮和明亮的設(shè)計(jì)到復(fù)雜的數(shù)據(jù)可視化,再到對(duì)多邊形的全新演繹,這個(gè)月的設(shè)計(jì)趨勢(shì)絕不平凡。而且它們非常實(shí)用,您可以將它們部署在單個(gè)頁面上,或者進(jìn)行完整的設(shè)計(jì)修改。每一種趨勢(shì)都顯示了一段時(shí)間以來一直在發(fā)展的風(fēng)格:極簡(jiǎn)主義到白色和淺色的方案,數(shù)據(jù)“一切”到網(wǎng)絡(luò)的數(shù)據(jù)可視化,以及對(duì)多邊形形狀的全新看法。
以下是本月的設(shè)計(jì)趨勢(shì):
1、白色和淺色的配色方案
白色和淺色的圖案似乎隨處可見。(我們可能會(huì)把整篇文章都放在這個(gè)設(shè)計(jì)趨勢(shì)上,因?yàn)橛泻芏嘣O(shè)計(jì)都有這種顏色趨勢(shì)。)
這種設(shè)計(jì)趨勢(shì)的主要特點(diǎn)是采用了主要的白色或淺色設(shè)計(jì)。這包括背景、圖像甚至其他前景元素。雖然白色是一個(gè)流行的選擇,顏色調(diào)色板以柔和的灰色,冷峻的奶油色調(diào),甚至一些難以察覺的淡色也同樣令人印象深刻。
使用這種設(shè)計(jì)技巧的訣竅是合并其他元素,這樣你就不會(huì)只得到一個(gè)“純”的白色背景。包括同樣是輕的圖像或大量的白色特征可以將設(shè)計(jì)無縫地結(jié)合在一起,例如Verho的例子。
但是并沒有規(guī)定圖像是實(shí)現(xiàn)這一設(shè)計(jì)趨勢(shì)的唯一途徑。使用視頻(例如Omega Yeast)或插畫(Alexandra Elisa)可以同樣吸引人。
使用這個(gè)設(shè)計(jì)趨勢(shì)為一個(gè)完整的網(wǎng)站主題,或選擇一個(gè)部分或頁面與一個(gè)輕到白的設(shè)計(jì),以增加特別強(qiáng)調(diào)的那個(gè)區(qū)域。只要確保使用黑色文本選項(xiàng),這樣就容易閱讀。
添加額外的一層重點(diǎn),使用明亮的彩色按鈕或單個(gè)元素,這樣用戶就能立即找到設(shè)計(jì)中最重要的部分。在簡(jiǎn)約主義風(fēng)格中考慮強(qiáng)調(diào)顏色,而不是完全的顏色選擇;一個(gè)簡(jiǎn)單的一種顏色的概念可以很好地工作。
2、數(shù)據(jù)可視化
數(shù)據(jù),數(shù)據(jù)無處不在(或者至少看起來是這樣)
由于如此強(qiáng)調(diào)跨行業(yè)的數(shù)據(jù)和信息收集和傳遞,以提供有價(jià)值和可靠的信息,因此越來越多的設(shè)計(jì)采用大規(guī)模的數(shù)據(jù)可視化就不足為奇了。
從地圖到圖表再到交互式動(dòng)畫,可靠的數(shù)據(jù)可視化可以幫助用戶更好地理解主題或信息,并提供一種引人入勝(且令人難忘)的方式來了解一些東西。
缺點(diǎn)是管理所有這些數(shù)據(jù)可能是一項(xiàng)相當(dāng)大的任務(wù)。尋找一種方法,使您能夠以最新的方式顯示信息,而不受持續(xù)管理的壓力。自動(dòng)化工具可以提供幫助。
有很多不同的方法來創(chuàng)建,嵌入和包括數(shù)據(jù)可視化在網(wǎng)站設(shè)計(jì)。使用這一趨勢(shì)最吸引人的網(wǎng)站都有動(dòng)態(tài)信息以最互動(dòng)的格式呈現(xiàn)。
Tree Tree Tree Tree Tree Tree樹首先要求用戶輸入他們感興趣的位置來了解更多信息。結(jié)果顯示了使用帶有隨速度增加而“吹”的盒子的樹的風(fēng)速。用戶也可以使用屏幕底部的地圖。這是需要與之交互的數(shù)據(jù)。
明天的世界以用戶完成的調(diào)查開始,以這些答案如何與其他答案進(jìn)行比較的可視化結(jié)尾。數(shù)據(jù)可視化是幫助用戶了解自己和周圍世界的工具。
Qravity網(wǎng)站設(shè)計(jì)中有多個(gè)數(shù)據(jù)入口點(diǎn),其中最有趣的可能是滾動(dòng)條下面的動(dòng)畫時(shí)間線。這種以可視化方式組織信息(日期和事件)的方法使得信息比簡(jiǎn)單的列表更容易理解。
3、多邊形2.0
網(wǎng)站設(shè)計(jì)中的多邊形形狀在2017年末和今年早些時(shí)候隨處可見,這一趨勢(shì)仍在繼續(xù),但看起來卻有所不同。設(shè)計(jì)師們并不是用成堆的多邊形來創(chuàng)建背景或其他設(shè)計(jì)元素,而是挑選了一些多邊形并對(duì)其進(jìn)行放大。
這些超大的形狀添加了一個(gè)有趣的設(shè)計(jì)元素,幾乎與任何風(fēng)格的項(xiàng)目相匹配。它們可以是整體設(shè)計(jì)模式的一部分,突出于主頁或圖片或文本的有趣的形狀容器元素。
多面體的偉大之處在于,它們與標(biāo)準(zhǔn)的圓形矩形有一點(diǎn)不同,這些矩形更常見,因此可以立即吸引用戶的注意。這些形狀也有更現(xiàn)代的感覺,因?yàn)樗鼈兪遣煌摹?/span>
多邊形可以具有更清晰的角度和側(cè)邊的形狀,比如艾倫·圖靈研究所網(wǎng)站右邊的尖銳的動(dòng)畫三角形,為更傳統(tǒng)的多邊形感覺(進(jìn)化)重疊的簡(jiǎn)單線條,或者幫助原始用戶進(jìn)入特定內(nèi)容(Iqor)的簡(jiǎn)單形狀。
因?yàn)槎嗝骟w是如此獨(dú)特的設(shè)計(jì)元素,大多數(shù)項(xiàng)目都以明亮的顏色來突出重點(diǎn)。只是要小心嘗試在傾斜或奇怪的形狀配置中加入元素;這可能會(huì)使元素文本難于閱讀。
多邊形最適合作為背景或重音元素,而不需要作為消息傳遞或關(guān)鍵內(nèi)容項(xiàng)的家。