總的來說，斑點和氣泡是一種吸引用戶注意力的有效設計元素。如果你用的好，它們不僅可以作為裝飾而存在，還可以作為視覺引導，控制整個頁面的動線，給用戶以視覺上的自然指引，創(chuàng)造出富有流動性的頁面布局。

2、“懸浮的”矩形

這是網頁設計當中，另外一種流行廣泛但是尚未有正式定名的一種設計趨勢。帶有“懸浮”效果的矩形元素它開始出現在各式各樣的網頁當中，從產品展示型的網站到各種品牌的網站頁面，幾乎無處不在。

也許是因為懸浮的矩形元素讓圖層以一種有趣的方式呈現出來，這種設計技巧和視差滾動、動畫可以很好地結合到一起。現在這種設計趨勢已經表現的非常明顯了。

通過帶有懸浮效果的圖層，各種元素可以獨立地按照自己的方式運行。這個概念和Material Design 中“紙”的意象很接近。不過，懸浮的矩形在概念上沒有Material Design 中那么結構化，設計師可以發(fā)揮的空間也更大。

充滿流動性的設計，在視覺上是非常吸引人的，這樣的設計更容易鼓勵用戶互動，因為在這樣的設計當中，用戶會隨著設計的引導而好奇接下來會有什么。從目前的實戰(zhàn)案例中可以看到，許多設計中都有懸浮的矩形元素，它們在整個布局中作為信息的載體，可以打開和關閉，充滿了神秘感，也承載著關鍵性的交互。

懸浮的矩形元素的優(yōu)勢字啊與，它幾乎可以任何元素匹配起來，可以很簡單也可以很復雜，可以簡單的幾個區(qū)塊搭配起來，也可以是由很多矩形來構成信息流。

這一設計趨勢的優(yōu)勢在于靈活自由，以及強大的可定制性。不過從獨特性上來說，相對于其他的要弱一些。

3、圖片/視頻填充文字

最后的這個設計趨勢也不算太新鮮的東西，之前就有不少設計師這樣玩過，不過現在作為一種流行趨勢開始大規(guī)模地普及：將圖片填充到相對較粗的文本字體當中。

雖然這個想法不算新穎，但是在視覺上有著強大的張力。在下面的三個案例當中，都充分地運用了這一技巧。

Valnet在它的首頁左側，有一個巨大加粗的字母V，在背景中嵌入動態(tài)的視頻，字母所形成的新的框架，讓視頻的體驗更加獨特有趣。

Greatest Stories Retold 這個網頁中采用了相同的概念，字母背后有視頻在播放，這種形式留給用戶更多想象力。視頻中的信息其實傳遞出來的并不多，更多的是色彩和明顯的運動感，它們真正的功能是誘使用戶點擊并查看更多的網頁內容。

Belly Q 這個網頁則使用了圖片的縮放來創(chuàng)造更為微妙的動效。前景是一個黑色的覆蓋層，而用戶能夠透過中間鏤空的字母Q看到背景的視頻。分層效果并不復雜，但是這種方法非常有效地創(chuàng)造出了視覺焦點。

動畫和圖片填充文字，這種設計技巧本身就能夠創(chuàng)造出神秘感，這種設計會讓用戶有興趣點擊其中內容，查看更多。絕大多數的用戶對于高度可視化的內容是感興趣的，而這種恰到好處的神秘感的營造，會促進用戶的交互。只要確保他們能夠獲得所需的信息，給他們以答案，那么這個設計就是有效的。

雅騰科技專注網站建設、網站設計、小程序、微信公眾號、OA系統開發(fā)等

本文來源：http://www.xxxss6.com