1嘀略、斑點(diǎn)和氣泡元素

不少設(shè)計(jì)師開(kāi)始利用諸如斑點(diǎn)和小氣泡這樣的裝飾性元素，分散在網(wǎng)頁(yè)的各個(gè)角落。這些裝飾性的元素大多以小圓點(diǎn)的形式呈現(xiàn)呢铆，它們的形態(tài)多種多樣渔肩，但是總體上有著吸引視線(xiàn)、豐富視覺(jué)的功能拓瞪。即使是基于相同的設(shè)計(jì)概念掘譬，不同的氣泡和斑點(diǎn)趾娃，讓每個(gè)設(shè)計(jì)項(xiàng)目都有著不同的性格眷茁。

這些元素可以是任何色彩，而微妙的漸變和高飽和度的色調(diào)是目前設(shè)計(jì)師的最?lèi)?ài)郎楼。斑點(diǎn)和氣泡本身在形態(tài)上也有著柔和流暢的特點(diǎn)荐操，讓整個(gè)氛圍顯得圓潤(rùn)順滑。

設(shè)計(jì)師借助氣泡在整個(gè)畫(huà)布上進(jìn)行構(gòu)圖缓淹，通過(guò)襯托來(lái)營(yíng)造深度躏吊，借助動(dòng)效營(yíng)造動(dòng)靜對(duì)比是鬼，所有的這些設(shè)計(jì)可以以不高的成本創(chuàng)造出時(shí)髦有趣的設(shè)計(jì)感充择。而所有的這些大都是為了一個(gè)目的：創(chuàng)造出用戶(hù)偏好的視覺(jué)入口造成。

總的來(lái)說(shuō)坐桩，斑點(diǎn)和氣泡是一種吸引用戶(hù)注意力的有效設(shè)計(jì)元素净当。如果你用的好僧诚，它們不僅可以作為裝飾而存在辫呻，還可以作為視覺(jué)引導(dǎo)搬葬，控制整個(gè)頁(yè)面的動(dòng)線(xiàn)床三，給用戶(hù)以視覺(jué)上的自然指引，創(chuàng)造出富有流動(dòng)性的頁(yè)面布局歹撒。

2、“懸浮的”矩形元素

這是網(wǎng)頁(yè)設(shè)計(jì)當(dāng)中闭专，另外一種流行廣泛但是尚未有正式定名的一種設(shè)計(jì)趨勢(shì)夺谁。帶有“懸浮”效果的矩形元素它開(kāi)始出現(xiàn)在各式各樣的網(wǎng)頁(yè)當(dāng)中厚者，從產(chǎn)品展示型的網(wǎng)站到各種品牌的網(wǎng)站頁(yè)面鳖擒，幾乎無(wú)處不在。

也許是因?yàn)閼腋〉木匦卧刈寛D層以一種有趣的方式呈現(xiàn)出來(lái)烫止，這種設(shè)計(jì)技巧和視差滾動(dòng)蒋荚、動(dòng)畫(huà)可以很好地結(jié)合到一起。現(xiàn)在這種設(shè)計(jì)趨勢(shì)已經(jīng)表現(xiàn)的非常明顯了馆蠕。

通過(guò)帶有懸浮效果的圖層期升，各種元素可以獨(dú)立地按照自己的方式運(yùn)行。這個(gè)概念和Material Design 中“紙”的意象很接近互躬。不過(guò)播赁，懸浮的矩形在概念上沒(méi)有Material Design 中那么結(jié)構(gòu)化，設(shè)計(jì)師可以發(fā)揮的空間也更大吼渡。

充滿(mǎn)流動(dòng)性的設(shè)計(jì)容为，在視覺(jué)上是非常吸引人的，這樣的設(shè)計(jì)更容易鼓勵(lì)用戶(hù)互動(dòng)，因?yàn)樵谶@樣的設(shè)計(jì)當(dāng)中坎背，用戶(hù)會(huì)隨著設(shè)計(jì)的引導(dǎo)而好奇接下來(lái)會(huì)有什么竭缝。從目前的實(shí)戰(zhàn)案例中可以看到，許多設(shè)計(jì)中都有懸浮的矩形元素沼瘫，它們?cè)谡麄€(gè)布局中作為信息的載體抬纸，可以打開(kāi)和關(guān)閉，充滿(mǎn)了神秘感耿戚，也承載著關(guān)鍵性的交互湿故。

懸浮的矩形元素的優(yōu)勢(shì)字啊與，它幾乎可以任何元素匹配起來(lái)膜蛔，可以很簡(jiǎn)單也可以很復(fù)雜坛猪，可以簡(jiǎn)單的幾個(gè)區(qū)塊搭配起來(lái)，也可以是由很多矩形來(lái)構(gòu)成信息流皂股。

這一設(shè)計(jì)趨勢(shì)的優(yōu)勢(shì)在于靈活自由墅茉，以及強(qiáng)大的可定制性。不過(guò)從獨(dú)特性上來(lái)說(shuō)呜呐，相對(duì)于其他的要弱一些就斤。

3、圖片和視頻填充文字

最后的這個(gè)設(shè)計(jì)趨勢(shì)也不算太新鮮的東西蘑辑，之前就有不少設(shè)計(jì)師這樣玩過(guò)洋机，不過(guò)現(xiàn)在作為一種流行趨勢(shì)開(kāi)始大規(guī)模地普及：將圖片填充到相對(duì)較粗的文本字體當(dāng)中。

雖然這個(gè)想法不算新穎洋魂，但是在視覺(jué)上有著強(qiáng)大的張力绷旗。在下面的三個(gè)案例當(dāng)中，都充分地運(yùn)用了這一技巧副砍。

Valnet在它的首頁(yè)左側(cè)衔肢，有一個(gè)巨大加粗的字母V，在背景中嵌入動(dòng)態(tài)的視頻豁翎，字母所形成的新的框架角骤，讓視頻的體驗(yàn)更加獨(dú)特有趣。

Greatest Stories Retold 這個(gè)網(wǎng)頁(yè)中采用了相同的概念谨垃，字母背后有視頻在播放启搂，這種形式留給用戶(hù)更多想象力。視頻中的信息其實(shí)傳遞出來(lái)的并不多刘陶，更多的是色彩和明顯的運(yùn)動(dòng)感，它們真正的功能是誘使用戶(hù)點(diǎn)擊并查看更多的網(wǎng)頁(yè)內(nèi)容牢撼。

Belly Q 這個(gè)網(wǎng)頁(yè)則使用了圖片的縮放來(lái)創(chuàng)造更為微妙的動(dòng)效匙隔。前景是一個(gè)黑色的覆蓋層，而用戶(hù)能夠透過(guò)中間鏤空的字母Q看到背景的視頻熏版。分層效果并不復(fù)雜纷责，但是這種方法非常有效地創(chuàng)造出了視覺(jué)焦點(diǎn)捍掺。

動(dòng)畫(huà)和圖片填充文字，這種設(shè)計(jì)技巧本身就能夠創(chuàng)造出神秘感再膳，這種設(shè)計(jì)會(huì)讓用戶(hù)有興趣點(diǎn)擊其中內(nèi)容挺勿，查看更多。絕大多數(shù)的用戶(hù)對(duì)于高度可視化的內(nèi)容是感興趣的喂柒，而這種恰到好處的神秘感的營(yíng)造不瓶，會(huì)促進(jìn)用戶(hù)的交互。只要確保他們能夠獲得所需的信息灾杰，給他們以答案蚊丐，那么這個(gè)設(shè)計(jì)就是有效的。

結(jié)語(yǔ)

這個(gè)月所流行的這三種設(shè)計(jì)元素或者說(shuō)設(shè)計(jì)趨勢(shì)艳吠，有著極大的靈活性麦备，你可以將他們運(yùn)用在主頁(yè)當(dāng)中，也能放在著陸頁(yè)里昭娩，甚至可以貫穿整個(gè)設(shè)計(jì)項(xiàng)目凛篙。