接下來的一年在網(wǎng)頁設(shè)計領(lǐng)域?qū)菢O具爭議的一年。一方面，設(shè)計師會在平面設(shè)計和極簡主義中尋求簡單。另一方面，視頻背景、網(wǎng)格布局和動畫將變得更加流行。合乎邏輯的問題是：你如何在一個充斥著花哨元素的庸俗網(wǎng)站和幾乎看不到面孔的空白頁面之間實現(xiàn)和諧？不幸的是，一個完美的解決方案并不存在。有經(jīng)驗的營銷人員說：“每件事都是因人而異的。你應(yīng)該再試一次，直到你找到適合你的決定。”因此，在這兩種趨勢方法之間找到平衡并專注于主要目標(biāo)是很重要的：提高用戶在網(wǎng)站上的體驗。在這篇文章中，你將會了解到9個主要趨勢，它們將會對用戶體驗產(chǎn)生積極的影響，并決定2019年的網(wǎng)頁設(shè)計方向。2019年的網(wǎng)頁設(shè)計趨勢:你準(zhǔn)備好優(yōu)化你的網(wǎng)站并增加轉(zhuǎn)化率了嗎?

網(wǎng)頁設(shè)計趨勢" width="560" height="334" />

2019年大勢網(wǎng)站的9大支柱：曾經(jīng)有一段時間，移動網(wǎng)站或Flash視頻和動畫非常流行。盡管如此，用戶的行為仍在不斷變化，新技術(shù)取代了過時的技術(shù)，百度速度更新設(shè)置了新的規(guī)則。是的，網(wǎng)頁設(shè)計趨勢以驚人的速度交替出現(xiàn)，追求它們(即：修改整個網(wǎng)站)是很困難的。然而，為了保持領(lǐng)導(dǎo)地位，有一些決定性的傾向是必須遵循的。2019年，九個主要的網(wǎng)頁設(shè)計趨勢已經(jīng)確立，預(yù)計將在許多網(wǎng)站上實施，以吸引流量，并將訪客轉(zhuǎn)化為客戶。這些趨勢是：速度、平面設(shè)計、單頁設(shè)計、手機第一、打破電網(wǎng)/不對稱布局、視頻的背景、Micro-Animations、聊天機器人/機器學(xué)習(xí)、增強現(xiàn)實?，F(xiàn)在，讓我們更深入地看看這些趨勢組件。

1、速度

在設(shè)計過程中，優(yōu)化網(wǎng)站的速度應(yīng)該是優(yōu)先考慮的。關(guān)于這一主題的案例研究顯示出以下數(shù)字：Shopzilla在優(yōu)化頁面速度后，將轉(zhuǎn)化率提高了12%，頁面瀏覽量提高了25%。Edmunds.com減少了7秒的加載時間，頁面瀏覽量增加17%，廣告收入增加3%。加載速度快的網(wǎng)站比那些需要更多時間來顯示大量數(shù)據(jù)的網(wǎng)站擁有更好的用戶體驗。此外，根據(jù)最新的速度更新，百度現(xiàn)在優(yōu)先排名最快的加載網(wǎng)站。當(dāng)其他搜索引擎遵循這個例子時，我不會感到驚訝。然而，優(yōu)化網(wǎng)站的速度并不完全是web開發(fā)人員的目標(biāo)。設(shè)計師的貢獻也很重要。沉重的照片、未壓縮的視頻和臃腫的JavaScript必須永遠(yuǎn)從網(wǎng)站上刪除。他們幾年前就死了?，F(xiàn)在，有許多工具和技術(shù)(甚至對于初學(xué)者)可以幫助優(yōu)化大型可視化組件以提高速度。除了壓縮大的視覺效果，還有8種方法來優(yōu)化網(wǎng)站的速度。

2、平面設(shè)計

作為速度問題的后續(xù)，平面設(shè)計將在2019年變得非常流行，原因有二：桌面和移動用戶都將體驗更快的網(wǎng)站加載；平面設(shè)計的網(wǎng)站具有更高的SEO價值，因為它們執(zhí)行速度要求。創(chuàng)建一個平面設(shè)計并不意味著從網(wǎng)站上刪除所有的視覺效果和樣式組件。這意味著減少那些會降低網(wǎng)站性能的分散注意力的元素，并在網(wǎng)站中填充有用的內(nèi)容。在一開始，重要的是要用兩到三種顏色相互完美搭配來代替鮮艷豐富的配色方案。此外，您應(yīng)該查看網(wǎng)站上的橫幅、滑塊、彈出窗口和小部件。其中一些可能沒有任何價值，可以被移除。這樣，您就可以騰出一些空間，使站點上的導(dǎo)航更加方便。簡約的設(shè)計并不無聊。通過使用對比色、無襯線字體和一些簡單但引人入勝的視覺效果，您將為您的網(wǎng)站創(chuàng)建一個直觀的設(shè)計和吸引人的外觀。說到字體，復(fù)雜非凡的無襯線字體和OpenType可變字體將在2019年成為時尚。

3、單頁設(shè)計

由于平面設(shè)計和極簡主義，無頁設(shè)計將成為2019年的下一個趨勢。是的，在SEO優(yōu)化方面，單頁設(shè)計不是最好的主意。由于空間有限，完成主要SEO技術(shù)對高排名是復(fù)雜的。此外，很難在頁面中填充關(guān)鍵詞，讓搜索引擎更容易注意到站點。盡管如此，單頁設(shè)計還是有很大的優(yōu)勢，有助于確立自己在接下來一年的領(lǐng)先趨勢：搜索引擎喜歡輕巧快速的網(wǎng)站(速度，速度，速度)。它們不會被HTML、CSS或JavaScript重載，通常具有更好的用戶體驗。它們更像是手機優(yōu)先的網(wǎng)站，在任何設(shè)備上都很好看。這樣的站點更容易修改和更改。瀏覽它們真的很容易(這會帶來更好的轉(zhuǎn)換)。用戶也喜歡單頁設(shè)計，因為它們大多包含相關(guān)信息，沒有什么能讓訪問者偏離他們的主要目標(biāo)。記住，站點的類型在很大程度上取決于您的活動的具體情況。例如，這種解決方案可能不適合電子商務(wù)網(wǎng)站?？傊瑹o頁設(shè)計的流行是短暫的。不過，他們肯定會在2019年說一句話。

4、手機第一

多項研究表明，通過手機上網(wǎng)的人比通過臺式電腦上網(wǎng)的人多。根據(jù)2017年的研究：使用移動設(shè)備上網(wǎng)的游客比例從57%上升到63%。通過移動設(shè)備上網(wǎng)的時間也從40%增加到49%。2019年(以及2018年)，將有更多的人使用移動設(shè)備上網(wǎng)。因此，為移動用戶優(yōu)化網(wǎng)站是所有web設(shè)計師、開發(fā)人員和其他相關(guān)人士的下一個目標(biāo)。不過，手機友好型網(wǎng)站和手機優(yōu)先型網(wǎng)站之間還是有一些細(xì)微的區(qū)別。隨著移動友好，用于創(chuàng)建桌面網(wǎng)站的技術(shù)被修改和實現(xiàn)到移動響應(yīng)網(wǎng)站。以移動為先的產(chǎn)品采用的是原創(chuàng)策略。在這種情況下，網(wǎng)站首先為移動設(shè)備創(chuàng)建，然后適應(yīng)桌面。2015年，百度推出了新的移動先行指數(shù)。據(jù)信，該搜索引擎開始根據(jù)網(wǎng)站的移動版本而不是桌面版本對網(wǎng)站進行排名。這意味著擁有一個移動網(wǎng)站是不夠的。創(chuàng)建和優(yōu)化搜索引擎的所有標(biāo)準(zhǔn)應(yīng)該是優(yōu)先考慮的。到2019年，隨著移動版本的開發(fā)和改進，要求只會越來越嚴(yán)格。優(yōu)化應(yīng)該基于用戶的行為。例如，測試漢堡菜單的不同選擇是很重要的。Shopify的代表指出，當(dāng)他們用標(biāo)簽欄取代漢堡包菜單時，實際菜單項的點擊量增加了30%，而點擊量則增加了9%。Facebook的代表也證實了這一點。在這種情況下，菜單的特定類型并沒有像預(yù)期的那樣直觀和方便。此外，網(wǎng)站的網(wǎng)格和所有元素的位置應(yīng)該考慮到大多數(shù)人如何持有他們的智能手機。例如，根據(jù)研究，50%的用戶用雙手握住手機。在設(shè)計網(wǎng)站時，這些表面上看起來不重要的事實應(yīng)該被考慮進去。這就是為什么僅僅對桌面版本進行一些技術(shù)更改并使其適應(yīng)移動設(shè)備是不夠的。個性化的方法非常重要。

5、布局不對稱，網(wǎng)格破碎

2019年，網(wǎng)頁設(shè)計師將避免對稱。網(wǎng)絡(luò)暴力將在接下來的一年里掀起一股熱潮。不對稱的布局可以以不同的方式出現(xiàn)：不合適的標(biāo)題、大小不等的塊、頁面上元素的不尋常位置、不規(guī)則的圖案、紋理的混合，當(dāng)然還有破碎的網(wǎng)格。破碎的網(wǎng)格是計劃不對稱的一部分。他們的目標(biāo)仍然是引導(dǎo)訪問者瀏覽網(wǎng)站，并將他們的注意力吸引到最重要的部分。因此，把這項工作交給一個有著細(xì)膩美感的專業(yè)人士來做是至關(guān)重要的。否則，網(wǎng)頁設(shè)計師會把網(wǎng)站弄得一團糟。

6、視頻的背景

盡管人們希望簡單和極簡主義，但視頻將在2019年變得更受歡迎。雖然他們傾向于更重的重量和減慢網(wǎng)站的性能，他們真的導(dǎo)致轉(zhuǎn)換：視頻具有引人注目的效果。一旦一個人訪問一個網(wǎng)站，看到視頻播放，他肯定會停一段時間。一旦訪客對你感興趣，你就有機會提升他們對你的公司/服務(wù)/藝術(shù)/活動等的興趣。視頻比文字能傳達(dá)更多的信息。在兩分鐘內(nèi)，你可以說的比你寫的兩三段話要多。這種視覺的互動性吸引著人們。我們大多數(shù)人都厭倦了枯燥的文字(尤其是冗長、累人、花哨的文字)。視頻節(jié)省時間。用戶可以在后臺打開它，繼續(xù)做其他事情(閱讀:更好的用戶體驗)。最后，你沒有在高質(zhì)量的視頻背景中發(fā)現(xiàn)任何現(xiàn)代和時尚的東西嗎?

7、Micro-Animations

微動畫是一個強大的工具，引導(dǎo)用戶通過網(wǎng)站，并有助于直觀的性質(zhì)的現(xiàn)代設(shè)計。它們可以以不同的形式出現(xiàn):某個元素顏色的變化，鼠標(biāo)在它上面移動時元素的變化，等等。這些技巧可以告訴一個人，他正在朝著正確的方向前進。微動畫最流行的一種形式是用于web表單。此外，微動畫還可以獎勵用戶在網(wǎng)站上的某些行為(完成注冊、預(yù)訂酒店房間、購買物品等)。

8、聊天機器人/機器學(xué)習(xí)

你還記得那些用奇怪的聲音大聲發(fā)出你的命令的機器人嗎?感謝上帝，那些時代已經(jīng)結(jié)束了。今天的機器人不會造成更多的問題——它們通過人工智能(AI)和機器學(xué)習(xí)解決了現(xiàn)有的問題。這就是為什么統(tǒng)計天才安德魯·波爾(Andrew Pole)將Target指數(shù)提高到能識別青少年懷孕的水平。機器學(xué)習(xí)可以分析我們在互聯(lián)網(wǎng)上的活動，并創(chuàng)建特定的模式，根據(jù)這些模式我們可以得到個性化的優(yōu)惠和廣告。這就是為什么Facebook比我們的奶奶更了解我們。2019年，這些技術(shù)將得到改進。聊天機器人與網(wǎng)站的交互以及信息收集和處理算法將達(dá)到下一個層次。明年，機器人提供的客戶支持質(zhì)量也會讓我們大吃一驚。

9、增強現(xiàn)實

目前，增強現(xiàn)實主要被一些應(yīng)用和游戲所使用。不過，這很快就會成為一種進步的趨勢。你已經(jīng)可以在一些網(wǎng)上商店找到AR。通過增強現(xiàn)實的交互變得更容易，因為大多數(shù)設(shè)備都有攝像頭。它是如何工作的?例如，您可以使用虛擬鏡子在電子商務(wù)商店試穿衣服。交互式3D菜單也代表AR。這種技術(shù)是數(shù)字內(nèi)容與現(xiàn)實世界的結(jié)合，其機會幾乎是無限的。然而，這個球體還沒有被完全發(fā)現(xiàn)。所以，你可以為它的發(fā)展做出貢獻，并在2019年的網(wǎng)頁設(shè)計趨勢中留下印記。最瘋狂的事情之一，似乎是不可能的，我們的奶奶和爺爺關(guān)閉收集的網(wǎng)頁設(shè)計趨勢下一年。雖然讓訪問者感到驚訝和與他們互動很重要，但關(guān)鍵的目標(biāo)仍然應(yīng)該是提供一個積極的用戶體驗。直觀的設(shè)計，方便的導(dǎo)航，快速的性能應(yīng)該是優(yōu)先考慮的。

感謝您閱讀本文。繼續(xù)關(guān)注我們，獲取更多的秘密信息。