2018-9-18 資深UI設(shè)計者
如果您想訂閱本博客內(nèi)容，每天自動發(fā)到您的郵箱中， 請點這里
隨著設(shè)計工具和設(shè)計素材越來越豐富，設(shè)計師開始更加靈活地在網(wǎng)頁中使用氣泡、斑點和流體這樣的元素，那么要怎么在網(wǎng)頁設(shè)計的時候用好這些元素呢？今天結(jié)合9個網(wǎng)頁實例，來分享幾個實用的技巧~
在簡約清爽的背景之下，使用色彩鮮艷，形體自然隨性的氣泡元素來創(chuàng)造視覺焦點，氣泡和需要凸顯的圖片素材結(jié)合到一起，有目的地將用戶的視線吸引到關(guān)鍵的元素上，最終起到提升轉(zhuǎn)化率的目的。
使用幾何特征的簡約氣泡元素來構(gòu)造動畫，是一種成本比較低的做法，動畫會隨著用戶滾動頁面，而有趨向地發(fā)生轉(zhuǎn)變，從而促使用戶不斷地滾動，向下瀏覽查看更多內(nèi)容，這種設(shè)計同樣能夠提升網(wǎng)頁的參與度。
斑斕的背景和強對比的涂鴉斑點，同樣是一種引導(dǎo)視覺的策略，但是它更重要地是通過這種風(fēng)格來營造狂野粗糲的品牌氣質(zhì)，幫助用戶更快更直接地 Get 到品牌的獨特氛圍和神髓。
充滿流動感的色塊和斑點元素類似，同樣充滿了不受控制的自然氣場，充滿對比度的多彩配色則賦予了這些液態(tài)感十足的色彩拼貼以時尚的氣質(zhì)，從而營造出獨樹一幟的視覺體驗。
微妙的漸變色常常能夠賦予元素以一定的3D立體感，多變的氣泡元素如果擁有漸變色會仿佛擁有景深和層次一般，讓頁面更加立體。當(dāng)然，如果一開始使用動畫軟件來建模，渲染生成動畫，那么就更加到位了。
扁平化設(shè)計依然是目前的主流，在許多純粹扁平化的頁面中，氣泡類的元素能夠起到很好的點綴作用，讓背景不再單調(diào)，幾何感十足的氣泡邊緣和清爽的色彩，能夠很好的賦予頁面足夠的現(xiàn)代感，干凈而具有當(dāng)下的時代感。
氣泡類元素本身的形體都是非常規(guī)的幾何元素，因此它們相比于常見的圓形、矩形、三角形，出現(xiàn)的機率更低，當(dāng)它作為圖片的載體的時候，這種獨特的視覺體驗更容易給用戶留下印象，四兩撥千斤。
氣泡動畫可以擁有冷淡的科技感，也可以軟萌可愛充滿趣味感，這取決于動畫的設(shè)計者怎么做。在頁面中使用有趣的氣泡動畫能夠讓頁面更加令人親近，讓用戶在加載和轉(zhuǎn)場的時候會心一笑，記住你的設(shè)計。
這同樣是一種巧妙地吸引用戶同時宣傳品牌的手法，當(dāng)然，前提是你的品牌 LOGO 適合使用這樣的表現(xiàn)方式。氣泡動畫富有活力，有生命力，這一點最終能夠加持在品牌上，同時能夠給用戶留下更加深刻的記憶。
有機感是近兩年來比較熱的一個設(shè)計方向，但是它的呈現(xiàn)方式并沒有那么具體，而諸如斑點和氣泡這樣的元素是呈現(xiàn)有機感最常用的方式，加上新的設(shè)計工具的普及，設(shè)計師開始使用這些元素來創(chuàng)造富有有機感的設(shè)計。
藍(lán)藍(lán)設(shè)計( www.gerard.com.cn )是一家專注而深入的界面設(shè)計公司，為期望卓越的國內(nèi)外企業(yè)提供卓越的UI界面設(shè)計、BS界面設(shè)計 、 cs界面設(shè)計 、 ipad界面設(shè)計 、 包裝設(shè)計 、 圖標(biāo)定制 、 用戶體驗 、交互設(shè)計、 網(wǎng)站建設(shè) 、平面設(shè)計服務(wù)。
藍(lán)藍(lán)設(shè)計的小編 http://www.gerard.com.cn