如何巧用氣泡、斑點和流體元素,讓網頁不再單調死板?

      作者: 陳子木
      分類: 觀點/經驗
      2018-09-17
      10426

      隨著設計工具和設計素材越來越豐富,設計師開始更加靈活地在網頁中使用氣泡、斑點和流體這樣的元素

      隨著設計工具和設計素材越來越豐富,設計師開始更加靈活地在網頁中使用氣泡、斑點和流體這樣的元素,那么要怎么在網頁設計的時候用好這些元素呢?今天結合9個網頁實例,來分享幾個實用的技巧~

      1. 用氣泡元素營造視覺焦點

      1.jpg

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

      2. 用簡約線性的氣泡動畫來驅動交互

      2.jpg

      使用幾何特征的簡約氣泡元素來構造動畫,是一種成本比較低的做法,動畫會隨著用戶滾動頁面,而有趨向地發(fā)生轉變,從而促使用戶不斷地滾動,向下瀏覽查看更多內容,這種設計同樣能夠提升網頁的參與度。

      3. 用不規(guī)則的涂鴉斑點強化品牌

      3.jpg

      斑斕的背景和強對比的涂鴉斑點,同樣是一種引導視覺的策略,但是它更重要地是通過這種風格來營造狂野粗糲的品牌氣質,幫助用戶更快更直接地 Get 到品牌的獨特氛圍和神髓。

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

      4.jpg

      充滿流動感的色塊和斑點元素類似,同樣充滿了不受控制的自然氣場,充滿對比度的多彩配色則賦予了這些液態(tài)感十足的色彩拼貼以時尚的氣質,從而營造出獨樹一幟的視覺體驗。

      5. 用漸變色氣泡來營造立體感

      5.jpg

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

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

      6.jpg

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

      7. 作為圖片載體給人獨特的印象

      7.jpg

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

      8. 用氣泡動畫來創(chuàng)造趣味性

      8.jpg

      氣泡動畫可以擁有冷淡的科技感,也可以軟萌可愛充滿趣味感,這取決于動畫的設計者怎么做。在頁面中使用有趣的氣泡動畫能夠讓頁面更加令人親近,讓用戶在加載和轉場的時候會心一笑,記住你的設計。

      9. 用氣泡動畫來構建品牌LOGO

      9.jpg

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

      結語

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


      4
      1
      分享到:

      0

      喜歡他,就推薦他上首頁吧^_^

      推薦閱讀

      ×

      賽事服務聯(lián)系方式

      0371-86068866

      4008887269

      cndesign@163.com

      好的,我知道了

      官方微信

      聯(lián)系我們

      • QQ:33143335 QQ:1904200230
      • 電話:18569912460
      • 投稿:cndesign@163.com
      • 地址:鄭州市國家大學科技園東區(qū)9號樓2層

      版權信息

        移動 Android 版 豫 ICP 備16038122號-2 豫公網安備 41019702002261號

      主站蜘蛛池模板: 蜜臀AV一区二区| 日韩一区二区免费视频| 视频一区二区中文字幕| 国产熟女一区二区三区五月婷| 后入内射国产一区二区| 国产主播一区二区三区在线观看 | 久久精品国产一区二区| 精品国产毛片一区二区无码 | 日韩一区二区在线视频| 色婷婷一区二区三区四区成人网 | 精品人无码一区二区三区| 一夲道无码人妻精品一区二区| 久久一区二区明星换脸| 国产精品久久久久久一区二区三区 | 久久精品一区二区免费看| 国产av福利一区二区三巨 | AV鲁丝一区鲁丝二区鲁丝三区| 色综合视频一区二区三区44| 国产精品电影一区二区三区| 国产精品一区二区久久精品涩爱| 无码乱人伦一区二区亚洲| 日韩欧美一区二区三区免费观看| 亚洲av无码一区二区三区不卡| 久久久精品一区二区三区| 日韩在线视频一区二区三区| 亚洲一区二区三区无码中文字幕| 日本一区二区三区中文字幕 | 国产精品免费综合一区视频| 无码中文人妻在线一区| 欧美日韩精品一区二区在线视频| 蜜桃无码AV一区二区| 久久蜜桃精品一区二区三区| 九九无码人妻一区二区三区| 精品日韩一区二区| 日韩精品一区二区三区影院| 精品日韩在线视频一区二区三区 | 无码人妻久久一区二区三区| 久久免费区一区二区三波多野| 亚洲一区二区三区久久久久| 亚洲国产欧美一区二区三区| 久久国产视频一区|