审查的 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

如果你知道我错过了任何很棒的博客设计，请在下面的评论区告诉我你最喜欢的一些。