如何改进您的 WordPress 博客的设计? 为什么视觉效果对网站流量真的很重要?

已发表: 2016-09-09

设计……设计是每个人都听说过的东西,但没有多少人确切知道它的含义。 这个世界上的一切都是有设计的。 一个杯子、一件衬衫、一个房间、一个场地等。

没有好的设计,一切都将只是meh。 这就是为什么您应该非常关心您的 WordPress 博客的外观。

内容隐藏
1视觉效果在网站上如此重要吗?
2如何改进博客的设计?
3图片和视频
4字体和图标
5侧边栏
6种颜色

视觉效果在网站上那么重要吗?

毫无疑问。 有时,它甚至比内容本身更重要。 当然,内容始终是最重要的,但信息与优质设计一起创造奇迹。

我所说的视觉是什么意思?

视觉效果可以是任何不是文本的东西。 它们可以是图像、图形、信息图表、字体、视频、动画、颜色等。设计是您挑选和安排所有这些以使它们在博客上看起来很棒的方式。

如果你不相信视觉内容的重要性,这里有证据:

  • 90% 的信息传递到大脑是视觉的。
  • 大脑处理视觉信息的速度比文本快 60,000 倍。
  • 彩色视觉效果将人们阅读一段内容的意愿提高了 80%。
  • 包含相关图片的文章的总浏览量比没有图片的文章多 94%。

如何改进博客的设计?

有时您需要设计师来使您的网站看起来很棒。 但这不一定是必须的。 你也可以一个人做这一切。 你所需要的只是一点创造性的眼光和……耐心。

耐心寻找、安装和使用正确的工具。

当您自己设计 WordPress 博客时,最需要考虑的是什么? 让我们一步一步来。

图片和视频

谁说您必须成为专业摄影师并且在您的网站上只使用您自己的图像? 有很多网站提供大量免费使用的高质量图像。 这同样适用于视频。

MyStockPhotos 是我们在 ThemeIsle 的业余摄影师保持活力的集合,并为世界上所有的博主提供了一些免费资源。

Unsplash、Pexels、Gratisography、Life of Pix、StockSnap、Coverr、Mazwai、Distill、Videvo 只是一些最棒的免费图片和视频资源,可让您为自己的 WordPress 博客借用他们的作品。 还有许多图像设计应用程序,例如海报制作应用程序和 Canva、Adobe Spark 等网站,可为您的博客设计高质量和优雅的图像。

图像是必不可少的。 不使用图像就无法发布帖子。 这是规矩! 但是由于许多其他原因,例如特色图像、横幅、广告、背景,图像是必不可少的。 无论您做什么或想什么,图像都会大大提高用户参与度。

这是事实。

post-with-images

但是您不必完全按照您在网络上找到它们的方式使用它们。 您可以使用几个很棒的工具来编辑和优化它们。

帆布

使用 Canva,您可以轻松设计很酷的东西并在此期间玩得开心。 它让你基本上可以构建任何东西。 此外,它还带有自己的免费和付费图像、图表、插图、框架、图标等库存。试试吧,让奇迹发生。

像素

Pixlr 是一款不错的在线照片编辑器,您可以使用它来编辑要在博客上使用的图像。 它具有相当复杂的功能和设置,因此如果您正在寻找高级编辑器,它非常适合,但不如 Photoshop 高级。

图像优化

您知道以正常大小和质量上传原始图像会影响您网站的性能吗? 在将每张图片放在博客上之前,您应该始终对其进行优化。 ImageOptim 是一款出色且易于使用的工具,它通过使图片更轻巧并同时保持其质量不受影响来压缩图片。 图像将是相同的,但它会节省您的磁盘空间和带宽,因此您的网站会加载得更快。

字体和图标

字体起初可能看起来有点微不足道,当您考虑博客的设计时,不一定是首先想到的。 但它们是更友好外观的关键。 特别是如果您是博主或作家。 对于作家来说,字体是神圣的。

或者也许只是我。

normal-fonts

也不要用复杂的夸大其词。 但尝试与众不同。 您的文本字体使讲座更愉快。 如果我喜欢这些字体,我通常会在博客或文章上逗留。

FontReach 是一个有趣的工具,它为您带来了世界上所有的字体。 在这里,您会找到一个列表,其中列出了网络上所有网站上使用的最受欢迎的列表。 但是您也可以键入您已经知道的字体并使用它。

FontAwesome 也是一个很棒的流行工具,它提供了大量的图标和字体,非常适合您的 WordPress 网站。 它为大量事物和对象提供图标。 只需搜索您想要的。

永远不要拿你博客的字体和图标开玩笑。 它们提高了文章的可读性。 而且,有时,它们可能是访问者在您的博客上停留更长时间的原因。 但是一旦你选择了一种字体样式,就坚持下去。 不要在同一个博客上使用多个,它不会给你带来任何价值。

sidebar 侧边栏

侧边栏使您的网站看起来更专业,并为您的内容发挥迷你地图的作用。 它将通过为他们提供结构良好和组织良好的主题来简化访问者的导航。 此外,您可以在边栏中添加出色的小部件,以增加博客的交互性。

在侧边栏中,您经常会看到搜索栏、社交图标和提要、帖子类别、号召性用语按钮、评论、作者信息框等。侧边栏在相同程度上帮助您和您的受众。

侧边栏不应错过博客,无论其性质如何。 记住这一点。

颜色

配色方案是必不可少的。 颜色使我们周围的一切都变得异常美丽的方式相同,您的网站也是如此。 色调永远不会伤害任何人。 相反,颜色更容易引起人们的注意。

但是使用它们的风格。 选择应该让您的内容成为焦点的组合。 设计师会告诉你这是火箭科学,但我会说它更多的是关于品味和目的。 无论哪种方式,您都不应在您的网站上使用超过 2 或 3 种颜色。 除非你的博客是关于彩虹的。

另外,不要害怕空白! 它们是强制性的。使用深色背景不是最好的主意,因为它会使眼睛疲劳,在这种情况下,没有人会花太多时间阅读您的帖子。

请记住,浅色和褪色的颜色比明亮的颜色更容易忍受。

color-scheme

Coolors.co 是一个免费的在线工具,可以生成漂亮的配色方案。 通过这种方式,您可以测试它们并查看它们是否符合您的偏好。 此外,它还为您提供方案中每种颜色的代码。

您有多在意您的博客的外观? 您认为设计有助于增加您网站的流量吗?


作者简介:

Adelina Tuca 是 ThemeIsle 和 Of living & press 的作家和 WordPress 博主。 她喜欢运动、远足、书籍、摇滚音乐,她喜欢把她认为具有挑战性和独特性的一切都写在纸上。