在一個瞬息萬變的行業(yè)中，網(wǎng)站設(shè)計師必須不斷地在技術(shù)的最新更新與日新月異的設(shè)計趨勢和偏好之間進行斗爭。作為負責網(wǎng)站設(shè)計的，我發(fā)現(xiàn)最顯著的趨勢是客戶抵制變化。

在過去幾年中，我們與要求過時的樣式和趨勢的客戶進行了很多分析與解答。如果不及時更新網(wǎng)站這通常會導(dǎo)致網(wǎng)站過時，甚至無法開始構(gòu)建！為哈會這樣說？這實際上很簡單，大多數(shù)企業(yè)都喜歡對自己的競爭對手進行基準測試。例如，金融服務(wù)業(yè)務(wù)網(wǎng)站的典型預(yù)期壽命約為4年。實際上，這些客戶的期望非常不準確。隨著技術(shù)和設(shè)計趨勢的日新月異，大多數(shù)網(wǎng)站將在大約18個月后開始出現(xiàn)老化跡象。這意味著客戶從他們的競爭對手那里汲取了靈感，而這些競爭對手往往擁有過時的網(wǎng)站！

為了從新的Web設(shè)計趨勢中獲得靈感，我們必須首先考慮較早的那些，以避免出現(xiàn)。

1.動畫網(wǎng)站輪播（滑塊）

網(wǎng)站輪播或動畫橫幅廣告是趨勢的一個很好的例子，這種趨勢終于在2020年開始消失。研究表明，首頁是近95％的點擊都在第一?。Ｄ阄ㄒ豢赡軕?yīng)該考慮的動畫幻燈片放映是在電子商務(wù)網(wǎng)站上進行的，信息子網(wǎng)站應(yīng)堅持使用單一橫幅，這也有助于提高網(wǎng)站加載速度。

2.高度分層的網(wǎng)站結(jié)構(gòu)

建立網(wǎng)站可以追溯到8年左右的老牌網(wǎng)站設(shè)計師將記住簡單的網(wǎng)站被分成多個頁面的。這些在站點地圖上每頁有數(shù)百個單詞，深度超過4個級別。訪客不得不無休止地點擊頁面才能獲得基本信息?？紤]到耐煩的56kbps撥號調(diào)制解調(diào)器的連接速度，實際上令人困惑的是這是趨勢。如今，當你在設(shè)計站點地圖時，必須確保少即是多，不要在頁面上填充文本！

3.過度使用動畫

在被認為引人入勝的動畫效果良好的網(wǎng)站與大量的幻燈片，淡入淡出和視差動畫之間，我在訪問成本較低的網(wǎng)站時經(jīng)常會看到它們之間的平衡，請記住，你擁有的動畫越多，加載和呈現(xiàn)給普通用戶問題的時間就越大，網(wǎng)站簡單點是最好不過的。不要誤解這一點，巧妙地使用動畫并采用“少即是多”的方法，確實可以幫助提高訪問者的轉(zhuǎn)化率并提高頁面的參與度，只是不要過度使用。

4.Web設(shè)計趨勢將從2020年汲取靈感

與許多趨勢一樣，趨勢周期通常會隨著時間的推移而重復(fù)出現(xiàn)并不斷變化。最近，隨著陰影的復(fù)蘇，這一點顯而易見。

（1）平面設(shè)計和陰影的復(fù)興

盡管平面設(shè)計已經(jīng)存在了好幾年，但它仍然很強大。可能的主要原因之一是因為平面設(shè)計通常是矢量圖像，可以高度壓縮并在SVG上輸出。這樣可以確保圖像保持視網(wǎng)膜清晰，而不會影響加載速度。

平面設(shè)計正逐漸變形為具有層次和深度的3D形狀，最新趨勢是少量使用陰影效果，使平面設(shè)計重獲新生。

（2）精美的動畫

在2020年，動畫應(yīng)該真正保持簡單和微妙。在按鈕上使用懸停效果時，最好進行細微的漸變變化和不分散訪客注意力的動作。視差仍然是使頁面栩栩如生的一種好方法，到目前為止，全年都沒有跡象表明速度變慢。在多種設(shè)備上測試動畫非常重要，以確保javascript / CSS不會導(dǎo)致頁面抖動。

（3）抽象的形狀和冒險的色彩

也許著重于確保網(wǎng)站快速加載的另一個結(jié)果是，矢量形狀是一種使網(wǎng)站看起來既現(xiàn)代又不降低體驗速度的好方法?？梢栽贏dobe Illustrator（或類似工具）中創(chuàng)建小形狀，并將其導(dǎo)出為SVG。這樣可以使圖像變得敏感，而不會影響頁面大小。

（4）使用GIF表達情感

如果不確定GIF是什么，則你以前可能沒有使用過手機或社交媒體。他們無處不在。在面對面互動急劇減少的時代，通過內(nèi)容和對話傳達情感變得越來越困難。網(wǎng)站所有者經(jīng)常難以傳達其內(nèi)容的關(guān)鍵領(lǐng)域之一是個性和情感。在博客文章，網(wǎng)站文章使用GIF是一種極好的方法，可以全面展現(xiàn)產(chǎn)品或服務(wù)，也可以提高與觀眾互動。

（5）閱讀進度條

一個相對較新的趨勢正變得越來越流行，那就是在博客文章或文章的頂部顯示一個簡單的進度條。這將自動計算讀者閱讀文章的距離。這是一個不錯的工具，可以降低跳出率并增加頁面停留時間，因為訪問者無需擔心閱讀量會更多。

（6）Google AMP

Google AMP也許是2020年最重要的新趨勢之一，它是一種相對較新的方法，幾乎可以立即顯示內(nèi)容。前提很簡單，少即是多，通過在你的網(wǎng)站頁面上啟用AMP，移動查看者將能夠在熟悉的超快速環(huán)境中單擊你的文章并訪問你的頁面。Google會在本地緩存頁面，以便更快地呈現(xiàn)它們。唯一的限制是AMP頁面具有基本布局。