博客設計 101：設計能夠產生結果的博客元素的完整指南

已發表: 2016-07-12

如果您嘗試從頭開始設計博客佈局，您的最終目標是創建最適合您的讀者需求和要求的設計。

對一個博客有用的東西可能對另一個博客完全沒用，所以不要太熱衷於復制別人的設計風格。相反，專注於基本原則和指導方針，讓它們幫助您開發一個獨特地代表您的設計。

設計博客是將各種元素和部分組合在一起，以創建一個網站，從而有效地將您的信息傳遞給您的讀者。下面，我們分析其中最重要的元素，以及如何將它們包含在自己的設計中。

入門

許多正在創建博客的人不知道他們想把它帶到哪裡，這在試圖確定要採取的方向時是一個大問題。但是，您可以對這件事感到安慰：您可能還不知道自己想要什麼，但是當您得到它時，您肯定會知道。回答這三個問題可以幫助您規劃設計路徑：

你的靈感是什麼？ 四處尋找設計、顏色選擇和印花的靈感。你可以在任何地方找到這些，但 Pinterest 可能是一個很好的起點。
你最喜歡的博客是哪些？ 找到五個你很喜歡的博客，確定你到底喜歡它們的什麼地方，以及你是否可以將這個想法推廣到你自己的博客上。創建一個 Pinterest 靈感板，讓您可以在一個屋簷下收集鼓舞人心的元素。
是什麼讓你與眾不同？ 你的博客應該反映你是誰。利用您想要帶來的方面，這將使您與其他方面區分開來。
你喜歡什麼顏色？ 在選擇你的配色方案時，不僅要考慮讓你快樂的顏色，還要考慮你的選擇對你正在運行的博客類型的重要性。由於您希望吸引其他人訪問您的博客，因此您不能只關注您想要的內容。

1. 標題

標題是您給觀眾留下第一印象的地方，它設定了他們與您的博客互動的基調。為嚴肅的博客提供嚴肅的標題，為有趣的博客提供有趣且富有創意的標題。有意識地選擇你的詞，然後簡潔地使用它們。

利基博主（談論特定的事情）可能會更輕鬆，但每個人都可以找到他們博客所涉及的東西——一件事。如果你有一個個人博客，那麼這個博客就是關於你的，你可以用創造性的方式分享一些關於你自己的東西。

使您的標題高度在 150 到 250 像素之間，這樣您就可以最大化您的首屏空間（滾動之前網頁上的空間）。如果您的標題必須高於 250 像素，請考慮以下事項：

添加功能元素——將導航、社交媒體圖標和 RRS 提要圖標等功能元素集成到標題中，以最大化空間。許多高級 WordPress 主題已經佈置了標題小部件部分。在 Blogger 上，您可能需要在其中編寫一個標題小部件框。
處理圖形——從插圖到照片，投資高質量的圖形；你寧願有很棒的圖形或什麼都沒有——這很嚴重。您可以在網絡上找到許多圖像和插圖。如果您更了解 Photoshop，則可以調整您的圖像以使它們更加……您。如果沒有，我敢肯定你有一個可以賄賂的朋友。獲得正確的標題將使其他方面更容易放置和設計。

2.字體和排版

字體可以幫助為您的網站和博客文章定下基調，並且您可以免費獲得許多不常用的字體。無論您是追求時尚、有趣、異想天開、嚴肅、現代、哥特等等，您都可以使用大量在線選擇。在選擇特定字體之前，請考慮以下事項：

應該易於閱讀，並且字母應該與其他元素很好地配合使用。
如果組合字體，它們應該相互補充（最多使用三種字體）。
保持主要文本字體簡單。它應該干淨，對眼睛很舒服。有一個褶邊，有趣的主要字體會使閱讀變得困難並讓大腦疲憊不堪。您可以在邊欄、簽名、標題和帖子標題上使用有趣的字體。
請，請，請不要使用 Papyrus 或 Comic Sans，我們求求你。
它既不能太小也不能太時髦；你的讀者不會受苦。

在為您的網站正文選擇字體時，請考慮它是否會在所有計算機上以相同的方式呈現。有些字體不包含在其他計算機中，例如 Century Gothic，它是 Mac 計算機中不包含的一種很好的閱讀字體。確保您包含備用字體，以防用於訪問您博客的機器沒有您的特定字體。

您還應該使用在所有設備上看起來都不錯並顯示所有標點符號的網絡就緒字體。某些字體的寄存器中不存在一些特殊字符，這意味著如果您使用它們，您的某些信息將不會顯示。谷歌擁有大量免費、易於使用和網絡就緒的字體。您還可以查看 dafont 或 Kevin and Amanda 網站，了解更多豌豆（基於手寫）和剪貼簿字體（傳統字體）的字體。

3. 頁腳

如果讀者瀏覽了您網頁的底部，他們可能對您印象深刻，並且可能有興趣查看您的其他類別。瀏覽完您的頁面後，他們現在可能願意訂閱您的網站提要或郵件列表，或者在社交媒體上關注/喜歡您。為他們提供在您的網站之外與您聯繫所需的所有功能，以及一種無需返回導航即可訪問您網站的其他所有部分的方式。

您還可以在頁腳中包含三到四個最受歡迎的帖子，以讓讀者與您的一些最佳作品進行互動。使用頁腳突出顯示您網站的其他有趣/精彩之處。

4. 社交媒體圖標

您應該讓讀者在互聯網上的其他地方更容易找到並與您聯繫，這很好，因為它甚至可以在您的博客之外為您建立受眾。社交網絡對您博客的成功至關重要，這就是為什麼添加社交圖標很重要的原因。要開始放置圖標，您可以執行以下操作：

搜索圖標 - 開始我在 Google 上搜索社交圖標，這可能會引導您到這裡。如果您更有創意，可以使用 Photoshop 製作自己的圖標。理想的大小是 60 px。
上傳圖標 - 您可以直接在博客上執行此操作，或使用 flikr、photobucket 和其他照片網站，然後在代碼中包含指向圖像的鏈接。
添加您的 HTML 代碼 - 在 Blogger 中，應將以下代碼行添加到 HTML 小部件區域，而在 WordPress 中，它進入文本小部件區域：

[xhtml]
<a href=”http://www.linkgoeshere.com” target=”_blank”><img src=”http://www.imageurlhere.com”></a>
[/xhtml]

這行簡單的代碼將任何圖像插入到您的博客中。

5. 博客提要

RSS 提要是博主輕鬆關注其他博客的一種流行方式。大多數博客通常設置為提供自動提要，但這並沒有提供自動跟踪重要統計信息的選項，這對於即將到來的博主來說非常有用。

要設置您的 feedburner：

訪問 feedburner.google.com 並通過在框中放置您的提要地址或博客來設置您的提要。
驗證 URL 後，將顯示下一頁，您需要確保提要地址和博客名稱（非常重要！）。如果您以後更改提要地址，您必須通知讀者，因為它們不會自動更新。

而已！你現在有一個提要。在 Blogger 中，您可以轉到儀表板 >> 設置 >> 網站 Feed，您會看到一個標題為“發布 Feed 重定向 URL”的框，您需要在其中插入您的 feedburner 訂閱地址。在 WordPress 中，您可能需要下載 Feedburner Feedsmith 插件，您可以在此處找到該插件。這是此任務最推薦的插件，因為它即使與 WordPress 更新保持一致。

結論

設計博客絕非易事，尤其是在您沒有任何設計經驗的情況下。有許多重要的方面需要考慮，以及要採取的步驟。作為初學者，即使您擁有所有教程，您也可能無法從頭開始設計整個網站。相反，找到一個可以自定義的好主題，然後從那裡開始。您可以在 WordPress 和 Blogger 上獲得成千上萬的免費和高級主題。隨著您對編碼和設計的熟練程度越來越高，您可以慢慢地進一步自定義博客的不同元素，使其看起來不像其他人的。

要記住的最重要的事情是，這將花費大量的時間和精力。您可能需要梳理數十個教程，然後才能正確使用它。但是一旦你這樣做了，一個獨特的博客的回報將是非常值得的。

一切順利！