您的網(wǎng)站需要具備一些關(guān)鍵的設(shè)計(jì)原則和元素。雖然，這并不意味著您的營(yíng)銷網(wǎng)頁(yè)設(shè)計(jì)都是規(guī)則而不是游戲。

技術(shù)和趨勢(shì)可以迅速發(fā)展，網(wǎng)頁(yè)設(shè)計(jì)趨勢(shì)也不例外。但是，緊跟新趨勢(shì)并嘗試更新的設(shè)計(jì)可以讓您的品牌保持新鮮和現(xiàn)代。

以下是我們值得關(guān)注的頂級(jí)營(yíng)銷網(wǎng)頁(yè)設(shè)計(jì)趨勢(shì)

您想要使用的營(yíng)銷網(wǎng)頁(yè)設(shè)計(jì)趨勢(shì)

我們發(fā)現(xiàn)的頂級(jí)營(yíng)銷網(wǎng)頁(yè)設(shè)計(jì)趨勢(shì)都是關(guān)于大膽、明亮和獨(dú)特的。的確，您可以遵循一些公式和基本計(jì)劃來布局您的營(yíng)銷網(wǎng)站；這些趨勢(shì)跳出框框思考。隨著網(wǎng)頁(yè)設(shè)計(jì)和開發(fā)工具的進(jìn)步，如何創(chuàng)造性地展示您的營(yíng)銷的可能性幾乎是無窮無盡的。

大膽的顏色+漸變

時(shí)尚和簡(jiǎn)約的黑白設(shè)計(jì)有時(shí)間和地點(diǎn)。然而可能不是那個(gè)時(shí)候。顯示器和設(shè)備的進(jìn)步意味著設(shè)計(jì)師可以玩轉(zhuǎn)大膽的色彩，并相信最終用戶會(huì)看到完整的體驗(yàn)。Spotify的標(biāo)志性顏色可能是綠色，但他們的主頁(yè)卻是粉紅色和橙色。

當(dāng)談到鮮艷的色彩時(shí)，更多的營(yíng)銷網(wǎng)站設(shè)計(jì)師并沒有將自己限制在單一的色調(diào)上。漸變?cè)诹餍汹厔?shì)中發(fā)揮了作用，但它們是為平面屏幕添加有趣維度的簡(jiǎn)單方法。Scale為他們的主頁(yè)選擇了紫色和粉色漸變。

動(dòng)畫、插圖和視頻；天??！

由于用戶將在其上查看高分辨率屏幕，設(shè)計(jì)師使用更大膽的顏色，開發(fā)人員可以遠(yuǎn)離靜態(tài)圖像，因?yàn)樗麄兛梢源_保速度不會(huì)受到影響。

如果營(yíng)銷網(wǎng)站確實(shí)有靜態(tài)圖像，那么現(xiàn)在比以往任何時(shí)候都更有可能成為自定義插圖。您可以在 Slack等公司的營(yíng)銷網(wǎng)頁(yè)設(shè)計(jì)中看到這一點(diǎn)。

營(yíng)銷網(wǎng)頁(yè)設(shè)計(jì)獎(jiǎng)勵(lì)積分歸于 Zingle，他在其網(wǎng)站的保留部分上方的單個(gè)部分上使用了大膽的顏色和自定義插圖。

比靜態(tài)插圖更上一層樓的是簡(jiǎn)單的動(dòng)畫。微妙的動(dòng)畫可用于引起對(duì)頁(yè)面或 CTA 上特定區(qū)域的注意、解釋服務(wù)或僅用于娛樂。在INTURN的案例中，他們使用下面的動(dòng)畫來說明他們想要解決的問題。

另一方面，Heystack使用動(dòng)畫來說明他們的服務(wù)所做的事情，而且觀看起來也很有趣。

雖然客戶插圖和動(dòng)畫很有趣，但它們對(duì)訪問者的完全理解和購(gòu)買意愿的影響相對(duì)較小。這就是營(yíng)銷網(wǎng)站也將努力轉(zhuǎn)向 視頻的原因。它們非常適合融入您的內(nèi)容營(yíng)銷策略。事實(shí)上， 四倍的消費(fèi)者更愿意觀看有關(guān)產(chǎn)品的視頻而不是閱讀產(chǎn)品。

全屏表單

歸根結(jié)底，您的營(yíng)銷網(wǎng)頁(yè)設(shè)計(jì)應(yīng)該充當(dāng)實(shí)現(xiàn)您和您的用戶目標(biāo)的工具。您的網(wǎng)站最有用的目標(biāo)之一是產(chǎn)生潛在客戶。

雖然動(dòng)畫、大膽的顏色和解說視頻都有助于推動(dòng)用戶沿著購(gòu)買者的旅程前進(jìn)，但歸根結(jié)底是收集電子郵件。在生成潛在客戶時(shí)，有時(shí)一個(gè)出色的 CTA 按鈕不足以完成工作。因此，我們希望看到更多完整的頁(yè)面彈出表單，使注冊(cè)演示或下載鉛磁鐵很難錯(cuò)過。在下面的示例中， LiveChat在他們的網(wǎng)站上使用了這種營(yíng)銷網(wǎng)頁(yè)設(shè)計(jì)趨勢(shì)。

有趣的字體

所有設(shè)備支持的網(wǎng)站字體的數(shù)量和種類都在不斷增長(zhǎng)。營(yíng)銷網(wǎng)站設(shè)計(jì)中的可變字體意味著在不同的場(chǎng)景中可以使用更多大小的字體。例如，設(shè)計(jì)師Jason Pamental解釋說：“可變字體可以為不同的屏幕尺寸和語(yǔ)言定制字符寬度，以提供更好的行長(zhǎng)，為視力不佳或視力不佳的人調(diào)整文本等級(jí)（考慮整體前景/背景對(duì)比度）。燈光場(chǎng)景，以及調(diào)整字符的“光學(xué)尺寸”，因?yàn)樗鼈円愿〉奈锢沓叽绫硎?，以獲得更好的可讀性。”

除了在不同場(chǎng)景下可變字體大小，今年的營(yíng)銷網(wǎng)頁(yè)設(shè)計(jì)創(chuàng)新者將使用越來越獨(dú)特的排版。目前，大多數(shù)營(yíng)銷網(wǎng)站在涉及有趣和多樣的地形時(shí)都比較保守，但也許他們會(huì)從像Nurture Digital這樣的網(wǎng)站中獲得啟發(fā)，這些網(wǎng)站使用字體來產(chǎn)生大膽的影響。

網(wǎng)頁(yè)設(shè)計(jì)也將帶來更多（gasp）襯線字體的使用。UXDesign認(rèn)為無襯線字體比襯線字體更受網(wǎng)頁(yè)設(shè)計(jì)師的歡迎，因?yàn)橐郧捌聊环直媛侍投鵁o法使襯線看起來不錯(cuò)。然而，現(xiàn)在情況發(fā)生了變化。不相信我？向上滾動(dòng)到 Slack 示例。當(dāng)您專注于自定義插圖時(shí)，您可能沒有注意到襯線字體。

更多營(yíng)銷網(wǎng)站趨勢(shì)

并非所有影響營(yíng)銷網(wǎng)站的趨勢(shì)都是純視覺的。以下是一些在您的營(yíng)銷網(wǎng)頁(yè)設(shè)計(jì)中需要注意和實(shí)施的趨勢(shì)。

準(zhǔn)備語(yǔ)音接口

有一段時(shí)間，我們與之交互的屏幕，比如我們手機(jī)上的屏幕，似乎變得越來越大。但是對(duì)屏幕的需求會(huì)完全消失嗎？這不太可能很快發(fā)生，但語(yǔ)音搜索和語(yǔ)音助手的使用正在增加。

網(wǎng)站設(shè)計(jì)師可以領(lǐng)先于這項(xiàng)技術(shù)的一種方法是在他們從事網(wǎng)頁(yè)設(shè)計(jì)和 UX 的工作時(shí)考慮和學(xué)習(xí)語(yǔ)音導(dǎo)航。Edenspiekermann的 CCO Paul Woods建議，了解如何構(gòu)建出色的語(yǔ)音驅(qū)動(dòng)界面將成為未來 UX 設(shè)計(jì)師不斷增長(zhǎng)的要求。”

個(gè)性化體驗(yàn)向前邁進(jìn)

Shopify 就 2018 年網(wǎng)頁(yè)設(shè)計(jì)趨勢(shì)采訪了產(chǎn)品設(shè)計(jì)師布拉德·韋弗(Brad Weaver )，他在其中大膽預(yù)測(cè)這將是主頁(yè)消亡的一年。雖然我們還沒有準(zhǔn)備好建議您的營(yíng)銷網(wǎng)站完全放棄主頁(yè)，但 Brad 可能正在做一些事情。他的想法是，網(wǎng)站將變得更具動(dòng)態(tài)體驗(yàn)，擁有更多個(gè)性化的切入點(diǎn)。

我們致力于為您的不同用戶角色和買家旅程的各個(gè)階段量身定制內(nèi)容。為轉(zhuǎn)化優(yōu)化的個(gè)性化入口點(diǎn)和登錄頁(yè)面是要采用的東西。

無論您決定嘗試哪種營(yíng)銷網(wǎng)頁(yè)設(shè)計(jì)趨勢(shì)，您的網(wǎng)站都需要一些不可協(xié)商的東西。這些都是：

• 移動(dòng)兼容性——潛在用戶無論使用什么設(shè)備都應(yīng)該有很好的體驗(yàn)

• 加載時(shí)間和頁(yè)面速度——快速的加載時(shí)間不僅有利于用戶體驗(yàn)；這對(duì)SEO也很重要

• 安全性——如果您正在處理用戶數(shù)據(jù)，請(qǐng)確保您有適當(dāng)?shù)南到y(tǒng)來保證其安全

今年你想嘗試哪些網(wǎng)頁(yè)設(shè)計(jì)趨勢(shì)？