巧用氣泡、斑點(diǎn)和流體元素,讓網(wǎng)頁(yè)不再單調(diào)死板
發(fā)布時(shí)間:2021-12-17 10:24 [ 我要自學(xué)網(wǎng)原創(chuàng) ] 發(fā)布人: 小劉2175

隨著設(shè)計(jì)工具和設(shè)計(jì)素材越來(lái)越豐富,設(shè)計(jì)師開(kāi)始更加靈活地在網(wǎng)頁(yè)中使用氣泡、斑點(diǎn)和流體這樣的元素,那么要怎么在網(wǎng)頁(yè)設(shè)計(jì)的時(shí)候用好這些元素呢?今天結(jié)合9個(gè)網(wǎng)頁(yè)實(shí)例,來(lái)分享幾個(gè)實(shí)用的技巧~


1. 用氣泡元素營(yíng)造視覺(jué)焦點(diǎn)


如何巧用氣泡、斑點(diǎn)和流體元素,讓網(wǎng)頁(yè)不再單調(diào)死板?

在簡(jiǎn)約清爽的背景之下,使用色彩鮮艷,形體自然隨性的氣泡元素來(lái)創(chuàng)造視覺(jué)焦點(diǎn),氣泡和需要凸顯的圖片素材結(jié)合到一起,有目的地將用戶(hù)的視線吸引到關(guān)鍵的元素上,最終起到提升轉(zhuǎn)化率的目的。


2. 用簡(jiǎn)約線性的氣泡動(dòng)畫(huà)來(lái)驅(qū)動(dòng)交互


如何巧用氣泡、斑點(diǎn)和流體元素,讓網(wǎng)頁(yè)不再單調(diào)死板?

使用幾何特征的簡(jiǎn)約氣泡元素來(lái)構(gòu)造動(dòng)畫(huà),是一種成本比較低的做法,動(dòng)畫(huà)會(huì)隨著用戶(hù)滾動(dòng)頁(yè)面,而有趨向地發(fā)生轉(zhuǎn)變,從而促使用戶(hù)不斷地滾動(dòng),向下瀏覽查看更多內(nèi)容,這種設(shè)計(jì)同樣能夠提升網(wǎng)頁(yè)的參與度。


3. 用不規(guī)則的涂鴉斑點(diǎn)強(qiáng)化品牌


如何巧用氣泡、斑點(diǎn)和流體元素,讓網(wǎng)頁(yè)不再單調(diào)死板?

斑斕的背景和強(qiáng)對(duì)比的涂鴉斑點(diǎn),同樣是一種引導(dǎo)視覺(jué)的策略,但是它更重要地是通過(guò)這種風(fēng)格來(lái)營(yíng)造狂野粗糲的品牌氣質(zhì),幫助用戶(hù)更快更直接地 Get 到品牌的獨(dú)特氛圍和神髓。


4. 用液態(tài)色塊拼貼來(lái)傳達(dá)時(shí)尚感


如何巧用氣泡、斑點(diǎn)和流體元素,讓網(wǎng)頁(yè)不再單調(diào)死板?

充滿流動(dòng)感的色塊和斑點(diǎn)元素類(lèi)似,同樣充滿了不受控制的自然氣場(chǎng),充滿對(duì)比度的多彩配色則賦予了這些液態(tài)感十足的色彩拼貼以時(shí)尚的氣質(zhì),從而營(yíng)造出獨(dú)樹(shù)一幟的視覺(jué)體驗(yàn)。


5. 用漸變色氣泡來(lái)營(yíng)造立體感


如何巧用氣泡、斑點(diǎn)和流體元素,讓網(wǎng)頁(yè)不再單調(diào)死板?

微妙的漸變色常常能夠賦予元素以一定的3D立體感,多變的氣泡元素如果擁有漸變色會(huì)仿佛擁有景深和層次一般,讓頁(yè)面更加立體。當(dāng)然,如果一開(kāi)始使用動(dòng)畫(huà)軟件來(lái)建模,渲染生成動(dòng)畫(huà),那么就更加到位了。


6. 使用扁平化氣泡元素渲染現(xiàn)代感


如何巧用氣泡、斑點(diǎn)和流體元素,讓網(wǎng)頁(yè)不再單調(diào)死板?

扁平化設(shè)計(jì)依然是目前的主流,在許多純粹扁平化的頁(yè)面中,氣泡類(lèi)的元素能夠起到很好的點(diǎn)綴作用,讓背景不再單調(diào),幾何感十足的氣泡邊緣和清爽的色彩,能夠很好的賦予頁(yè)面足夠的現(xiàn)代感,干凈而具有當(dāng)下的時(shí)代感。


7. 作為圖片載體給人獨(dú)特的印象


如何巧用氣泡、斑點(diǎn)和流體元素,讓網(wǎng)頁(yè)不再單調(diào)死板?

氣泡類(lèi)元素本身的形體都是非常規(guī)的幾何元素,因此它們相比于常見(jiàn)的圓形、矩形、三角形,出現(xiàn)的機(jī)率更低,當(dāng)它作為圖片的載體的時(shí)候,這種獨(dú)特的視覺(jué)體驗(yàn)更容易給用戶(hù)留下印象,四兩撥千斤。


8. 用氣泡動(dòng)畫(huà)來(lái)創(chuàng)造趣味性


如何巧用氣泡、斑點(diǎn)和流體元素,讓網(wǎng)頁(yè)不再單調(diào)死板?

氣泡動(dòng)畫(huà)可以擁有冷淡的科技感,也可以軟萌可愛(ài)充滿趣味感,這取決于動(dòng)畫(huà)的設(shè)計(jì)者怎么做。在頁(yè)面中使用有趣的氣泡動(dòng)畫(huà)能夠讓頁(yè)面更加令人親近,讓用戶(hù)在加載和轉(zhuǎn)場(chǎng)的時(shí)候會(huì)心一笑,記住你的設(shè)計(jì)。


9. 用氣泡動(dòng)畫(huà)來(lái)構(gòu)建品牌LOGO


如何巧用氣泡、斑點(diǎn)和流體元素,讓網(wǎng)頁(yè)不再單調(diào)死板?

這同樣是一種巧妙地吸引用戶(hù)同時(shí)宣傳品牌的手法,當(dāng)然,前提是你的品牌 LOGO 適合使用這樣的表現(xiàn)方式。氣泡動(dòng)畫(huà)富有活力,有生命力,這一點(diǎn)最終能夠加持在品牌上,同時(shí)能夠給用戶(hù)留下更加深刻的記憶。


結(jié)語(yǔ)


有機(jī)感是近兩年來(lái)比較熱的一個(gè)設(shè)計(jì)方向,但是它的呈現(xiàn)方式并沒(méi)有那么具體,而諸如斑點(diǎn)和氣泡這樣的元素是呈現(xiàn)有機(jī)感最常用的方式,加上新的設(shè)計(jì)工具的普及,設(shè)計(jì)師開(kāi)始使用這些元素來(lái)創(chuàng)造富有有機(jī)感的設(shè)計(jì)。

HTML基礎(chǔ)視頻教程
我要自學(xué)網(wǎng)商城 ¥30 元
進(jìn)入購(gòu)買(mǎi)
文章評(píng)論
0 條評(píng)論 按熱度排序 按時(shí)間排序 /350
添加表情
遵守中華人民共和國(guó)的各項(xiàng)道德法規(guī),
承擔(dān)因您的行為而導(dǎo)致的法律責(zé)任,
本站有權(quán)保留或刪除有爭(zhēng)議評(píng)論。
參與本評(píng)論即表明您已經(jīng)閱讀并接受
上述條款。
V
特惠充值
聯(lián)系客服
APP下載
官方微信
返回頂部
分類(lèi)選擇:
電腦辦公 平面設(shè)計(jì) 室內(nèi)設(shè)計(jì) 室外設(shè)計(jì) 機(jī)械設(shè)計(jì) 工業(yè)自動(dòng)化 影視動(dòng)畫(huà) 程序開(kāi)發(fā) 網(wǎng)頁(yè)設(shè)計(jì) 會(huì)計(jì)課程 興趣成長(zhǎng) AIGC