網(wǎng)頁設計布局中成功的三個基本元素

時間：2023-10-01 13:48:01 | 來源：網(wǎng)站運營

時間：2023-10-01 13:48:01 來源：網(wǎng)站運營

網(wǎng)頁設計布局中成功的三個基本元素：




出色的網(wǎng)頁設計既方便用戶又靈活，即使面對不斷變化的趨勢和技術也是如此。

幸運的是，在現(xiàn)代網(wǎng)頁設計世界中，網(wǎng)站布局不僅在藝術領域取得進步，而且在方法和邏輯上都加深了他們的利益。

這使得一個偉大的網(wǎng)頁設計布局的藝術和科學很容易復制，我們在這里解釋這一切。

易于識別的品牌

快說三遍。

好吧，我們知道那是一口，但它非常重要。

在營銷中聽到“摩擦”這個詞幾乎就像在隨機對話中聽到“伏地魔”這個名字一樣。它會讓您脊背發(fā)涼，并立即讓您懷疑您的網(wǎng)站是否正走向災難。

但是，有一種超級簡單的方法可以避免網(wǎng)站設計中的摩擦，使您的品牌易于識別：顯而易見。

不，這不是技巧問題的技巧答案。

盡管您的聽眾很聰明是顯而易見的，但當我們讓他們比必要的更努力思考時就會產(chǎn)生摩擦。

因此，當您最初開始布置您的網(wǎng)站時，請確保您不要忽視基礎知識——您的品牌標志、顏色和字體。

一個可以使用徽標更新的品牌示例？伯克希爾·哈撒韋公司。

盡管沃倫巴菲特的身價高達 1080 億美元……加上“B”……但他的網(wǎng)站并未向用戶介紹公司的任何信息。除了簡單的徽標外，該網(wǎng)站甚至沒有關于我們的頁面來幫助用戶了解他們正在查看的內容。







現(xiàn)在，與該網(wǎng)站直接對立的是全球金融機構富國銀行。

他們不僅在折疊上方有 “關于富國銀行”的鏈接，網(wǎng)站上的視覺效果和副本讓網(wǎng)絡訪問者更容易理解這是一家旨在履行簡化客戶生活使命的金融機構.

清晰的導航

第二點緊接第一點，你會明白為什么。

就像上面提到的，網(wǎng)頁布局和摩擦就像油和水——它們不會混合。因此，當出現(xiàn)測試用戶耐心的選項時……好吧，不是……我們的專業(yè)意見會為后者投票。

實現(xiàn)這一目標的最佳方法是確保您的網(wǎng)站布局為用戶消除盡可能多的問號。

或者，換句話說，是直觀的。

以谷歌的母公司 Alphabet 為例。







像什么？

雖然網(wǎng)頁設計在視覺上很吸引人，并且對空白的使用非常好，但我有很多問題。

我不想更多地了解他們的投資者，我想知道他們到底在做什么以及他們?yōu)槭裁催@樣做。

而這正是摩擦力。

這些問題幾乎肯定會讓人感到沮喪，從而導致用戶跳入競爭的懷抱。

網(wǎng)絡訪問者期待即時滿足。正如我對Alphabet 的回應所證明的那樣，我和我們大多數(shù)人一樣。

現(xiàn)在，看看像Primitive這樣的公司。







盡管一家以服務為導向的公司（與產(chǎn)品相比）在向潛在客戶表達他們的價值時可能會有些困難，但網(wǎng)絡訪問者需要知道你在做什么以及你如何幾乎立即為他們提供價值當然不是不可能的，否則他們將永遠不會留在您的網(wǎng)站上。

因此，消除摩擦的最簡單和最簡單的方法之一是確保用戶有效瀏覽您的網(wǎng)站所需的一切都位于折疊上方，如上圖。這意味著您的導航應該在您的用戶進行任何滾動之前存在。

如果用戶有興趣了解有關您在導航中顯示的預告片的更多信息，則他們可以決定開始探索過程。

視覺層次

與閱讀一本書（從左到右）不同，大多數(shù)網(wǎng)站都設計為從上到下查看。

然而，即使掌握了這些知識，重要的是要記住，大多數(shù)網(wǎng)絡用戶不會按照該順序查看網(wǎng)站布局。事實上，大多數(shù)網(wǎng)站讀者根本不閱讀網(wǎng)站——他們只是瀏覽。

這與視覺層次結構也有很大關系，即您的網(wǎng)頁設計策略。

網(wǎng)站是豐富的品牌信息和信息。您的組織能夠根據(jù)視覺元素的層次結構將特定消息定向到特定受眾。

這使得優(yōu)先考慮您的消息對您的網(wǎng)站布局至關重要。

以 http://Arngren.net 為例







視覺效果是混亂的，用戶完全沒有理由了解該品牌希望通過該網(wǎng)站實現(xiàn)的目標。

然而，與這個令人焦慮的網(wǎng)站形成鮮明對比的是 Apple 的網(wǎng)站，該網(wǎng)站展示了他們的AirPods Pro。







現(xiàn)在，蘋果在技術和文化方面已經(jīng)有幾十年的歷史了，所以它有一點不公平的優(yōu)勢。但是，如果它沒有壞，就不要修理它。

它們的布局極簡、時尚且易于導航。一旦用戶進入網(wǎng)站，他們就會了解 Apple 正在推廣的產(chǎn)品，并被邀請觀看“觀看產(chǎn)品電影”或以產(chǎn)品為焦點的故事。

在比較兩種網(wǎng)站設計（Arngren 與 Apple）時，用戶本質上會遇到兩種截然不同的體驗，如果有選擇，我很難想象許多人會選擇前者。

盡管網(wǎng)頁設計屬于簡單到時尚和復雜的范圍，但擁有一個布局精美的網(wǎng)站歸結為兩件事：尊重您的觀眾和尊重基礎。