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

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

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

1、速度

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

2、平面設(shè)計(jì)

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

3、單頁(yè)設(shè)計(jì)

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

4、手機(jī)第一

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

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

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

6、視頻的背景

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

7、Micro-Animations

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

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

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

9、增強(qiáng)現(xiàn)實(shí)

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

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