0

自媒体小白必看!5 招教你轻松做出好看又吸睛的内容封面

 4 months ago
source link: https://www.uisdc.com/cover-design-2
Go to the source link to view the article. You can view the picture content, updated content and better typesetting reading experience. If the link is broken, please click the button below to view the snapshot at that time.
neoserver,ios ssh client
太需要了,一直就很喜欢优设的封面图,这下我也会做了
自媒体小白必看!5 招教你轻松做出好看又吸睛的内容封面

大家好,这里是和你们一起聊设计的花生~

一年前我为大家推荐了 5 类做自媒体必看的设计资源,想帮助和我一样的刚入门的小伙伴轻松找到免费的高质量素材。如今我在优设网上已经发布了 300 多篇原创文章,其中的大部分的封面也都是我自己设计的。今天我就结合自己的实践经验,为大家分享一些实用的封面设计技巧。这些技巧可能不够专业,但是绝对好用,希望能对大家有所帮助~

相关推荐:

一、日常积累

对于没有专业设计基础的小伙伴来说,想从零开始完全靠自己做出一张好看的封面是比较困难的,而且也很耗费时间。所以在初始阶段,最好的方法是 “临摹”。我们可以先收集一些优秀的封面设计作为参考(这里我用的工具是 Eagle,它用来浏览、管理素材非常方便)。素材的类型也没有具体的限制,不过刚开始最好选择形式简单一点的,这样方面我们学习借鉴。

自媒体小白必看!5 招教你轻松做出好看又吸睛的内容封面

二、文字内容

一张封面的构成其实非常简单,无非就是文字、配图再加背景。可能有人觉得既然有了标题,封面就不需要写文字了,这其实是不对的。在实际的浏览场景中,观众第一眼看到的都是封面图像而非下方的标题文字。所以我们要在封面内用文字点明内容要点,第一时间抓住观众的注意力,吸引他们继续查看更多的内容。

既然要在封面中加入文本,那就不可避免地要用到字体。这里为大家推荐一个专业网站「优设字体导航」,里面收录了超多精选的免费可商用字体,包含黑体、宋体、楷体、圆体等多种类型,每个字体还有详细的信息介绍,可以一键下载使用。

自媒体小白必看!5 招教你轻松做出好看又吸睛的内容封面

具体的字体选择需要按你的内容调性来确定。一般来说黑体是万能的,如果想做出差异化,那么轻松搞笑或偏儿童的内容可以用卡通字体、历史文化类的可以用楷体或者宋体、人文/抒情的内容可以用手写体,运动竞技类可以用斜体等等。日常也可以注意看优秀的封面的字体是如何选择的,与它的内容是否有呼应,训练自己的直觉。更具体的方法可以看海贝老师写的这篇如何选择字体的教程

自媒体小白必看!5 招教你轻松做出好看又吸睛的内容封面

三、配图选择

“一图胜千言”,图像能比文字更直接地吸引人的注意力。好的封面配图应该与内容息息相关,和文字一起向观众传递内容要点。我常用的配图选择技巧有 4 种:优先选择人物;使用内容自带的图像;使用简单的抽象元素;用 AI 辅助生成配图。这些项技巧可以单独使用,也可以搭配在一起使用。

① 优先选人物

当一张图像中有人,尤其是有人脸的时候,会特别容易得到关注,这是人天生的一种直觉,所以在封面中使用人物是一种很有效地吸引注意力的方式。你可以用内容中涉及到的人物或者你自己的照片,都没有就用一些帅哥美女的图像也行。

② 使用内容自带的图像

我们输出内容一般会自带配图,或者有与之相关的图像,用它们做封面不仅能准确传递内容信息,还能减少我们寻找或者设计配图的工作量。如下图,上面的两张是教程内自带的图像;下面的两张推荐的是网站,所以用的是网站内自带的图像。

③ 使用简单的抽象元素

如果前面两个方式都行不通或者效果不好,那么这种方式非常值得一试:从内容中提炼出几个关键的概念,然后根据它们设计一些简单的元素,或者直接使用现有的素材。这种是一种“偷懒”的方式,但也可以取得很好的效果。

如下图,第一排是用的是免费的设计素材,与推荐的内容正好贴合,有的封面上会使用各种 emoji 表情也是这个思路;第二排是根据 “透明底图片” 和 “地图” 两个概念,自己在 Ai 里简单画了两个小元素,效果也不错;第三排是直接将数字放大作为图像使用,简单高效。

④ 用 AI 辅助生成配图

一般来说做封面不会用太多时间,所以我们会尽量找一些套路和技巧来快速完成。不过现在有了在 AI 绘画工具,我们很容易就能快速生成一张高质量的配图。下图中前五张都是 midjourney 生成的图像,几分钟内就完成了;最后一张是先用 Adobe Ai 里的 3D 功能设计了一个线稿,然后在 SD WebUI 里用玻璃图标大模型和 Controlnet 线条约束生成的。设计速度比用 3D 软件快很多,而且效果也非常棒。

大家可以进「我的主页」或者「优设 9 图频道」查看更多的 AI 出图教程。如果你还不会使用 Midjourney 和 SD WebUI 这两款工具,可以了解一下我最新制作的课程《零基础 AI 绘画入门》已经上线,课程包含对 Midjourney 及 Stable Diffusion WebUI 的系统入门教学,并提供配套资源、各类实用工具和提示词库,能帮助初学者快速掌握这 2 款目前最热门的 AI 工具,感兴趣的小伙伴可以戳的链接了解详情:夏花生的《零基础 AI 绘画录播课》

四、排版设计

文本和图片都有了,下一步就是用它们进行排版,这里我非常推荐新手使用网格系统来辅助排版。最基础的做法就是将画面划分为 3*3、3*5、5*8 或者 8*13 的网格,然后将文案以及配图填充到网格里面。这样做既便捷,最后得到的形式也非常规整,比毫无规律地在画布上随意摆放元素效率更高。

有了网格系统后,就可以开始划分文字层次了。封面文字一般划分 1-3 级就足够了,分别为:

  1. 第 1 级:主标题,简要的点明内容主题
  2. 第 2 级:副标题,进一步的说明性文字
  3. 第 3 级:细节,装饰文本

不同层级之间的字号差距至少要有 2.5 倍,差异足够大才能拉开层级,做到主次分明。

封面多为横版,所以最常用的是左右构图,以及在此基础上一些灵活的变体,此外也有上下构图或者包围构图。

除了 正常的文本和配图,我们也可以加入一些装饰的元素,比如英文、符号、图标、形状、线条等,这样一是可以填充/平衡版式,二是可以提升画面的丰富度和层次感。

五、配色选择

配色可以说是很多小伙伴都比较头疼的一点,也的确要了解色彩的基础知识后,才能较好的掌握配色技巧。推荐大家看一下我之前推荐过的 PCCS 色彩体系,优设网上也有很多配色教程,想深入学习的小伙伴可以多看看。这里也推荐几个我常用的配色思路,非常简单基础,日常用起来很方便。

① 深色背景+白色/亮色文字

这个配色思路的底层逻辑就是 “黑底白字” ,视觉效果也是直白清晰。在实际设计中,为了避免背景的单调或突兀,可以用以下方式对背景进行优化:

  1. 在背景上叠加一次效果,比如图像、网格、图案等,也可以为背景添加噪点纹理增强质感;
  2. 使用暗色系的有彩色背景,比如深蓝色、深紫色、深棕色等;
  3. 使用暗色系色的渐变背景,可以是线性渐变或者是任意形状渐变。

有了深色背景,白色的文字很容易就凸显出来了。不过全都是白色文字看起来也会很呆板,因此可以用高明度高饱和度的亮色替换掉其中的一些关键词,版面看起来会更有吸引力。

② 浅色背景+深色文字

这是对上一种思路的反向运用,即 “白底黑字”。这里的 “白底” 一般是指高明度低饱和度的浅色背景,比如白色、浅灰色、淡粉色等。如果不想背景太单调,也可以加入一些小面积的亮色渐变在里面,增强视觉吸引力。“黑字” 则指暗色系或者深色系的文字,比如黑色、深灰、深蓝,也可以是自身颜色比较重的亮色,比亮蓝色、亮紫色、朱红色(这些亮色本身明度比亮黄色、亮青色更低,因此更能和浅色背景形成差异)。

③ 对比色+小面积无彩色

这个思路我一般用来处理比较鲜艳的纯色背景。如果是纯蓝色、纯紫色背景,就用互补的黄色、橙色或者青绿色的文字,反之亦然。因为互补色天然具有较大的明度差异,它们搭配起来不容易出现 “前后内容粘连到一起” 的情况;此外互补色对比强烈,很容易吸引眼球。不过色彩对比过于直接强烈也会引起视觉不适,所以我一般会在两个颜色中间加入白色、黑色这样的无彩色作为缓冲。

最后再附上两组我之前写的封面制作思路,结合前面的内容一起看,相信会让你的思路清晰。

好啦及以上就是本期为大家分享的封面设计实用技巧,觉得有帮助的话本期话记得点赞收藏支持一波,我会有更动力为大家推荐新的干货内容~ 优设网 以及 优优教程网 上还有很多实用的设计干货内容和免费设计素材,做自媒体的小伙伴千万不要错过!

如果有关于文章的问题,欢迎在评论区留言,或者下方的二维码加入“优设 AI 绘画交流群”,和我及其他 设计师 一起交流学习 AI 知识~

推荐阅读:


About Joyk


Aggregate valuable and interesting links.
Joyk means Joy of geeK