设计自己的文章封面[封面设计]

设计自己的文章封面[封面设计]

前言

已授权@优知新使用我做的封面图

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

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

我的封面平均制作时长为1-2分钟。
上面说的是通用标准,那么对于我自己的博客,那么我自己的标准是什么呢?

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

以上文字引用自:张洪Heo—博客文章封面的变迁,我是如何制作博客封面的

对于这段话我非常赞同,并且从前几天发布的文章开始,就已经开始自己给自己的文章设计文章封面了,看起来感觉也还挺好看,比以前那种杂乱无章的风格要好的挺多的,不过我自己设计封面的效率没那么高,光是在设计之前找文字之间的合适的图片都能找好久,找到之后大概三五分钟能出图

我看洪哥博客里面推荐的有几个设计应用,分别是MacSketch,以及WindowsFigma或者国产UI设计软件例如Mastergo或者即时设计

我的文章封面设计流程

我是用即时设计(https://js.design)来制作我的文章封面的,下面是我自己用即时设计设计我自己文章封面的大致流程。

  • 第一步是先根据文章要写的内容找一个符合文章内容的图标,然后根据图标来确定封面背景以及文字的配色,
  • 第二步是排版,我个人习惯是中间放一个图片,图片左右侧各放两个文字,如果实在四个字不好形容的话可能多一个字,图片要稍微大一点,能盖住两侧的文字,
  • 第三步是调整,因为图片盖住了两侧的文字,所以我会给图片设置一个百分之八十的透明度,不让文字被覆盖的部分完全看不到,自己感觉看起来也会更加好看一点。然后我还会给文字和图片各设置一个阴影,看起来更有立体感和层次感一点。

我的封面参数:(子比主题可参考)

第一版

这个版本是参考ZHHEO博客风格的简化版的封面,但是感觉太单调了而且有时候字数不够用,于是就有了第二版

图片[1]-设计自己的文章封面[封面设计]-樱花小镇
图片[2]-设计自己的文章封面[封面设计]-樱花小镇
图片[3]-设计自己的文章封面[封面设计]-樱花小镇
  • 页面大小:1200*825
  • 文字大小:200-250,根据字数决定
  • 文字阴影:
    • X:5
    • Y:5
    • 模糊:10
    • 扩展:5
  • 图片填充:80%
  • 图片圆角:50
  • 图标大小:300-350,根据文字大小微调
  • 图片阴影:
    • X:10
    • Y:10
    • 模糊:15
    • 扩展:10

第二版

该版本是参考红尘创业笔记的封面来制作的,感觉挺好看的,但是前两天还是觉得大标题字数有时候不够用,于是就自己设计了第三版,因为第一版参数挺详细的,自己稍微改改很容易就可以研究明白要怎么设置参数了,所以下来就不再附加参数了。

为了提高辨识度,从第二版开始,封面图中都会插入本站icon图标,也就是那两朵花

图片[4]-设计自己的文章封面[封面设计]-樱花小镇
图片[5]-设计自己的文章封面[封面设计]-樱花小镇
图片[6]-设计自己的文章封面[封面设计]-樱花小镇

第三版

本系列封面大致都是图片在左侧居中位置,右侧是文字,主要是为了能让封面装下更多大标题,要不有时候根据文章内容很难总结出来四五个字的概括,所以就有了这一个版本。

发现加了icon图标依然挡不住有些人对我的封面图的喜爱,所以从9.23日开始的封面图将会加上本站LOGO防盗防伪。

图片[7]-设计自己的文章封面[封面设计]-樱花小镇
图片[8]-设计自己的文章封面[封面设计]-樱花小镇
图片[9]-设计自己的文章封面[封面设计]-樱花小镇

说在最后

以上就是我自己设计封面的步骤以及我的封面的大体格式,如果以上内容对你有帮助的话希望你也可以试着自己做一个自己的文章封面。

本博客中上述风格的封面(不出意外的话今后所有文章封面都是我自己设计的)都是我自己设计的,如果我的封面风格符合你的审美的话希望你可以自己去尝试动手自己制作而不是复制本站的文章封面,我自己设计的文章封面仅供本站使用,请勿引用到你的站点,相信你也可以自己制作出自己心仪的文章封面的。

如果对你有用的话就支持一下叭·Thanks♪(・ω・)ノ
© 版权声明
THE END
喜欢就点赞转发支持一下吧(*╹▽╹*)~
点赞104 分享
评论 共18条
头像
你不说我怎么知道你在想什么诶
提交
头像

昵称

取消
昵称表情
    • 头像二猫blog0
      • 羽熙的头像-樱花小镇钻石会员羽熙徽章-社交达人-樱花小镇等级-LV6-樱花小镇作者0
      • 羽熙的头像-樱花小镇钻石会员羽熙徽章-社交达人-樱花小镇等级-LV6-樱花小镇作者0
      • 羽熙的头像-樱花小镇钻石会员羽熙徽章-社交达人-樱花小镇等级-LV6-樱花小镇作者0
    • 头像TeacherDu0
      • 羽熙的头像-樱花小镇钻石会员羽熙徽章-社交达人-樱花小镇等级-LV6-樱花小镇作者0