博客设计灵感 | 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 个最佳网站