為什麼排版可以成就或破壞您的網站

這是一個來賓貢獻者條目。 本內容中包含的觀點和意見僅代表作者的觀點，與 Cyber​​naira 無關。

當您嘗試分解創建網站時最重要的元素時，通常會想到兩件事：設計和內容。 毫無疑問，他們是節目的明星。 但就像任何明星一樣，它們嚴重依賴較小的元素來完成畫面。

其中一個很少受到關注的是排版。 這很奇怪，因為它是設計和內容不可分割的一部分。 它在無所不能的轉化率中也起著關鍵作用。

可能很難立即想像這是怎麼回事，但是到本文結尾時，您會發現在不了解排版規則的情況下，很難想像您是如何做到這麼長時間的。

但是，不要為此感到太糟糕。 大多數網站所有者，更糟糕的是，互聯網營銷人員都在同一條船上。

他們很可能在沒有考慮排版元素的情況下花費大量時間和精力來優化他們的網站以進行 SEO 和轉換。 然而，它的心理影響已被科學證明。

如果您在網站上盡了最大努力，但您的轉化率仍然低於預期，那麼罪魁禍首可能是您做出（或不做出）關於排版的決定。

排版定義。

在繼續之前，您應該首先了解什麼是排版。 簡而言之，排版是文本的設計。 它與它的外觀、佔用的空間以及掃描方式有關。

當用戶在您的網站上打開一個頁面時，他們做的第一件事就是掃描頁面而不閱讀任何內容。 他們根據頁面的外觀形成對該頁面的印象，並且在大多數情況下，這涉及文本的外觀。 考慮這個網站：

將其與此進行比較：

你注意到排版的不同了嗎？

雖然第二個站點對您來說可能比第一個站點更有用，但您更有可能關閉它。

為什麼？

因為掃描太難了。

第一個更容易掃描，因此您更有可能在不了解任何一個站點的情況下對其有良好的印象（而對第二個印像不好）。

由於第二個站點在設計和排版方面做出了錯誤的選擇，因此頁面上可能存在的任何智慧塊都可能不會被大多數訪問者發現，這意味著轉化率低。

現在，您可能認為排版只是您選擇的字體。 這只是等式的一部分。 當然，字體很重要，但它僅指特定的字體樣式。

字體本身是一組具有共同特徵的字體，因此您將更好地利用時間來研究字體而不是特定字體的效果。

一個非常熟悉的例子是 Arial，它是一種字體，而不是字體。 Times 和 Garamond 也是如此，它們有多種不同的字體。

除了字體和字體，您還需要考慮

• 線長
• 前導——行距
• 字距調整 – 字母或字符之間的空白
• 跟踪 - 統一的字母間距

所有這些（或至少，它們應該）有目的地在您的網站上匯集在一起 ，為此，您需要了解排版的作用和影響。

排版的作用

學習排版的主要目的是提高文字而不是綜合意義上的可讀性。 設置得太近、太長、太小、太捲曲或對比度太低的文本很難閱讀。

你只需要問問自己，當你面對一段你不能輕易閱讀的文本時你會怎麼做。 大多數人會簡單地離開它。

在某些情況下，您可能還是會嘗試閱讀它，但很可能您不會理解您正在閱讀的內容，或者您​​不會讀到最後。 您唯一的收穫也很可能是麻煩多於其價值。

排版的作用是確保您將信息傳達給讀者。 它可能是信息或推銷。 這並不重要。

重要的是，您為吸引人們訪問您的網站所做的所有努力最終都得到了回報，而良好的排版確保您的訪問者至少會理解您要說的話。

帶領他們前進。

您可能知道在線用戶傾向於以可預測的模式閱讀。 一項研究表明它遵循 F 模式，另一項研究表明它在首屏之上。 您可以使用這些知識將“重要”文本放在讀者的路徑中，儘管這可能會帶來一些設計和技術問題。

一個更簡單靈活的選擇是使用排版創建視覺層次結構。

實際上，您通過使用正確的文本大小、樣式和顏色，將讀者引導至文本的“重要”部分。 為此，你需要知道人們是如何感知和組織視覺信息的，格式塔的理論會為你分解它。

簡單來說，該理論指出，人們傾向於在相似性、接近性、連續性、閉合性以及圖形和背景方面分組視覺信息。 要引起對頁面中某些元素的注意，您需要吸引讀者的注意力。

例如，如果您想引起對副本中“下載”鏈接的注意，您可以使用格式塔的相似性理論，將其設置為各種顏色或字體。

您還可以通過將“下載”一詞放在單獨的行上來使用鄰近度。 另一種策略是通過使用彎曲箭頭指向他們需要單擊的單詞來使用延續。

塑造觀念。

到目前為止，我們已經討論了排版如何將讀者引導到頁面中的某些元素，但我們還沒有研究它如何影響讀者的決策行為。 這是至關重要的，因為轉換取決於顯著程度

這是至關重要的，因為轉換很大程度上取決於讀者的感知。 正如您可能想像的那樣，積極的看法是您想要轉換的。

事實證明，您選擇的字體會對讀者對內容的看法產生可衡量的影響。 最近的一項研究表明，對於相同的內容，使用不同的字體會引起不同的情緒反應。

當聲明以 Baskerville 字體呈現時，很多人相信該聲明。

然而，當以 Comic Sans 字體呈現相同的聲明時，很多人不同意它。 這似乎表明字體影響了聲明的可信度。

這很容易。 考慮以下語句：

在不知道這兩種字體的名稱的情況下，您認為哪一種更權威？

現在，這並不意味著像 Comic Sans 這樣的字體在網站設計中沒有位置，我們都應該使用 Baskerville 作為我們的字體。 關鍵是，您的排版反映了您的網站和目標市場的個性。

如果您與高科技行業的 CEO 和其他高管打交道，那麼像 Baskerville 這樣的正式字體可以讓您的網站看起來更專業。

另一方面，如果您迎合孩子或他們的父母，Comic Sans 可以恰到好處地體現出樂趣和友善。

如果您迎合不同的市場，則有許多介於兩者之間的選擇。 您需要找出最適合您的方法。

使其易於閱讀。

您需要找出的下一件事是多大才足夠可讀。 假設您的頁面是可掃描的，您的下一個問題是確保用戶可以盡可能輕鬆地閱讀您的內容，並且大小確實很重要。 對此沒有硬性規定，但

這沒有硬性規定，但威奇托州立大學對在線使用的 8 種最受歡迎的字體進行的一項研究發現，最易讀的字體是 14 號字體的 Arial 和 12 號字體的 Courier。 最難以辨認的

最難以辨認的是 Comic Sans（再次），儘管它仍然與 Arial 和 Verdana 一起成為首選字體。

如果您喜歡與研究中包含的字體不同的字體，則在確定內容最易讀的字體大小時，您需要進行自己的研究。 您可以按照本文中的提示開始。 （警告：涉及一些數學問題！）

然而，在你自己動手之前，你應該知道，關於哪種字體風格更好，襯線字體還是無襯線字體存在相當大的爭論。

襯線字體的一個例子是 Times，而無襯線字體是 Arial。 一般來說，與襯線字體相比，無襯線字體在任何尺寸下都更容易閱讀，主要是因為它們更簡單。

改善情緒和認知。

最後但同樣重要的是，排版對讀者的情緒和理解有顯著影響，如本研究所示。 在摘要中，作者得出結論，“好的排版會帶來好心情”，這會影響他們的認知表現。

換句話說，如果您發現閱讀文本很容易，您就更有可能感覺良好，並且更容易理解您正在閱讀的內容。 您可能直觀地知道這一點，但量化時很好。

然而，重點不僅僅是學術上的。

您的讀者在閱讀您的文案時心情愉快，這對您的轉化率至關重要，因為無論發生什麼情況，他們都更有可能接受您的號召性用語。

如果好的排版能讓你做到這一點，你為什麼不盡力把它給他們呢？

結論。

正如勵志演說家史蒂夫貝克利所說：“第一步是最重要的。 這是最關鍵和最有效的，因為它將啟動您選擇的方向。” 您已經邁出了關鍵的第一步，以了解為什麼排版對您的網站很重要。

它給了你下一步的方向，即將你所學的一切付諸實踐。

關於 Michie Victoriano：

我是一名營銷研究和分析師，在營銷、研究、分析和在線營銷方面擁有超過 6 年的經驗； 2年搜索引擎優化經驗。 目前是一名自由職業者。 喜歡打電子遊戲、打籃球，也非常喜歡咖啡。