設(shè)計(jì)行業(yè)無(wú)論互聯(lián)網(wǎng)還是UI或是平面設(shè)計(jì)，每天都在發(fā)生著變化，作為設(shè)計(jì)從業(yè)者，我們更需要時(shí)刻保持敏銳的洞察力，去發(fā)現(xiàn)當(dāng)下一些熱門(mén)的設(shè)計(jì)手法，了解市面上主流的設(shè)計(jì)趨勢(shì)，今天就和大家分享一個(gè)氣泡風(fēng)格！

 趨勢(shì)的由來(lái) 

經(jīng)常幫很多同學(xué)看設(shè)計(jì)作品，但看完大多都沒(méi)讓我留下什么印象，也就是沒(méi)有讓人覺(jué)得眼前一亮的點(diǎn)；什么是眼前一亮呢，其實(shí)就是作品中是否有不錯(cuò)的想法和視覺(jué)亮點(diǎn)，運(yùn)用潮流趨勢(shì)就是一種吸引目光的手段，你的設(shè)計(jì)中是否運(yùn)用了當(dāng)下主流設(shè)計(jì)趨勢(shì)？你的設(shè)計(jì)在版式，構(gòu)圖色彩上是否有不錯(cuò)的表現(xiàn)？在當(dāng)下同質(zhì)化嚴(yán)重的背景下，我們需要去發(fā)現(xiàn)趨勢(shì)，去總結(jié)規(guī)律，同時(shí)，也要學(xué)會(huì)思考如何把這些好的設(shè)計(jì)趨勢(shì)，很好的落地到自己項(xiàng)目中去。

大公司引領(lǐng)

那么設(shè)計(jì)趨勢(shì)可以怎么獲取到呢？一般有幾種情況：大公司的引導(dǎo)，比如apple,google這些國(guó)際大公司產(chǎn)品的更新， 因?yàn)槠渥銐虼蟮挠绊懥Γ簿邆湎鄬?duì)資深的設(shè)計(jì)團(tuán)隊(duì)，所以他們每一次項(xiàng)目重大的改版都能影響整個(gè)設(shè)計(jì)圈的變革和潮流！

▲比如ios去年推行了暗黑模式，就有不少產(chǎn)品及時(shí)跟隨做出適配。

設(shè)計(jì)師挖掘

另外一種形式就是設(shè)計(jì)師引領(lǐng)變革，每年都會(huì)一些新的設(shè)計(jì)手法被優(yōu)秀設(shè)計(jì)師們發(fā)掘出來(lái)，一般在綜合類(lèi)網(wǎng)站如dribbble和behance上先火起來(lái)，受到大批設(shè)計(jì)師的追捧，比如前不久興起的新擬態(tài)風(fēng)格，和越來(lái)越多的3d插圖等等。

▲尤其3d插圖是今年比較流行一種手法，運(yùn)用這種立體元素來(lái)營(yíng)造整體的視覺(jué)空間感，這種形式能很好的和其他產(chǎn)品拉開(kāi)差異性，同時(shí)更好的傳遞信息，但是需要注意這種風(fēng)格和頁(yè)面其他元素之間的協(xié)調(diào)性。

▲包括根據(jù)內(nèi)容定制的扁平插圖，設(shè)計(jì)師通過(guò)這種輕快的色彩，讓整個(gè)設(shè)計(jì)活潑輕盈，同時(shí)更符合當(dāng)下年輕人群的審美，這些風(fēng)格也大多數(shù)能從設(shè)計(jì)網(wǎng)站上感知到

總之，設(shè)計(jì)風(fēng)格需要我們定期去歸納和總結(jié)，需要我們?cè)谄綍r(shí)看設(shè)計(jì)時(shí)候，多留一分洞察行業(yè)變化的心思，提煉出趨勢(shì)運(yùn)用到我們?cè)O(shè)計(jì)里面去！

 泡沫和斑點(diǎn)風(fēng)格 

前面我們分析了：趨勢(shì)的由來(lái)，一般是由國(guó)內(nèi)外知名公司比如蘋(píng)果，谷歌，或者知名產(chǎn)品淘寶，天貓雙11等等通過(guò)影響力帶領(lǐng)，那么另外一種就是設(shè)計(jì)師發(fā)掘的，本周和大家分享：泡沫和斑點(diǎn)的設(shè)計(jì)風(fēng)格，為什么叫泡沫和斑點(diǎn)，其實(shí)是我蝦扯蛋取的，叫什么風(fēng)格，自己定義為什么趨勢(shì)不用太在意，你能GET到那個(gè)風(fēng)格代表的核心元素和含義就行

這種風(fēng)格運(yùn)用很廣，無(wú)論在平面設(shè)計(jì)，還是UI設(shè)計(jì)、插畫(huà)設(shè)計(jì)中，最近都頻繁的出現(xiàn)，我們今天就來(lái)分析下這個(gè)風(fēng)格的特點(diǎn)？

 它的特點(diǎn) 

隨機(jī)形狀

在形狀上，沒(méi)有明確的特點(diǎn)和規(guī)律，都散落在界面的各個(gè)角落，圖形大多是圓形，也有流動(dòng)的不規(guī)則圖形，他們都沒(méi)有絕對(duì)的規(guī)律，排布也很隨機(jī)，質(zhì)感上則扁平，立體，漸變都有，看起來(lái)特別像我們生活中常見(jiàn)的氣泡。

▲Wed ze這個(gè)網(wǎng)站就是運(yùn)用這種橢圓流動(dòng)的氣泡，讓整個(gè)頁(yè)面形成一種流體風(fēng)格，動(dòng)感同時(shí)也很時(shí)尚，很能體現(xiàn)出產(chǎn)品AR/VR的行業(yè)特征

▲同樣的Scotsman這個(gè)網(wǎng)站同樣運(yùn)用氣泡來(lái)布局，通過(guò)氣泡很好的散落在畫(huà)面兩側(cè)，配合微動(dòng)效，整個(gè)頁(yè)面更加的靈動(dòng)和有趣，同時(shí)畫(huà)面中間也是利用了這種氣泡風(fēng)格來(lái)突出焦點(diǎn)

▲sweet同樣采用了流動(dòng)不規(guī)則氣泡作為整個(gè)設(shè)計(jì)主風(fēng)格，流動(dòng)同時(shí)很時(shí)尚

▲液體動(dòng)態(tài)匯合，透過(guò)氣泡融為一體，形成和水一樣靈動(dòng)自由的效果

多元質(zhì)感

立體：質(zhì)感上有很多表達(dá)形式，可以運(yùn)用C4D做出這種立體糖果色，它使得整個(gè)視覺(jué)風(fēng)格比較突出，畫(huà)面沖擊力強(qiáng)，適合運(yùn)用在一些重視覺(jué)偏營(yíng)銷(xiāo)的場(chǎng)景下

扁平+色彩疊加：除了立體質(zhì)感風(fēng)格，扁平化和色彩疊加也運(yùn)用的比較多，色彩更為通透，整個(gè)畫(huà)面節(jié)奏也更容易把控，配合動(dòng)效視覺(jué)效果更佳

漸變+微質(zhì)感：和扁平疊加風(fēng)格不同，微擬物結(jié)合一些弱投影和漸變撞色讓整個(gè)設(shè)計(jì)看起來(lái)更加的現(xiàn)代

圖案填充：這種效果比較特殊，在圓角氣泡里面填充圖案，圖形，整個(gè)設(shè)計(jì)會(huì)瞬間提升潮流感。

明亮色彩

在色彩上，這種風(fēng)格色彩比較明亮，類(lèi)似馬卡龍配色風(fēng)格，這樣配色更能凸顯它的多變和豐富多彩，當(dāng)然同色系的搭配，也能表現(xiàn)出官方，科技感的一面

▲比如上圖對(duì)于橙色的運(yùn)用

 運(yùn)用場(chǎng)景 

對(duì)設(shè)計(jì)趨勢(shì)關(guān)注的最后，我們一定要去思考落地；否則就很不能算已經(jīng)掌握了這個(gè)趨勢(shì)。

網(wǎng)頁(yè)中的運(yùn)用

網(wǎng)頁(yè)中，氣泡可以作為構(gòu)圖中心，通過(guò)構(gòu)圖形式很好的融入這種風(fēng)格，也可以作為產(chǎn)品類(lèi)型網(wǎng)站的裝飾性元素，使頁(yè)面更豐富有趣的

界面中的運(yùn)用

界面中，可以作為動(dòng)態(tài)導(dǎo)航，或者菜單來(lái)設(shè)計(jì)，讓整個(gè)產(chǎn)品調(diào)性更加年輕化，通常作為個(gè)性化的表達(dá)

在一些動(dòng)態(tài)可視化，或者智能場(chǎng)景中運(yùn)用，或者在一些特殊內(nèi)容表達(dá)上運(yùn)用這種布局形式，和內(nèi)容很好的形成一種互動(dòng)

作為界面中的DNA，比如上圖就是運(yùn)用氣泡作為設(shè)計(jì)DNA在啟動(dòng)界面和登錄頁(yè)面都運(yùn)用氣泡到極致

其他場(chǎng)景

除了在網(wǎng)頁(yè)運(yùn)用，其實(shí)在平面設(shè)計(jì)，LOGO設(shè)計(jì)，插畫(huà)設(shè)計(jì)中，這種氣泡風(fēng)格，也同樣適用，關(guān)鍵在于我們?nèi)绾稳レ`活搭配組合。

 總結(jié) 

今天的分享，更多只是拋磚引玉，希望大家養(yǎng)成這種培養(yǎng)視覺(jué)洞察力的習(xí)慣，去發(fā)現(xiàn)一些設(shè)計(jì)行業(yè)的規(guī)律，并學(xué)會(huì)掌握規(guī)律的變化，這樣才能讓自己的設(shè)計(jì)不斷進(jìn)步，做出讓人亮眼的作品！