如何设计和制作博客标题图片

图库资源

为什么你的博客文章需要更多的视觉图像

人类是视觉动物。我们的大脑处理图像的速度是文字的6万倍。这对于博客和内容营销人员来说是一个至关重要的数据--这意味着读者更有可能参与到你的视觉效果中来,而不是你的文字。

这也解释了为什么信息图像往往如此成功)。你需要在博客文章中添加更多图形的原因有几十个,但我能想到的最重要的五个原因是。

  • 更高的参与度。有相关图片的文章比没有图片的文章多94%的页面浏览量。
  • 突出关键数据。文章中的图形是突出文章中最重要的数据点的好方法。如果你真的想让你的读者看到一些东西,你最好把它放在一个迷你信息图中,而不是放在主文章正文中(特别是考虑到大多数访问者平均只阅读了网页的20%)。
  • 获得更多的分享。有图片的网页会多出50%的分享量。
  • 创建更好的文章结构。帖子中的图片是一种很好的方式,通过将内容分为不同的部分,为你的帖子提供更好的结构--这是一个经常被忽视的好处。
  • 更多可信度:67%的消费者认为详细的图片甚至比客户评级、评论和产品描述更有分量。

相关阅读:高质量内容写作的十个关键步骤

如何创建更好的博客图片

制作标题图片

标题图片不仅仅是设计上的填充物。它们让读者对你的文章内容一目了然,并出现在社交媒体上。从本质上讲,这些图片是你文章的 "锚",让读者了解到不仅是一篇文章,而是整个博客的内容。

在标题图片上很容易偷懒。你很可能会想把SXC.hu的图片贴在上面就可以了。问题是,这样的图片不仅看起来不好看,而且也没有那么多的页面浏览量。

另一种选择是:定制标题图片

让我们来看看创建这些图片的几个策略。

  • 使用好的图片库,添加文字和颜色色调。

    我最喜欢的方法之一是使用高质量的图片,添加一些文字(通常是文章标题,为了清晰而缩短)和颜色色调,就像这样,在瞬间创建更好的标题图片。

    创建这个很简单。从Unsplash.com上抓一张图片,然后添加一些文字,字体从上面的列表中选择。对于颜色色调,在Photoshop中添加一个颜色图层,用Google Material Design调色板中的颜色填充,然后将其拖动到基础图片图层的下方。将基础图像的 "混合 "模式改为 "Multiply",就可以了。

  • 添加边框、形状和不同的字体。 通过添加一些形状、边框和字体组合,为你的头像添加一些复杂性。试试优雅的字体+浅色底色+深色边框的组合。或者是颜色渐变+图案+渐变填充文字。在下面的例子中,我在SubtlePatterns.com的三角图案填充上使用了蓝粉色渐变。另一个个人的最爱是在纯色背景下使用矢量图形。下面,我使用了ET-Line图标集中的 "相机 "图标。

制作内容图片

内容图片是为博客提供额外结构并突出关键信息的最佳方式。它们也是高度可分享的。我试着在我的所有文章中至少添加几个图形。有了一套现有的模板,通常只需要不到10分钟就可以为每篇内容创建独特的图形。

  1. 了解要视觉化的内容。 并非每篇内容可视化后都能发挥出良好的效果。对于你的文章,将你的图形限制在以下范围内。
  • 易于图表化的数据(比如说,一个统计数字说 "世界上80%的人口拥有智能手机",可以用饼图表示)。
  • 引用。
  • 关键信息,比如一个城市内必去的景点列表。
  • 你希望读者分享或关注的数据。
  1. 想好如何最好地表现它。

    一旦你知道了要可视化的内容,就应该想好怎么做了。通常有很多方法可以将同一信息可视化。例如,考虑一个编造的统计数据:"在一项调查中,80%的受访者喜欢百事可乐而不是可乐"。

    你可以将其可视化为饼图。

    两种方法都可以,尽管其中一种可能比另一种更难,这取决于你的技能和设计库的大小。

    要想弄清楚如何做的部分,问自己两个问题。

    • 对我的读者来说,理解这些信息最简单的方法是什么?
    • 对我来说,什么是最简单的表达这些信息的方式? 这两个问题的答案的交集将告诉你如何进行可视化的过程。
  2. 混合和匹配不同的设计元素。 这就是我们的字体、颜色、图片和设计元素库会派上用场的地方。将它们以不同的形状、大小、颜色组合在一起,直观地表现帖子信息。

我通常有几个备用模板来表示不同的信息位。比如,对于引语,我就会找一张原作者的图片,加一个黑白滤镜,然后把引语扔在一个彩色的语音气泡里面。

制作步骤

设计图片,可以按下面的步骤,重点是弄清楚【需要什么素材】,【从哪里获取】

  1. 图案 pattern

一个纯净,精巧的图案可以让普通的设计变得流行和亮丽。网上兜售图案的网站不计其数,但对于大多数项目来说,只需要SubtlePatterns.com就够了。从以下图案开始-- Concrete Seamless, Crossword, Stardust, Squared Metal, Notebook, Triangular, and Mooning ,然后在你学习如何使用它们时,抓住更多的图案。

  1. 图标 icon

你会在你的博客图形中大量使用图标,主要是为了可视化数据和突出关键点。我建议从 Line icons, Modern UI icons, 350 Pixel Perfect icons, flat icons, and 3600 flat iconsIcoMoon.io开始,探索免费的图标包。如果想获得更独特的东西,可以从CreativeMarket购买一套图标包。

  1. 笔刷、形状和矢量 Brushes, shapes, and vectors

没有告诉你在你的图形项目中会需要什么形状,矢量和刷子。由于我们的目的是保持低成本,建议按下面的资源先找免费的素材,然后按需购买付费题材。

Pixeden.com的图形库开始,获取几乎所有免费的东西,然后前往MediaLoot.com、PremiumPixels.com、Brusheezy.com和GraphicHive.net。

对于付费的替代品,检查出CreativeMarket.com和GraphicRiver.com。我还建议在股票市场如VectorStock.com购买一些点数。一张和情景相关的矢量图像可以让你的设计真正脱颖而出。

也可以在CreativeMarket上寻找一些 "信息图表包"。你可以使用这些包中的元素在文章中创建自己的迷你信息图。


views:2085