博客設計靈感 | 17個激勵你的美麗例子

已發表: 2017-12-19

當你買房子或租公寓時,你做的第一件事是什麼?

你把那個孩子打扮得漂漂亮亮的!

你需要一個地方坐下,所以你有一張沙發。 為了娛樂,您可以帶上電視並連接 Netflix。

休息的時候,床是怎麼擺放的?

只是你喜歡的方式。

你所有的盤子和杯子,鍋碗瓢盆在廚房裡都有自己的位置。 誰知道? 你甚至可以為漂亮的窗簾、花哨的毛巾和特別香的蠟燭揮霍。

感覺很可愛身份證。 ????????‍ 以後可能會粉刷牆壁。

你為什麼要做這一切?

因為你想讓它舒服。 你想感覺自己是你的領主,你自己的小城堡的主人。

當朋友和家人來拜訪時,您希望他們也喜歡它。 讓他們向您的新地方以及您將與他們一起飲用的所有葡萄酒致敬。

博客設計類似於家居設計。 您希望所有東西都具有功能性和美觀性的正確位置,並且您需要對此感覺良好。

為了讓人們想要留下來,你需要一個讓客人想要留下來的博客設計。

您的博客是您在互聯網上的數字家園。 您不希望以將訪問者驅趕到最近的出口的方式設計您的在線主頁(即令人討厭的彈出窗口,有人嗎?)。

在這篇文章中,我們將介紹壞蛋博客設計的最佳技巧,這些技巧將使您的訪問者變成狂熱的粉絲並回來獲得更多。

我們還將分享 17 個美麗且鼓舞人心的示例,以幫助您為自己的博客注入創意源泉。

為什麼博客設計如此重要?

人類想要美觀的環境,或者他們想要保釋。

太多的混亂,我們感到不知所措和反彈。 過於簡約,我們感到無聊和反彈。

博客設計是從標題到顏色到圖像再到博客寫作風格的一切。

如果你的博客在讀者讀完一個字之前就給他們帶來了精神壓力,他們就會想保釋。 好的博客設計是讓您的訪問者留在頁面上的原因,因此您可以將他們轉化為忠實的粉絲,並最終將他們轉變為客戶。

如果您有任何通過博客獲利的願望,那麼在某些時候您將在您的博客上銷售東西——無論是您的產品還是其他人的產品。


您的博客是您與潛在客戶之間的第一個聯繫點。

第一印象最好是好的,否則將來向他們推銷會更加困難。

而且,老實說,即使您還沒有銷售產品,您仍然在銷售自己和您的博客。 這就是為什麼您的首要目標必須是讓您的訪問者回來,即使您剛剛開始並且還沒有產品可以銷售。

您還有文章要閱讀,電子郵件地址要收集,還有成長要爭取!

好的博客設計有什麼特點?

第一步是建立正確的基礎。

使用 WordPress

WordPress 是使用最廣泛的博客平台,並且具有最大的可定制性,這很有幫助,因為如果您剛剛開始,您可能正在構建自己的博客。

WordPress博客平台

在線 WordPress 上還有大量免費資源。

選擇正確的博客主題

當您在 WordPress 上構建博客時,您必須選擇一個主題以安裝在您的博客上以更改設計。 有大量免費和付費的 WordPress 主題可供選擇,所有主題都有不同程度的定制。

請注意,如果您選擇免費主題來節省幾美元,那麼最終您將面臨更多的限制(和頭痛)。/p>

幫自己一個忙,盡快投資一個優質的主題作為博客設計的基礎。 我們對初學者的最佳推薦是Divi

它是市場上最可定制和最適合初學者的主題。 它還可以訪問整個優雅主題市場,這意味著即使您不喜歡 Divi,您也可以選擇 70 多個其他主題。

不要用太多插件弄亂它

這是一個好的博客設計的大秘訣,許多博主都犯了錯誤:他們沒有使用足夠的空白空間。

空白是您博客上的空白區域。 它是圖形和文本之間的空間。 實際上,這是眼睛需要避免不堪重負的視覺呼吸空間……

這可以追溯到想要離開雜亂空間的幽閉恐懼感。

在大多數情況下,簡單的博客設計會更好,太多的小部件和插件會減慢您的網站速度並導致讀者反彈。

只堅持基本的博客插件。

注意你的差距、標題和字體

如果您的文字過於靠近,那麼對於普通讀者來說,您博客上的文字牆可能會感覺過於緊張。 大多數人都是略讀的,所以他們希望有足夠的空間來快速瀏覽重要的內容。

這是您需要使用標題、副標題、項目符號等來分解文章文本的原因之一。

確保還使用簡單而專業的字體。 花哨的字體可能難以閱讀,尤其是在移動設備上。

謹慎選擇顏色

使用錯誤的顏色會使您的博客看起來俗氣、不專業、難以閱讀或完全草率。

太亮對你的讀者來說太過分了。 深色會使內容更難閱讀。

你也不想有太多的顏色。 這會使您的博客設計看起來雜亂無章,並且可能會讓讀者不知所措。

您應該在整體博客設計配色方案中選擇幾種顏色。 確定適合您個人品牌和風格的 2-3 個。

您帖子中的圖像和圖形可以是多種顏色,但應該有一個帶有標題、橫幅、可點擊鏈接等的通用配色方案……

您希望它感覺統一,而不是拼湊在一起。

使用優質圖像

我們都喜歡圖畫書。 你有沒有買過一本沒有照片的食譜書? 他們是最糟糕的!

出色的博客設計包括精美的圖像和圖形。 它們使您的博客更有趣,而不像一本您永遠不想打開的教科書。

在為您的博客選擇庫存照片時要注意一點——要有選擇性。

  • 嘗試有創意(你不希望使用其他人都在使用的相同照片)。
  • 避免使用帶有面孔的照片(這會使您的照片的相關性降低)。
  • 避免首頁搜索結果(這些是最受歡迎和使用最廣泛的)。

例如,一個人在筆記本電腦上打字的手是非常通用的。 但是,一個穿著酷酷的圖形 T 卹,端著一杯咖啡,在筆記本電腦上打字時微笑的女孩會更好。

最後,避免使用看起來……嗯……超級“stock-y”的庫存照片(比如這張????????‍ wtf)

糟糕的庫存照片示例

使導航欄和菜單對用戶友好

“設計不僅僅是它的外觀和感覺。 設計就是它的運作方式。” ——史蒂夫·喬布斯

人們需要能夠輕鬆地在您的博客上從一個頁面移動到另一個頁面。 他們還需要能夠快速導航到類別和主頁。

提示他們有理由留下來也是個好主意。 想想你的博客文章中的相關文章和鏈接到你網站上的其他頁面。

最後,別忘了給他們發出號召性用語,並提示他們註冊您的時事通訊!

17個優秀博客設計的例子

好的,現在我們已經接觸了基礎知識,讓我們看看如何通過一些現實生活中的示例來實現這些博客設計指南!

1. 智能

這個博客的首頁也有一張大圖和博文鏈接來引起你的注意,配色方案也很養眼。

你會忍不住想留在這個頁面上,閱讀他們不得不說的所有聰明的事情。

2. 金色沙拉

這個博客設計最好的部分是配色方案的一致性(主要是粉紅色和一些強調色)。

棉花糖粉色在橫幅、頁腳和中間的任何地方都很漂亮。 這些照片也很大且很吸引人,當您將鼠標懸停在它們上方時,它們會略微擴展以保持您對它們的關注。

3.我是貝克

這個博客設計的亮點是簡單。 沒有太多顏色——主要是白色——但重點是美麗和視覺刺激的圖像。

4. xoxoBella

導航欄在這個博客上很容易閱讀。 大而粗的字母,讓您毫不懷疑在哪裡點擊您想閱讀的內容。

配色方案很有趣,沒有多餘的“裝飾”——重點是博客。

5.丹尼斯DT

這是一個很好的配色方案的另一個很好的例子,因為你可以看到她甚至在她的照片中穿著她的顏色:

簡單的博客設計示例

這一頁是寒意的精髓。 它很簡單,配色方案很平靜。

我們也喜歡這樣一個事實,即她的頁面有一個殺手級的號召性用語,可以將您直接吸引到她的銷售漏斗中,並提供許多人願意支付的免費贈品。

6.美麗的混亂

這個博客可能被稱為 A Beautiful Mess,但它絕不是一團糟!

有足夠的空白空間,不會過於強烈的彩虹配色方案,以及大量大而華麗的圖像來激起您的興趣。

7. 聖誕總部

該頁面以一種好的方式尖叫聖誕節! ——並且對它的全部內容毫無疑問。

很棒的品牌在這裡。

8. 倫敦人

再次——留白、大圖片和易於導航的菜單,助您一臂之力。

你看到趨勢了嗎?

9.罌粟愛

這個頁面的顏色讓人感覺很平靜。

而且,導航菜單使用圖像代替文字當然很有趣。 直到您將鼠標懸停在它們上方並且文字被顯示出來。

10.英國+公司

好的博客設計示例

這個博客設計的優點是主頁上有一張大圖,一個帖子鏈接。

它吸引了你的注意力,讓你想點擊閱讀更多。

11.工作室DIY!

他們的標語是“讓生活成為一場派對”,而這正是他們的博客所提供的。

派對! 有趣的照片,有趣的頭條新聞,有趣的色彩。

12. YTravel 博客

我發誓旅遊博客最簡單,因為他們可以使用真實的、令人驚嘆的照片,並跳過整個搜索庫存照片。

這個博客也不例外,在寫這篇文章的時候,他們在首頁上有一張他們家人的很棒的照片,這與他們的讀者建立了即時的個人聯繫。

13.猿到紳士

這個網站不僅教你如何成為一個紳士,而且他們還使用了一些令人驚嘆的圖像來做到這一點!

他們還出色地使用了空白,以及與之相配的真棒徽標

14. 幫助童子軍博客

這個博客是一個例外,它似乎能夠“吐出各種顏色”並僥倖逃脫!

他們的圖形很棒,絕對讓博客在其他博客中脫穎而出。

15.聰明的女孩金融

Bola,Clever Girl Finance,實際上是我們六位數課程創造者的學生之一!

她使用綠色的主色和次要的強調色……嗯……藍紫色? 待定,但她在整個博客中仍然只使用兩種主要顏色。

16. 愛彼迎博客

是的,它不僅僅是一個預訂住宿的網站。 他們也有一個博客,看起來很棒!

部分剪貼簿,部分旅遊雜誌——這是對他們的軟件及其用途的一個很好的補充。

17. 另一個逃脫

這個博客上的照片會讓你想多出去走走。

他們使用的圖像尖叫著一個戶外生活方式博客,而這正是它的本質。

好啦,到此結束!

交給你……告訴我們你的博客設計!

您認為應該調整哪些元素以使您的博客更美觀?

在下面的評論部分讓我們知道!

我們希望這篇文章能激發您使您的博客變得更好。

閱讀下一篇:免費博客圖片 - 為您的博客獲取圖片的 9 個最佳網站