#博客图片 #自媒体图片
如何设计和制作博客标题图片

图库资源

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

人类是视觉动物。我们的大脑处理图像的速度是文字的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:2016