35 个值得关注的网页设计博客

灵感有多种形式，职业发展永无止境。 考虑到这一点，我们整理了大量的网页设计博客列表，可以让你的大脑一整年都吃饱。 别担心 - 您不会在此列表中找到任何废话。 我们尊重您的时间，并认为您应该得到最好的。 这就是为什么我们只收集最近更新的网页设计博客。 启动您的 Feedly 帐户并准备添加多个订阅。

1. 粉碎杂志

首先是 Smashing Magazine。 您很少会发现一家出版物能够像 Smashing 一样始终如一地发布尽可能多的高质量文章。 有些地方发布了大量内容很少的文章，但这些人确保他们发布的几乎每个词都与您作为设计师和开发人员相关。 最近，他们也推出了前端和用户体验的现场研讨会。

访问网站

2. Awwwards

Awwwards 是关于一件事：你。 在您登陆主页的那一刻，您可以点击互联网上数百种顶级设计。 进入 Awwwards 的策展令人难以置信，当您访问时，您总会找到新的灵感。 不仅如此，他们还会发布访谈和资源，您可以使用它们来支持自己的职业生涯。 此外，他们的每月网站竞赛让您参与投票，为其他人推出的值得信赖的作品投票。

访问网站

3. 网页设计师仓库

灵感，检查。 技术，检查。 业务，检查。 自由职业者还是代理生活？ 查看。 说到网页设计，这个博客已经涵盖了。 如果您需要了解它，Web Designer Depot 有一篇关于该主题的文章的可能性非常高。 除了他们定期发布的互动测验和民意调查之外，更不用说他们每周发布的引人入胜的文章（如果不是更频繁的话），搜索博客档案很少像他们的一样有趣或富有成效。

访问网站

4. 香港

在 Hongkiat 的博客上，通过他们的教程学习如何使用设计工具，并获得图标包和字体等免费赠品。 当然，他们也有专注于网页设计的博客文章，包括作为网页设计师开展业务的方法和建议。 （也有设计哲学主题。）这个博客已经存在很长时间了，绝对是这个列表中比较成熟的条目之一，为专业级设计师提供了很多技巧，但它们涵盖了初学者可以使用的主题也理解，比如 CSS 和 FAQ 的介绍。

访问网站

5. Speckyboy

简单、干净、直接，Speckyboy 填补了您生活中需要移动设计技巧、趋势、平面设计、用户体验研究和自由职业建议的空白。 不仅如此，Speckyboy 已经存在了十多年，并且仍然不断推出高质量、精心编辑的内容。 另外，这个名字很有趣，这绝对是对它有利的另一点。

访问网站

6. 创意博客

所有的设计，一直。 Creative Bloq 绝对不会出错。 最好的部分是它们每天在多个类别中更新多次，所以你总会有一些新的和精彩的阅读，很可能是你一天的亮点（至少在设计方面）。

访问网站

7. Reddit 的网页设计 Subreddit

好的，所以 Reddit 不是一个博客。 它也不是一个论坛。 这只是……Reddit。 无论如何，我们认为它应该在这个列表中占有一席之地，因为你可以在那里找到大量关于网页设计的真正有见地的帖子，并且社区正在迅速发展。

访问网站

8. 布局

Flywheel 不仅通过 Local 推出了最好的本地 WordPress 开发环境之一，而且还推出了一个很棒的网页设计博客。 布局是他们进入该领域的入口，您将找到从制作 SVG 动画的方法到确保您的 WordPress Gutenberg 网站看起来尽可能出色的所有内容。 有时您也会获得图标集，并且博客会保持趋势，让您知道什么是热门，以防您以某种方式错过它。

访问网站

9. 博格世界

设计不仅仅是资源和教程。 很多经验、学习和理解也融入其中。 您需要知道如何从用户那里获得反馈并研究他们的习惯。 Boagworld 可以为您提供帮助。 在博客文章和相关播客之间，主题范围从数字设计和营销到内容创建和您的整体数字战略。 它经过深思熟虑，做得很好，所以一定要把它扔给你的读者。

访问网站

10. 模拟加

如果您喜欢“顶级”和“最佳”列表，Mockplus 博客将让您随时了解综述。 他们将网页设计示例、字体、教程、图标包和趋势收集到冗长的列表中，以便您可以挑选想要探索的更多内容。 当您想呆在一个地方深入研究某个主题时，他们还提供有关设计主题的深入指南。

访问网站

11.Siteinspire

Siteinspire 不是一个带有建议和指南的普通网页设计博客，而是一个伟大的网站设计画廊，当你想——顾名思义——获得网站灵感时。 展示柜也每天更新数次，因此您总会看到新鲜的设计，无论喜欢还是讨厌。

访问网站

12. CSS 技巧

网页设计师每天都在使用 CSS。 但是，与过去几天，我们不要只使用CSS样式和设计。 CSS-Tricks 知道这一点，并集成了各种 JavaScript 和其他库，使您的前端开发和设计变得轻而易举。 无论您是 React 开发人员还是 Vue 设计师、移动应用程序工程师或 QA 测试员，CSS-Tricks 都能让您的生活更轻松。

访问网站

13. DesignTAXI

如果您可以摆脱咄咄逼人的整页广告，DesignTAXI 是一个很酷的地方，可以让您的网页设计变得更加有趣。 确切地说，它不是一个网页设计博客，但它确实涵盖了许多数字设计花絮，例如来自知名品牌的有趣在线广告以及您应该了解的网页设计世界中软件的更新（如 Photoshop）。 如果您对设计的热爱包括并超越了构建网站，DesignTAXI 是一个有趣且信息丰富的站点。

访问网站

14.设计模式

Designmodo 以其出色的免费赠品和令人敬畏的优质产品而闻名。 最重要的是，如果您需要快速复习特定主题或参考以向客户展示您的想法如何在实践中发挥作用（及其背后的理论），那么所提供的教程和资源使其成为停下来的好地方。 他们还有一个专用于 WordPress 的部分，如果您现在专注于网页设计教育的话。

访问网站

15.第25行

Line25 涵盖 UI 和 UX 设计（以及许多其他设计），时尚而优雅。 他们定期发布，因此您的提要不会被忽视，并且专注于 WordPress，它们应该适合您的日常生活。 他们也有免费下载，比如纹理、背景和模型。

访问网站

16. 85个想法

85ideas 是另一个以 WordPress 为中心的设计博客。 他们有一些利基主题，比如美甲沙龙或 CrossFit 健身房的主题。 他们还有用于添加各种功能的插件集合，例如用户配置文件、媒体管理或社交媒体集成。 如果您有兴趣了解 SEO，他们会提供有关该主题的专门教程的整个部分。

访问网站

17.UXPin

除了是一款出色的软件产品之外，UXPin 还发布了一个同样出色的博客。 有了关于 UX（显然）和 UI 设计的主题，将其添加到您的提要中将提高生产力，并且可能会向您介绍一些您以前从未见过的想法。 还有一些教程和网络研讨会可供参加，以将您的教育付诸实践。

访问网站

18. Codrops

通过其主页上的 CSS 参考页面链接，您知道 Codrops 是一个将帮助您放在首位的网站。 他们的信息是及时的，他们的演示有现场站点和代码供您获取和使用。 对于网页设计博客，这几乎就像是圣杯。 Playground 特别有趣，里面有文章、实验和插件，可以帮助你拓展技能和创造性思维。

访问网站

19. 用户体验展位

当一个博客在其主页上几乎并排显示哲学和内容策略主题时，您知道一些高质量的专业发展可以来自它的提要。 涵盖从人工智能 (AI) 到专业设计和理解 UX 分析的各种主题，UX Booth 真正加紧推出网页设计师所需的内容。 但是，并非每个主题都按相同的时间表更新，因此如果您没有看到最近发布的文章，请单击另一个主题以查看是否有更新的内容。

访问网站

20. Abduzeedo

除了拥有一个大声说出来很有趣的网站标题之外，Abduzeedo 可能是获得设计灵感的地方（而且它是 Awwwards 的主要竞争对手）。 Abduzeedo 以能够提供最高质量的内容而自豪，它表明了这一点。 该系列包含大量图像，而且在文字方面很空闲——如果您是视觉学习者或受到启发的人，这将是个好消息。 当您找到您喜欢的集合时，您甚至可能会看到渲染它的整个过程，包括软件屏幕截图。 这是一个美丽的地方。

访问网站

21. Tuts+

Envato 在 WordPress 世界中作为插件和主题的资源而闻名，但您知道他们在 Tuts+ 品牌下也有大量免费教程内容吗？ 如果没有，您绝对应该检查一下，因为他们定期将其从公园中剔除。 他们的很多内容都涉及字体和 Photoshop，因此如果您对这些主题中的任何一个非常感兴趣，请不要跳过此博客。

访问网站

22. 设计小屋

您只需要查看它们的类别，就会发现 Design Shack 值得在您的提要阅读器中占有一席之地。 业务、CSS、移动、导航、用户体验、排版等等都定期进行。 这里的内容也超越了网站设计。 例如，您可以学习如何使您的社交媒体提要更漂亮，或者了解如何使用 Word 提高工作效率。

访问网站

23. 即时换档

InstantShift 最好的部分之一是免费赠品页面。 我们在不同的地方多次提到过这些，但 InstantShift 的突出之处在于它们并非都是 WordPress 模板，或者我在 PSD 之前见过这些。 InstantShift 所做的是提供实用的设计免费赠品，例如看起来有点不合时宜的简历模板和网站横幅。 你会觉得你不会在其他任何地方找到他们的免费赠品。

访问网站

24. Vandelay 设计

这是另一个主要以综述为特色的博客，尽管它们偶尔也会有传统的文章、指南和评论。 不过，在大多数情况下，Vandelay Design 提供了充满灵感的博客文章。 您可以浏览无数插件、响应式元素、产品模型、Photoshop 操作、模板等。

访问网站

25. 网页设计分类帐

软件评论、灵感、综述和最佳实践将 Web Design Ledger 列入名单。 他们有关于排版和图标的部分，如何在开发环境中工作以及你想要确保你熟悉的工具列表。

访问网站

26.勺子图形

Spoon Graphics 上的字体和免费赠品比比皆是，这是一个感觉不错的网页设计博客。 同样，您无需提供随处可见的旧资源，而是可以获得 Photoshop 画笔、字体集和其他您将实际使用的东西。 还有 Illustrator 和 Photoshop 等软件的视频教程。

访问网站

27. 媒体设计和用户体验

Medium 有很多很棒的精选内容，很难找到。 这就是我们想要为您指出 UX 和设计标签的原因。 跟随他们在 Medium 上创建一个提要，这比只是在点击孔里四处乱窜更具有启发性。

访问 Medium UX | 访问 Medium Design

28. 设计炸弹

不，Design Bombs 不是关于你可以嘲笑的失败（尽管这就是我们第一次发现它时的想法）。 Design Bombs 是关于在你的项目上投下炸弹，并摧毁你的客户关于什么是可能的先入为主的观念。 您可以获得操作指南、免费赠品和大量以 WordPress 为中心的内容，这些内容使这个网页设计博客在我们的列表中占有一席之地。

访问网站

29. 内部设计

您可能听说过 InVision — 它是一款出色的软件。 它背后的公司还推出了一个名为 Inside Design 的精彩博客。 从图标包和 iOS UI 工具包到模型、教程视频、灵感综述和最佳实践展示，您都想订阅这个。 该博客还涵盖了各种数字产品，如流媒体服务，以及诸如包容性设计等主题。

访问网站

30. 大卫沃尔什博客

David Walsh 博客是一个有趣的混合体。 从技术上讲，它更像是一个 Web 开发博客而不是设计博客，但几乎不可能在没有其他内容的情况下涵盖其中一个。 最有趣的帖子是演示，在那里您可以获得实时代码片段并学习如何在您的设计中使用它们。

访问网站

31. 网络流

Webflow 确实解决了设计师的许多痛点：如何减轻客户的担忧，为什么他们需要某种类型的网站（而不是他们认为需要的那种）以及设计对互联网的整体功能有多重要。 他们进行趋势分析和综述，你会合法地想要通读。 而且你知道他们知道他们在做什么，因为网页设计博客本身很漂亮。

访问网站

32. FastCompany Co.Design

FastCompany 往往掌握着世界上正在发生的一切，设计也不例外。 他们没有为设计师提供那么多的教程作为思考片和示例。 你会得到资源列表，是的，但你也会得到一些文章，这些文章展示了当你的背景的成分被拉入网站时会如何影响摄影。 内容涵盖了各种设计，而不仅仅是网页设计，所以如果你是一个整体的创意爱好者，这个博客会解决这个问题。

访问网站

33. 一个列表

A List Apart绝对让自己与众不同。 它既聪明又诙谐，而且它提供的内容比您在大多数网页设计博客中找到的典型免费赠品和资源综述更进一步。 甚至博客本身的设计也体现了这一主题，因为衬线字体和文学风格使该网站在互联网这个角落的硬边和平面布局中具有独特的外观。

访问网站

34.创意市场

与 Envato 的 Tuts+ 类似，Creative Market 博客是由市场提供的资源。 你会发现趋势综述； 免费资产，如模型、字体和模板； 以及有关如何更好地满足客户需求同时确保用户从您的工作中获得他们想要的一切的教程。 并非每项资产或帖子都与您从事的项目类型直接相关，但有足够的定期发布，您将希望将此内容添加到您的读者中。

访问网站

35. 用户体验杂志

UX 杂志发布有关我们行业未来以及我们如何定位自己以在其中取得成功的深思熟虑、引人入胜的内容。 他们认真对待用户体验，如果名称没有表现出来的话，因为他们不只是谈论如何在网站上创造最佳用户体验，而是在人们互动的每个环境中。 他们放在一起真的很有趣。

访问网站

关于网页设计博客的最终想法

尽管这是一个相当长的列表，但仍然有太多的网页设计博客，很难将它们缩小到 40 个左右。 如果我们试图进入“前 10 名”，我们可能会有点发疯。 因此，我们相信无论您从事何种设计——图形、数字、用户体验、用户界面或其他任何形式——您的提要都会变得更加活跃，您的工作会比现在更好。

有一个您喜欢而我们错过的活跃网页设计博客吗？ 把它留在评论中！

精选图片来自 Vectorium/shutterstock.com