審查的 30 個最佳設計博客

已發表: 2011-09-13

“哦，那不一樣！” 是的，最新的收入日記重新設計使該網站的重大重新設計總數在三年內達到五次。 這就是 Michael 對具有美觀、高轉化率、內容推廣的博客設計的重視程度。

如果您需要一位昨天就可以開始的設計師或開發人員，請訪問 AweseomeWeb.com

為了紀念重新設計，更重要的是，為您提供這份鼓舞人心的清單。

良好博客設計的標準

為了盡可能多地消除主觀性，我從這五個好的博客設計標准開始。

  • 簡單——簡單嗎？
  • 網頁設計標準——它是否遵循網頁設計標準，如淺色背景上的深色字體、清晰區分的標題、CSS 精靈的使用、一致的線條和黃金比例合規性？
  • 注重細節——設計和其他像素是否完美一致？
  • 易於導航——我能否輕鬆找到和使用菜單、鏈接和其他導航組件？
  • 記憶力——我能記得退出網站後的樣子嗎？

30 個最佳設計博客

排名不分先後，但大致按照相應博客的設計風格和主題進行分組，以下是我們對前 30 名博客設計的回顧。

1.自由開關

大而大膽的標題，巧妙地使用陰影，幾乎不可能看到漸變，FreelanceSwitch.com 是最好的之一。
自由切換博客設計

2. 文案博主

Copyblogger.com 是簡單、紮實、直接的博客設計的縮影。 登陸頁面後，您就知道確切的點擊位置。
Copyblogger 博客設計

3. 皮爾森化

與 Copyblogger 一樣，Pearsonified.com 以其簡潔而美麗，並以其柔和的少量鮮豔色彩而迷人。
Pearsonified 博客設計

4. KISSmetrics 博客

KISSmetrics 博客在結合現代設計元素方面做得很好，同時為他們的主要企業目標市場保持專業意識。
KISSmetrics 博客設計

5.AVC

AVC.com 非常乾淨，16 像素，它使用比平均字體稍大的字體，這使得閱讀起來更加愉快。
AVC 博客設計

6. 啟動報價

StartupQuote.com 非常優雅。 他們致力於以獨特的方式描繪引語，這使他們的網站脫穎而出。
啟動報價博客設計

7. 下一個網絡

但是 TNW 在整合廣告方面做得很好，而不會過多地分散對乾淨、易於導航的設計的注意力。
下一個網絡博客設計

8. 商業內幕

如果您在 BusinessInsider.com 上閱讀過一篇文章，您會注意到該網站旨在讓您在數十次瀏覽量中對他們的內容著迷。
商業內幕博客設計

9. 網絡博客

它看起來很棒，但是儘管博客存在於子域中，但 Webs Blog 也與站點的其餘部分無縫集成。
網站博客設計

10. 去媒體

通過精心放置的圖像疊加，設計簡單地從屏幕上彈出，很難忘記 GoMediaZine.com 的設計。
去媒體博客設計

11. 你好酒吧博客

Hello Bar 在將微妙的紋理融入他們的設計方面做得非常出色，為他們的網站賦予了復古但現代的外觀。 另外，雲會移動！ 你好酒吧博客設計

12. 博客

Blogussion.com 的設計是我記得在互聯網上找到的第一個令人驚嘆的設計。
Blogussion 博客設計

13. 現代書呆子

Modernerd.com 的標誌很簡單，字體一致，背景圖片傳達了博客的全部內容。
現代書呆子博客設計

14. 我穿你的襯衫

IWearYourShirt.com 在將信息清晰地放在首屏，同時強調下面的重要內容方面做得非常出色。
我穿你的襯衫博客設計

15. 約翰尼紙杯蛋糕

與他們永恆的品牌一致，幾乎每個設計元素都是黑白的，這使得 Johnny Cupcakes 的照片和產品脫穎而出。
約翰尼紙杯蛋糕博客設計

16. 燕麥片

由於其偏離中心的側邊欄和頁腳中溢出的“電子郵件”鏈接，TheOatmeal.com 的設計存在缺陷。 但仔細閱讀這些缺陷，你會發現這個設計非常適合 Matthew Inman 的設計，“這就是它的方式，如果你不喜歡它，我會釋放我的 Facebook 粉絲大軍，讓你永遠不會忘記”態度，使他的網站很棒。
燕麥片博客設計

17.親愛的空白請空白

DearBlankPleaseBlank.com 是一個創意設計的博客，其標題圖像不斷旋轉，不透明度的巧妙使用，以及側邊欄中的所有內容都具有相同的確切寬度，甚至是廣告。
親愛的空白請空白博客設計

18. 嘖嘖+

在設計方面，關於 TutsPlus.com 和 Envato 網絡的一切都是華麗的（包括前面提到的 FreelanceSwitch.com）。 他們有選擇完美對齊的配色方案的訣竅，即使在他們的帖子和教程中，他們對細節的關注也無可挑剔。
Tuts Plus 博客設計

19. 建立互聯網

BuildInternet.com 是 Smashing Magazine 的The Smashing Network的一部分，其獨特的特色帖子圖片和致力於在整個網站上維護其設計元素的承諾是正確的。
建立互聯網博客設計

20. 45royale Inc.

45royale.com 是一個網頁設計工作室，它擁有一個引人入勝的標題，同時有效地向您介紹並引導您瀏覽下面博客中的內容。
45royale Inc 博客設計

21.網頁設計師牆

作為The Smashing Network的另一個成員，WebDesignerWall.com 是世界上最廣為人知的設計之一，其標題令人瞠目結舌，標題圖片令人難忘。
網頁設計師牆博客設計

22.網頁設計師倉庫

與 Web Designer Wall 類似，WebDesignerDepot.com 託管了另一種無法忘記的設計。
網頁設計師倉庫博客設計

23. Ilovecolors

Ilovecolors.com.ar 具有類似的風格，但獨立於一個設計巧妙的內容區域，通過背景圖像的戰略陰影強調。
我愛顏色博客設計

24. 嘟嘟糖果

TutCandy.com 的標題讓您垂涎三尺，這體現了他們的標語“只有最美味的設計教程”。
Tut Candy 博客設計

25. 貓頭鷹

Owltastic.com 很好地展示了你可以用不同深淺的藍色做些什麼。 然而，不知何故，所有重要內容似乎仍然很突出。
貓頭鷹博客設計

26. Vectips

Vectips.com 在個人品牌網站上保持最終可銷售的感覺方面做得很好。
Vectips 博客設計

27. 設計隔間

此列表中的最後一個Smashing Network博客屬於 TheDesignCubicle.com。 它看起來像一個網站，但感覺就像一本書的一章。
設計隔間博客設計

28. 主題大

我喜歡 ThemeBIG.com 導航菜單中精靈的微妙之處，以及當你第一次進入他們的網站時那種歡迎的感覺。
主題大博客設計

29. 生態

Ecoki.com 是一個生態生活方式博客，其品牌設計引人注目，在其網站的每個角落都保持一致。
Ecoki 博客設計

30. 假的

從標題到內容區域，再到評論區域，一切都是定制設計的，並且與網站的其他部分保持一致。
博客設計

你有它

在我列出這份清單之前，我很想訪問世界上的每個博客，但我開始感到飢餓。

從現在開始，當任何人需要網頁設計師或開發人員時，他們都會去 AwesomeWeb.com

如果你知道我錯過了任何很棒的博客設計，請在下面的評論區告訴我你最喜歡的一些。