很多人比较好奇我的博客封面是怎么做的,我也都给予了解答,就是用的sketch。

如果你是用的mac电脑,sketch的好处就是你可以将你的设计文件作为文件进行存储和备份。如果你没有mac电脑,那么使用figma或者国产UI设计软件例如mastergo或者即时设计等都可以完成这项工作。

至于为什么不用ps?Photoshop对于多画板的性能支持非常差劲,所以如果使用Photoshop来做,那么只能是一个封面一个psd文件,这对封面的管理非常的麻烦。

制作封面的标准

我认为对于个人博客来说,封面是一个丰富博客页面的手段。一个好的封面可以能让用户阅读到标题之前就对文章的内容有一个大致的判断。在用户浏览博客寻找文章时,可以通过图片的识别更快得让用户决定是否应该打开这个文章。

对于作者而言,博客封面内容大于形式。因为博客中文章内容的部分才是精华。并且没有平台压力,并不需要一个吸引人的封面来和其他文章做竞争。并且因为封面价值不高,所以不能用太长时间来做封面,否则就是本末倒置了。

我的封面平均制作时长为1-2分钟。

上面说的是通用标准,那么对于我自己的博客,那么我自己的标准是什么呢?

  • 通过logo或者标志来让用户快速识别文章的类型
  • 通过主要内容居中来适配横版和方形多种尺寸
  • 简约好看,风格统一

我的封面迭代

我的博客已经运行了三年多了,这期间可以看到我的博客文章封面也一直在变化。在设计方面都遵循着简约好看,风格统一的目标。

第一代

纯色的背景,一个显著的图标。可以有效表达文章的类型以及适配方形封面。

尺寸:523*310

封面

第二代

在第一代的基础上,添加了更多的阴影来突出质感。为了适配博客标准宽度下的封面比例,略微调整了尺寸。因为当时还没有分栏,所以只有一排的情况下为了增加留白,每个文章板块的高度被增加。

尺寸:523*324

封面

第三代

因为只有一个图标过于简单,所以当时想要为博客增加细节。文章封面也是需要增加细节的方面。通过图标的堆叠体现封面的精细,并且这些堆叠的图标不会影响简约的观感。

尺寸:523*324

封面

第四代

同样是为了增加细节,之前是通过图标的方式,现在将各种变形的文字展示出来。文字的加入让封面多了更多细线形态的展示,并且还能够通过关键词来简单诠释一下文章的核心内容。

尺寸:523*310

封面

第4.5代

引入了文字的封面备受喜爱,但是带来了一个问题就是失去了最初的标准:封面的一致性。目前看来各种各样的不同的文字样式让文章列表变得太过花哨。让浏览文章列表变得非常混乱。所以在4.5代简化了文字的形式。统一成了居中排布。

因为支持了双栏布局,所以为了增加屏效,封面的高度就要被限制。所以使用了与微信公众号同款的封面尺寸。

尺寸:730*310(后面均采用此尺寸)

封面

第五代

为了避免文字的突兀,后来随着封面文字我设计的越来越与背景融合,文字最终还是被我给取消掉了。我当时认为,博客的封面文字不应该存在,毕竟我的文章列表的文章标题已经很清晰了,不需要用文字来进行辅助。并且经过统一化的文字样式并不好看。所以综合各种因素,给删除掉了。

采用了一个模糊背景+一个主图标的形式。

封面

第六代

这个时候我比较想追求一些个性,所以我想:让文字变成装饰存在,那么是不是也可以呢?所以做了文字的尝试。对于中国人来说,英文不仅可以代表意思,还可以作为符号存在。(我认为是非母语的转译过程有延迟导致的)。只有文字也很单调,所以又添加了点状物背景和下雨背景混合使用。

突出一个个性化。

封面

第七代

AI绘画火了。我就想说能不能封面利用上AI绘画。毕竟买了midjourney不用还觉得怪浪费的。所以封面的样式又恢复成之前第五代的模糊背景+主图标的形式了。不过背景换成了通过AI绘画生成的图片。

如果需要正版AdobeAI账号或者midjourney共享/独享号,可以到账号购买平台购买,输入优惠码Heo即可95折购买。

封面

第八代

我在思考,模糊背景和主图标的配合其实就是为了塑造空间感。那么其实文字的堆叠也可以塑造空间感,并且可以通过遮挡、抠图来实现这些效果。也是受到装备页面抠图的启发。所以目前采用的就是文字塑造空间感的方式来设计封面。

封面

固定一个核心标准

其实这些封面看下来,你会发现,我始终都会去坚持核心标准,然后每一代有一个标准。这样最近的封面风格都会一致,并且因为坚持了核心标准,所以每一代之间都能看出联系。

如果你也想为自己的博客制作封面,那么也可以自己设立一个标准。你首先要思考

  • 我的博客是什么类型,都谁在看?
  • 我的博客受众喜欢什么配色或者风格?
  • 我的博客受众浏览文章列表的眼动路径期望是怎样的?

预想核心标准,然后再设置当下时期自己喜欢的样式。保持封面的统一可以让博客看起来更加和谐和令人舒适。