當(dāng)看到好的網(wǎng)頁(yè)設(shè)計(jì)時(shí)，通常會(huì)尋找一些不太明顯的相似處，因?yàn)橛行┫矚g的東西已經(jīng)根深蒂固了。從令人愉悅并將項(xiàng)目提升到更高水平的動(dòng)畫，到讓設(shè)計(jì)變得平易近人的白色空間，再到增強(qiáng)可讀性的深色疊加，這些趨勢(shì)都有助于創(chuàng)造更好的用戶體驗(yàn)。以下是本月流行的網(wǎng)站設(shè)計(jì)趨勢(shì)：

1、層次的動(dòng)畫

沒有什么能像一個(gè)令人愉快的動(dòng)畫一樣讓你想要點(diǎn)擊和參與一個(gè)網(wǎng)站，雖然全屏視頻仍然是今年最受歡迎的動(dòng)畫效果之一，但其他動(dòng)畫機(jī)會(huì)也同樣令人印象深刻。使用動(dòng)畫來吸引人們對(duì)某些元素的關(guān)注，為你的故事創(chuàng)造場(chǎng)景，抓住用戶的注意力，或者以一種有趣的方式引導(dǎo)設(shè)計(jì)繼續(xù)參與。下面的示例中使用了所有這些技術(shù)。

什么是好的動(dòng)畫？下面是這些設(shè)計(jì)如何把動(dòng)畫帶到下一個(gè)層次：

她在靜止的圖片上使用了水的效果，這樣整個(gè)背景看起來就在水池表面的下面。文本元素是靜態(tài)的，以確?？勺x性，效果并不明顯，這是一個(gè)沙龍網(wǎng)站內(nèi)容的獨(dú)特之處——它需要大量的水。

仙境以一種更互動(dòng)的方式使用動(dòng)畫，這意味著用戶必須參與激活它。在屏幕底部橫過一行的每一張照片都充當(dāng)次要的導(dǎo)航元素。懸停在任何一個(gè)物體上，它會(huì)彈出一個(gè)更大的元素并影響背景。這個(gè)很酷的懸浮動(dòng)畫實(shí)例可以幫助鼓勵(lì)用戶與設(shè)計(jì)進(jìn)行更多的交互。

Naturalis Topstukken采取了完全不同的方法——設(shè)計(jì)中的每張卡片都是整個(gè)網(wǎng)站的一部分。用戶控制動(dòng)畫允許您在屏幕上拖放元素，以進(jìn)入網(wǎng)站的不同部分。這感覺就像一場(chǎng)游戲。這個(gè)設(shè)計(jì)非常吸引人，對(duì)于那些不太“理解”它的人，幾秒鐘后屏幕就會(huì)自動(dòng)滾動(dòng)，以鼓勵(lì)他們第一次點(diǎn)擊。

2、巨大的白色邊緣

將注意力吸引到設(shè)計(jì)或特定元素上的最生動(dòng)、最容易的方法之一就是適當(dāng)?shù)厥褂每瞻?。雖然最近許多設(shè)計(jì)都傾向于更緊湊的全屏幕設(shè)計(jì)，但越來越多的設(shè)計(jì)轉(zhuǎn)向開放空間。

這是有原因的，因?yàn)檫@種技術(shù)和設(shè)計(jì)使內(nèi)容成為用戶關(guān)注的焦點(diǎn)。被空白包圍的元素是明顯的焦點(diǎn)。設(shè)計(jì)的簡(jiǎn)單性和平衡性很容易理解，對(duì)用戶來說也不是很強(qiáng)大。

一個(gè)設(shè)計(jì)中有這么多空白的地方，也許最好的事情之一就是它讓人覺得平易近人。設(shè)計(jì)中干凈的空白確實(shí)吸引了你。

想想白色的純潔、明亮、善良、完美、干凈、安全——所有這些都是開放的白色背景所帶來的誘人和歡迎的感覺。

看看下面熊貓和尚的例子，它是活的，和Centros，很容易看出這種感覺來自于每一個(gè)設(shè)計(jì)。就好像每個(gè)網(wǎng)站都在邀請(qǐng)用戶參與并學(xué)習(xí)更多。

3、深色覆蓋

網(wǎng)站設(shè)計(jì)的一個(gè)流行趨勢(shì)是在設(shè)計(jì)項(xiàng)目中使用深色背景。這一趨勢(shì)已經(jīng)延伸到前景與黑暗的顏色覆蓋的圖像以及。

雖然這種技術(shù)看起來很酷，有助于強(qiáng)調(diào)品牌色彩，但使用深色疊加還有另一個(gè)關(guān)鍵原因。這種技術(shù)可以使文本元素在不同的明暗顏色的照片或背景元素上更具有可讀性。

下面的每個(gè)例子都以稍微不同的方式使用了這個(gè)概念：

拉斐特·格蘭德(Lafayette Grande)用暗色疊加和使用品牌顏色的雙層導(dǎo)航菜單來構(gòu)建圖像。它創(chuàng)建一個(gè)實(shí)體框架，然后驅(qū)動(dòng)用戶到主標(biāo)題。

Julius Silvert使用全屏視頻b卷背景，所有的圖像都有一個(gè)幾乎透明的深色疊加。在滾動(dòng)條上，覆蓋層變暗到一個(gè)幾乎飽和的框，這樣當(dāng)視頻在背景中運(yùn)行時(shí)，文本很容易閱讀。這是一個(gè)很好的解決方案，可以解決移動(dòng)圖像可能出現(xiàn)的問題——很難找到放置文本元素的好位置，以便隨時(shí)都能輕松閱讀。深色疊加很好地解決了這個(gè)問題。

Scalzo設(shè)計(jì)使用了深色背景加上深色疊加在圖像上，將用戶吸引到他的投資組合中。覆蓋顯示有視覺元素需要探索，但在用戶深入到視覺內(nèi)容之前，首先要保持對(duì)文字的關(guān)注。這就給用戶留下了這樣的信息：Scalzo首先是設(shè)計(jì)師，其次是展示作品，給用戶留下強(qiáng)烈的第一印象。

結(jié)論

雖然這里介紹的一些動(dòng)畫技術(shù)是更復(fù)雜的技術(shù)，但您可以從類似的想法開始。使用任何時(shí)髦的設(shè)計(jì)元素的關(guān)鍵是，它與設(shè)計(jì)中的內(nèi)容一起工作，為整個(gè)設(shè)計(jì)做出貢獻(xiàn)。