设计自己的文章封面

前言

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

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

我的封面平均制作时长为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张

说在最后

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

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

「小礼物走一走?华子可乐来一个!」

还没有人赞赏,支持一下吧

哇~真是太棒了 感谢大佬支持

可乐华子奶茶傍一矿泉水
支付宝
内容投诉

下载说明:

1.本站资源都是白菜价出售,同样的东西,我们不卖几百,也不卖几十,甚至才卖几块钱,一个永久VIP能下载全站会员专属源码了,所以单独购买也好,会员也好均不提供相关技术服务。

2.如果源码下载地址失效请 提交留言(点击我)进行补发。

3.本站所有资源仅用于学习及研究使用,请必须在24小时内删除所下载资源,切勿用于商业用途,否则由此引发的法律纠纷及连带责任本站和发布者概不承担。资源除标明原创外均来自网络整理,版权归原作者或本站特约原创作者所有,如侵犯到您权益请联系本站删除!

4.本站站内提供的所有可下载资源(软件等等)本站保证未做任何负面改动(不包含修复bug和完善功能等正面优化或二次开发);但本网站不能保证资源的准确性、安全性和完整性,用户下载后自行斟酌,我们以交流学习为目的,并不是所有的源码都100%无错或无bug;同时本站用户必须明白,【晓梦云】对提供下载的软件等不拥有任何权利(本站原创和特约原创作者除外),其版权归该资源的合法拥有者所有。

5.请您认真阅读上述内容,购买即以为着您同意上述内容。


晓梦云资源网 » 设计自己的文章封面

发表评论

您需要后才能发表评论

晓梦云资源站、分享更多优质有趣的源码!

特权介绍 留言处理