2020又過(guò)大半了，去年這個(gè)時(shí)候我們研究了目前國(guó)際大廠(chǎng)在使用的一些趨勢(shì)-晶白，點(diǎn)線(xiàn)底紋，光感，那么到了今天又有哪些新的趨勢(shì)映入眼簾呢，你還在使用那套舊的設(shè)計(jì)風(fēng)格來(lái)做設(shè)計(jì)，今天帶大家來(lái)看看今年哪些性格值得我們學(xué)習(xí)呢？

什么是液態(tài)視覺(jué)

參加過(guò)去年UCAN的同學(xué)應(yīng)該對(duì)于這個(gè)水的主KV印象深刻，當(dāng)時(shí)是以水，宇宙概念做的整個(gè)視覺(jué)。整個(gè)視覺(jué)最讓人深刻的莫過(guò)于這個(gè)畫(huà)龍點(diǎn)睛的水滴液態(tài)效果。

整個(gè)水滴流動(dòng)感，運(yùn)用到整個(gè)KV各個(gè)地方，背景還有底紋等等，印象深刻。

在2020年，液態(tài)視覺(jué)毫無(wú)疑問(wèn)是當(dāng)前最受關(guān)注的視覺(jué)風(fēng)格之一。這種效果看起來(lái)像流動(dòng)的各種液體，在設(shè)計(jì)中不僅可以很強(qiáng)的吸引人眼球，同時(shí)無(wú)論是作為背景元素，還是裝飾都讓人過(guò)目難忘。

液態(tài)視覺(jué)除了視覺(jué)感官層面會(huì)讓你記憶深刻，它的整個(gè)視覺(jué)概念也可以講很多故事，比如你可以說(shuō)整個(gè)設(shè)計(jì)概念，是圍繞”水“來(lái)設(shè)計(jì)，水是流動(dòng)的，水也是生命之泉，能賦予很多產(chǎn)品很強(qiáng)的概念，所以也就是為什么今年會(huì)被很多大型KV所運(yùn)用的原因。同時(shí)這種流動(dòng)感也可以比如宇宙萬(wàn)物，生命不息，也可以運(yùn)用在很多大型的科技發(fā)布會(huì)上。

所以作為設(shè)計(jì)，今年我們勢(shì)必要去關(guān)注這個(gè)趨勢(shì)和理念，嘗試如何去運(yùn)用到我們產(chǎn)品中去。

液態(tài)視覺(jué)的情感感受

1、生命力

使用過(guò)siri的朋友對(duì)這個(gè)效果應(yīng)該不會(huì)陌生，液態(tài)視覺(jué)一個(gè)非常直觀的感受就是具有生命力，可以隨機(jī)的發(fā)生各種各樣的變化，正是如此，被很多語(yǔ)音產(chǎn)品在頁(yè)面中使用。

在很多科技類(lèi)產(chǎn)品，智能功能這塊都會(huì)看見(jiàn)這種風(fēng)格的運(yùn)用，所以假如你今天需要設(shè)計(jì)一款智能，很未來(lái)的產(chǎn)品，這種液態(tài)風(fēng)格設(shè)計(jì)一定需要去關(guān)注。

比如這款科技類(lèi)產(chǎn)品，在啟動(dòng)頁(yè)面時(shí)候，就直接跳出一個(gè)類(lèi)似水滴的機(jī)器人，用智能語(yǔ)音和你對(duì)話(huà)，然后隨著人機(jī)交互，它會(huì)變成不同的形態(tài)。

2.流動(dòng)運(yùn)動(dòng)感

液態(tài)視覺(jué)另外一個(gè)特點(diǎn)就是具有流動(dòng)感運(yùn)動(dòng)感，在很多智能家居中被廣泛運(yùn)用，比如圖中這個(gè)智能水壺頁(yè)面設(shè)計(jì)，隨著水溫度的變化，顏色和形狀都會(huì)發(fā)生變化。

在很多發(fā)布會(huì)中，營(yíng)造一些比較大氣的感覺(jué)，或者宇宙場(chǎng)景時(shí)候經(jīng)常運(yùn)營(yíng)到這個(gè)風(fēng)格，在空間上和視覺(jué)上都有方向和動(dòng)態(tài)效果。

這組海報(bào)設(shè)計(jì)，就非常有方向感和宇宙未來(lái)感，整個(gè)圖形都朝著一個(gè)方向走向，這也是其他圖形元素很難表達(dá)的風(fēng)格特點(diǎn)。

GlebKuznetsov的作品中這個(gè)動(dòng)態(tài)效果，隨著液態(tài)效果的流動(dòng)，整個(gè)畫(huà)面呈現(xiàn)出非常有程序的水流動(dòng)效果。

3.科幻未來(lái)感

液態(tài)效果另外一個(gè)視覺(jué)感受就是未來(lái)感和科技感，因?yàn)樗煨偷淖兓橄髨D形的表達(dá)，給人很神秘，抽象的視覺(jué)感受。

如上圖，通過(guò)將流動(dòng)的圖形，進(jìn)行旋轉(zhuǎn)，形成蟲(chóng)洞感覺(jué)，不由自主想起宇宙和未來(lái)感。

液態(tài)視覺(jué)的技法特點(diǎn)

1.質(zhì)感柔軟呈現(xiàn)透明

液態(tài)風(fēng)格特點(diǎn)雖然視覺(jué)沖擊力強(qiáng)，但是視覺(jué)表現(xiàn)上，柔軟和透明是非常大的一個(gè)特點(diǎn)。整體的材質(zhì)比較輕，加上透明效果運(yùn)用，整體會(huì)非常的輕盈。通常人工智能頁(yè)面場(chǎng)景運(yùn)用比較多。

2.色彩豐富大膽漸變

液態(tài)風(fēng)格另外一個(gè)特點(diǎn)是什么。色彩豐富，大膽的漸變色，形成很強(qiáng)的視覺(jué)沖擊力。

整個(gè)色彩類(lèi)似彩虹，或者霓虹燈反射效果，這也是它在設(shè)計(jì)中能吸引人很重要的一個(gè)原因。

Kikk的官網(wǎng)設(shè)計(jì)，和Ucan有些神似，也是采用的的一個(gè)液態(tài)的玻璃球，配色大膽的漸變?cè)谝曈X(jué)表現(xiàn)和沖擊力讓都讓人印象深刻。

3.塑料質(zhì)感運(yùn)用

塑料質(zhì)感：液態(tài)視覺(jué)視覺(jué)質(zhì)感豐富，質(zhì)感也很大膽，比較常用的有塑料質(zhì)感，配合燈光，如上圖就是運(yùn)用是塑料質(zhì)感，配色彩色的漸變，非常夢(mèng)幻。

這種塑料質(zhì)感不止是在設(shè)計(jì)中用到，在時(shí)尚攝影中也被經(jīng)常使用。

4.玻璃質(zhì)感運(yùn)用

玻璃質(zhì)感的運(yùn)用，一般會(huì)運(yùn)用玻璃這種效果，出現(xiàn)在畫(huà)面中，隨著玻璃的折射效果進(jìn)行變換，玻璃的質(zhì)感和平面這種強(qiáng)反差的設(shè)計(jì)，讓你過(guò)目不忘。

玻璃質(zhì)感的折射效果，結(jié)合后面文字的透出，很好的將這種液態(tài)融合效果運(yùn)用到了。

在越來(lái)越多的國(guó)外設(shè)計(jì)中，都經(jīng)?？匆?jiàn)這種玻璃液態(tài)圖形和平面設(shè)計(jì)的融合。

5.水的質(zhì)感運(yùn)用

水的質(zhì)感，毋庸置疑，但是這個(gè)水的質(zhì)感一般是運(yùn)用氣泡的表現(xiàn)形式，再結(jié)合折射效果，整個(gè)視覺(jué)水泡就是核心視覺(jué)元素。

Ucan的主視覺(jué)效果，就是采用類(lèi)似的手法，這類(lèi)設(shè)計(jì)很巧妙，同時(shí)簡(jiǎn)約又不失大氣。

6.點(diǎn)線(xiàn)面結(jié)合運(yùn)用

除了塑料，扁平質(zhì)感以外，點(diǎn)線(xiàn)的運(yùn)用在液態(tài)設(shè)計(jì)中非常多，比如上圖的OPPO和colo的海報(bào)設(shè)計(jì)，就是運(yùn)用了流動(dòng)變化的線(xiàn)條，讓整個(gè)設(shè)計(jì)呈現(xiàn)出簡(jiǎn)約高科技之美。

用線(xiàn)成為整個(gè)設(shè)計(jì)主體，通過(guò)流動(dòng)的線(xiàn)勾勒出一幅場(chǎng)景，在科技類(lèi)產(chǎn)品中運(yùn)用較多。支付寶很多理財(cái)產(chǎn)品都曾經(jīng)運(yùn)用過(guò)類(lèi)似風(fēng)格。

在界面中運(yùn)用

天貓雙11的很多場(chǎng)景中，其實(shí)都有用到液態(tài)設(shè)計(jì)元素，比如雙11的潮流盛典舞臺(tái)設(shè)計(jì)，就是運(yùn)用的液態(tài)當(dāng)元素，整個(gè)畫(huà)面非常潮。

在AI人工智能的產(chǎn)品設(shè)計(jì)中，液態(tài)設(shè)計(jì)經(jīng)常被廣泛使用，無(wú)論是智能語(yǔ)音設(shè)計(jì)，還是說(shuō)智能家居是使用，都能看見(jiàn)它運(yùn)用的影子。

這組機(jī)器學(xué)習(xí)的網(wǎng)站設(shè)計(jì)，通過(guò)液態(tài)設(shè)計(jì)，講玻璃元素設(shè)計(jì)成動(dòng)態(tài)的方式非常的逼真。整個(gè)設(shè)計(jì)給人空間和未來(lái)感展現(xiàn)。

這個(gè)液態(tài)網(wǎng)站的設(shè)計(jì)，大膽的漸變，流動(dòng)的液態(tài)效果，讓整個(gè)頁(yè)面充滿(mǎn)了時(shí)尚感。

液態(tài)設(shè)計(jì)除了一些抽象元素，一些3D的元素也可以使用，整體呈現(xiàn)出來(lái)的效果，也非常的有吸引力。當(dāng)然得結(jié)合設(shè)計(jì)整體來(lái)平衡。

目前來(lái)說(shuō)液態(tài)設(shè)計(jì)在界面中運(yùn)用，一般在科技網(wǎng)站，AI或者機(jī)器人場(chǎng)景比較多，一般液態(tài)會(huì)呈現(xiàn)多種變化趨勢(shì)。

在平面中運(yùn)用

在平面設(shè)計(jì)中案例比較多，目前很多商業(yè)設(shè)計(jì)中都運(yùn)用到了一個(gè)液態(tài)的圖形配合一些幾何圖形，干凈利索的文字都能搭配出不錯(cuò)的視覺(jué)效果。

這組海報(bào)，看似簡(jiǎn)約但是充滿(mǎn)了設(shè)計(jì)感，除了液態(tài)的核心元素，字體運(yùn)用，板式空間的利用都體現(xiàn)出設(shè)計(jì)師極高的功底。 

在韓國(guó)很多藝術(shù)展的設(shè)計(jì)中，抽象的幾何圖片配合液態(tài)的動(dòng)態(tài)變化。整體非常強(qiáng)的視覺(jué)沖擊。

如果你今天做設(shè)計(jì)，找不到感覺(jué)了，不如放棄下你之前的設(shè)計(jì)套路。嘗試一下新的設(shè)計(jì)思路，說(shuō)不定可以打開(kāi)不一樣的視角。

在品牌中運(yùn)用

今天除了頁(yè)面是動(dòng)態(tài)的，在很多時(shí)候品牌LOGO也是動(dòng)態(tài)的液態(tài)的，會(huì)變化，如上圖這個(gè)logo他會(huì)隨著不同的方向去旋轉(zhuǎn)變化。LOGO一定要是靜態(tài)的么？不可以是動(dòng)態(tài)的？甚至液態(tài)么，我覺(jué)得一定有可能會(huì)出現(xiàn)液態(tài)的圖形。

電信OI公司的logo就是液態(tài)呈現(xiàn)的，他的變化有幾十種展示方式。

整個(gè)圖形以明亮，形狀變化的“氣泡”為液態(tài)容器，可根據(jù)客戶(hù)的聲音改變LOGO的顏色和形狀。

或許在未來(lái)，液態(tài)的LOGO會(huì)成為一種新的主流，只是作為新時(shí)代的設(shè)計(jì)師，我們必須要去了解和關(guān)注。

最后

趨勢(shì)是變化的，唯一比變的就是變化，作為處在互聯(lián)網(wǎng)中的設(shè)計(jì)師，我們身邊的一切都是變化的，身邊的人，身邊的事兒，甚至是商業(yè)模式都在變化，學(xué)會(huì)擁抱變化， 并且讓自己持續(xù)的成長(zhǎng)和變的更好，是每個(gè)設(shè)計(jì)師都要學(xué)習(xí)的。

文章來(lái)源：站酷  作者：我們的設(shè)計(jì)日記

藍(lán)藍(lán)設(shè)計(jì)( www.lzhte.cn )是一家專(zhuān)注而深入的界面設(shè)計(jì)公司，為期望卓越的國(guó)內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶(hù)體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 、平面設(shè)計(jì)服務(wù)