創建一個甜蜜的主頁設計：10 步指南

主頁是任何網站的決定性特徵； 他們給您的目標市場留下深刻印象的潛力是無限的。 無論它應該是引人入勝的還是直截了當的，主頁都需要提供。

一旦您開始考慮各種設計方法，挑戰就會出現。 你怎麼知道哪種風格最適合你的品牌？ 這是我們對主頁設計的完整細分。

10 秒法則

主頁是網站的第一印象。 這就像一首歌的介紹、小說的第一頁或系列的第一集。 坦率地說，如果它不能吸引你的觀眾，那麼其餘的是否好也沒關係。 您可能認為您網站的其餘部分非常出色，而且您可能是對的。 但是，如果沒有引人入勝的主頁設計，您的大多數觀眾將不會再看下去。

您可能傾向於將您的主頁美化為天堂。 （我肯定對此感到內疚。）您可能會驚訝地發現主頁設計不僅僅是美學。 這是關於將外觀與工具箱中的其他所有內容結合起來，以保持觀眾的注意力。

輸入 10 秒規則。 10 秒規則是基於 Chao Liu 進行的一項研究。 不，這與在地板上吃食物無關（不幸的是）。

Liu 檢測到的是主頁有一個 10 秒的窗口來建立連接。 如果成功，這段短暫的時間會下意識地說服讀者留在頁面上。 如果不成功，用戶一來就點擊關閉。 通常是後者。 要么主頁是無聊的、無法訪問的、霸道的，要么根本不是用戶想要的。 作為所有者，您的目標是創建人們留在的少數主頁之一。

所以，為了紀念 10 秒規則，我覺得有必要給你 10 個關於如何創建主頁的有用提示。 請注意，不僅僅是任何主頁，而是會產生持久流量的主頁。

10. 溝通基礎知識

想想您經常訪問的任何網站。 在決定留下之前，您是否花了很長時間檢查主頁的每一小塊？ 您最初是否打算經常訪問該網站？ 還是您只是單擊一個鏈接，掃描主頁，然後確定該網站就是您要查找的網站？

90% 的人第一次偶然發現你的主頁是在尋找東西。 通常是特定的東西。 他們要么得到朋友推薦你的網站，要么點擊了你的一個廣告，要么在谷歌上搜索了一個關鍵字。 無論如何，大多數初次使用的用戶都將與您的主頁交互作為達到目的的一種手段。

因此，您要確保用戶立即確切地知道您的網站提供什麼。 你是誰和你做什麼應該是主要的話題。

9.首先考慮訪客

關於潛在受眾，您首先要了解的是人類是自私的。 這聽起來可能有點刺耳，但這是真的。 訪問主頁時，人們通常不關心您的公司或它是如何形成的。 他們關心您的網站可以為他們提供什麼。 無論您是向他們出售商品、提供資源還是提供服務，人們都想知道其中的好處。

想想你在高中時寫的那些有說服力的文章。 唯一的目的是讓讀者相信一些重要的事情。 這就是您主頁的目標——用簡短的詞或短語說服他們，讓他們相信他們應該查看您網站的其餘部分。

首先，您希望收集有關訪問者希望看到的內容的信息。 想想你的鏈接或廣告會吸引什麼樣的人。 也許您已經有人在社交媒體上關注您的品牌。 確保監控他們的興趣、需求和行為。

此外，請考慮您希望您的網頁將來吸引誰。 例如，針對中年女性的主頁看起來與針對十幾歲男孩的主頁大不相同。 您的配色方案、佈局和圖像很大程度上取決於您的目標人群。

既然您知道您的潛在訪客是誰，那麼是時候迎合他們了。 避免將自己稱為品牌或公司。 請記住，只有當人們知道您可以為他們提供什麼時，他們才會關心您。 傳達您的公司所擁有的價值。 快速簡單。 雖然流行語和雙關語可以提供幫助，但它們不是必需的。 真正重要的是可讀性。

正確的語法和完整的句子並不總是必要的。 事實上，它有時會從您的主頁中刪除。 想想人們在現實世界中相互交流的方式。 他們不使用詞彙量大的冗長句子。 除非他們正在接受采訪，或者在激烈的辯論中。

一般來說，人們欣賞相關的寫作。 簡短、不完整的句子很好，只要它們是可以理解的。

8. 決定你的佈局

當然，設計一個主頁不僅僅是你使用的單詞。 作為網站所有者，您還必須以可查找和可學習的方式構建您的主頁。

這到底是什麼意思？

• 可查找性描述了用戶在您的網站上查找內容的難易程度。
• 易學性是用戶能夠多快地弄清楚如何瀏覽網站。

UI 設計在實現可學習性和可查找性方面發揮著重要作用。 以下是創建 UI 時要遵循的一些一般準則：

• 確保您網站的主要頁面直接列在您的主頁上。
• 考慮包括一個搜索欄，以便用戶可以輕鬆訪問他們正在尋找的任何頁面。
• 如果您有想要宣傳的銷售或其他公告，請將其放在首頁的最前面。

要記住的最重要的事情是，獨創性並不總是一種好處。 作為一名新的網頁設計師，您可能會想要使您的 UI 獨特而復雜，以便在競爭中脫穎而出。 創意雖好，但完全陌生的佈局勢必讓人迷惑。 所以，我的建議是謹慎使用它。

對於您的主頁設計，您可以說通常最好是非原創的。 除非您的用戶以前從未訪問過網站，否則他們將更輕鬆地瀏覽遵循他們習慣的基本標準的佈局。

這是我正在談論的一個例子：

儘管我個人非常喜歡這種佈局，但您必須承認新用戶很難導航。 也許這個網站的目標是迷惑用戶，並且無論如何，給他們更多的權力。

但是，如果您的目標是提供可查找性和可學習性，那麼最好採用這樣的佈局：

7.想想你的排版

主頁不是沒有某種文本的主頁。 這是在線頁面與訪問者交流的方式，如果沒有它，您將很難找到一個正常運行的網站。

首次創建網站時，您可能傾向於使用顏色最鮮豔的最精美的字體。 當我還是個孩子的時候，我曾經喜歡在 wix.com 上創建一個主頁，其中包含所有可用的花哨的草書腳本。 事情是這樣的：沒有人希望他們的網站看起來像是由孩子設計的。 如果你在排版上太過分了，那正是用戶的想法。

戰略排版對於讓人們留在您的主頁上至關重要。 它不僅為用戶提供信息，而且是整個品牌的延伸。 一般來說，最好使用簡單和/或具有不同權重的字體。 Arial 就是一個很好的例子。 它不僅是一種安全、知名的字體，而且還提供 Arial Bold 和 Arial Black。

現在你可能想知道，“如果我不想安全怎麼辦？” 也許您希望您的網站的排版複雜或獨特，同時仍然看起來很專業。 好吧，我有一些好消息要告訴你：這完全有可能。 然而，這將需要更多的策略。

我的建議是選擇兩種或三種字體，您可以在整個網站中混合搭配。 如果您想要更抽像或更粗的字體，請將其用於標題並將其與更柔和的字體配對。 總的來說，這一切都是為了創建一個層次結構和連接相互補充的元素。

我建議閱讀這篇關於配對字體技術的文章。

6.想想你的意象

設計主頁時，圖像至關重要。 就像排版一樣，主頁不是沒有任何視覺效果的主頁。 圖像會影響用戶對您網站的整體感覺和期望。 這就像一本暢銷小說的封面藝術； 它可能與標題本身一樣重要。

我敢打賭，大多數人的眼睛更喜歡視覺而不是文字。 我們之所以寫文字，是因為我們喜歡通過圖畫進行交流。 因此，要設置網站的基調，您必須擁有與您想要調用的任何感覺相對應的圖像。

確保每張圖片都是高質量的。 以易於加載的方式優化圖像也是明智之舉。 在線用戶幾乎沒有耐心，如果圖像顯示時間過長就會離開。

5. 考慮組合

在主頁設計的情況下，構圖是指圖像和排版的無縫結合。 簡而言之，您要確保您選擇的字體與所選圖片相符。 這是一件很難平衡的事情，尤其是因為構圖有點主觀。

一般來說，您會希望作品能夠激勵人們以某種方式進行互動。 您的主頁應設計為讓人們向下滾動、與菜單欄交互或單擊某些鏈接。

注意這些主頁功能的用途。 圖像和文本應具有相應的目的。 例如，許多網站使用圖像來講述故事。 相應的排版有助於在推動故事發展的同時傳達一個觀點。

奢侈品牌在這方面做得非常好。 在他們的主頁上提供產品時，他們會顯示高質量的圖像，並帶有文本來詳細說明查看者正在查看的內容。

4.想想顏色

是的，甚至顏色也是一個值得討論的因素。 首先，顏色在確保您的排版可讀性方面起著重要作用。 例如，帶有白色背景的黃色文本是不可行的。 深藍色背景上的黑色文本也是如此。 在主頁設計方面，沒有足夠的對比度是一個常見但有害的錯誤。 對於大多數用戶來說，不得不瞇著眼睛閱讀文本是一個直接的交易破壞者。

當然，並非一切都與功能有關。 配色方案在創造吸引人的美學方面起著重要作用。 一些顏色組合會吸引人的眼睛，而另一些則會導致人在內部萎縮。 您不會看到許多由綠色文本和橙色背景組成的網站是有原因的。 （呸！）

雖然衝突的顏色可以吸引觀眾的眼球，但在設計主頁時最好使用一些顏色理論。 多虧了互聯網，有很多資源可以幫助您掌握它。

3.考慮用戶的平台

人們不僅會在常規桌面上看到您的網站。 在許多情況下，您會獲得從移動設備查看您的主頁的訪問者。 人們擁有 iPhone、平板電腦、遊戲機和任何數量的其他智能設備。 您可以決定是否要針對這些產品優化您的網站。 （答案是肯定的。你會的。）

在考慮平台時，請記住許多移動設備比普通筆記本電腦小。 智能手機和平板電腦具有不同的分辨率。 在您的桌面上看起來很棒的東西在某人的三星上可能很草率或難以閱讀。

這就是為什麼許多網站都有另一種移動佈局的原因。 如果您選擇實施此功能，請確保讓人們可以選擇切換到您的常規主頁。 您還可以格式化圖像、排版和構圖，使其在桌面和移動設備上看起來都很棒。 雖然這是一個挑戰，但它已經完成了。

無論您選擇哪種路線，都必須牢記您的移動用戶。

2.添加號召性用語

當然，每個主頁都需要至少一個號召性用語。 將您的主頁視為擴展廣告。 當有人訪問您的網站時，您的主要工作是將他們與上述所有因素聯繫起來。

一旦說服結束，您的下一個目標就是將用戶準確地引導到您想要的位置，通常使用突出顯示的鏈接。 你會在電子商務網站上看到很多。 他們將在其主頁上使用粗體“立即購買”按鈕列出熱門類別。

1.當有疑問時，聘請專業人士

認為您沒有設計主頁所需的能力？ 好吧，沒有必要擔心。 這就是專業人士在這裡的目的。

現在，您可以完成發布招聘廣告、進行面試和談判條款的繁瑣過程。 但是如果您需要快速的專業主頁，您可以簡單地使用 Penji。 我們擁有來自世界各地的數百名設計師，提供平面設計服務，包括網站、移動佈局等等。

如果您有其他需要工作的平面設計項目，我們也可以處理。 以固定的月費率，您可以要求盡可能多的設計。 這意味著可以覆蓋主頁的所有圖像、排版和其他部分。

主頁設計可能是一件很難掌握的事情。 但是，只要有適當的熱情和策略，您的品牌就會擁有一流的主頁，而且沒有時間。