大家好,这里是和你们一起聊设计的花生~
一年前我为大家推荐了 5 类做自媒体必看的设计资源,想帮助和我一样的刚入门的小伙伴轻松找到免费的高质量素材。如今我在优设网上已经发布了 300 多篇原创文章,其中的大部分的封面也都是我自己设计的。今天我就结合自己的实践经验,为大家分享一些实用的封面设计技巧。这些技巧可能不够专业,但是绝对好用,希望能对大家有所帮助~
相关推荐:
对于没有专业设计基础的小伙伴来说,想从零开始完全靠自己做出一张好看的封面是比较困难的,而且也很耗费时间。所以在初始阶段,最好的方法是 “临摹”。我们可以先收集一些优秀的封面设计作为参考(这里我用的工具是 Eagle,它用来浏览、管理素材非常方便)。素材的类型也没有具体的限制,不过刚开始最好选择形式简单一点的,这样方面我们学习借鉴。
一张封面的构成其实非常简单,无非就是文字、配图再加背景。可能有人觉得既然有了标题,封面就不需要写文字了,这其实是不对的。在实际的浏览场景中,观众第一眼看到的都是封面图像而非下方的标题文字。所以我们要在封面内用文字点明内容要点,第一时间抓住观众的注意力,吸引他们继续查看更多的内容。
既然要在封面中加入文本,那就不可避免地要用到字体。这里为大家推荐一个专业网站「优设字体导航」,里面收录了超多精选的免费可商用字体,包含黑体、宋体、楷体、圆体等多种类型,每个字体还有详细的信息介绍,可以一键下载使用。
具体的字体选择需要按你的内容调性来确定。一般来说黑体是万能的,如果想做出差异化,那么轻松搞笑或偏儿童的内容可以用卡通字体、历史文化类的可以用楷体或者宋体、人文/抒情的内容可以用手写体,运动竞技类可以用斜体等等。日常也可以注意看优秀的封面的字体是如何选择的,与它的内容是否有呼应,训练自己的直觉。更具体的方法可以看海贝老师写的这篇如何选择字体的教程。
“一图胜千言”,图像能比文字更直接地吸引人的注意力。好的封面配图应该与内容息息相关,和文字一起向观众传递内容要点。我常用的配图选择技巧有 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 级:主标题,简要的点明内容主题
- 第 2 级:副标题,进一步的说明性文字
- 第 3 级:细节,装饰文本
不同层级之间的字号差距至少要有 2.5 倍,差异足够大才能拉开层级,做到主次分明。
封面多为横版,所以最常用的是左右构图,以及在此基础上一些灵活的变体,此外也有上下构图或者包围构图。
除了 正常的文本和配图,我们也可以加入一些装饰的元素,比如英文、符号、图标、形状、线条等,这样一是可以填充/平衡版式,二是可以提升画面的丰富度和层次感。
配色可以说是很多小伙伴都比较头疼的一点,也的确要了解色彩的基础知识后,才能较好的掌握配色技巧。推荐大家看一下我之前推荐过的 PCCS 色彩体系,优设网上也有很多配色教程,想深入学习的小伙伴可以多看看。这里也推荐几个我常用的配色思路,非常简单基础,日常用起来很方便。
① 深色背景+白色/亮色文字
这个配色思路的底层逻辑就是 “黑底白字” ,视觉效果也是直白清晰。在实际设计中,为了避免背景的单调或突兀,可以用以下方式对背景进行优化:
- 在背景上叠加一次效果,比如图像、网格、图案等,也可以为背景添加噪点纹理增强质感;
- 使用暗色系的有彩色背景,比如深蓝色、深紫色、深棕色等;
- 使用暗色系色的渐变背景,可以是线性渐变或者是任意形状渐变。
有了深色背景,白色的文字很容易就凸显出来了。不过全都是白色文字看起来也会很呆板,因此可以用高明度高饱和度的亮色替换掉其中的一些关键词,版面看起来会更有吸引力。
② 浅色背景+深色文字
这是对上一种思路的反向运用,即 “白底黑字”。这里的 “白底” 一般是指高明度低饱和度的浅色背景,比如白色、浅灰色、淡粉色等。如果不想背景太单调,也可以加入一些小面积的亮色渐变在里面,增强视觉吸引力。“黑字” 则指暗色系或者深色系的文字,比如黑色、深灰、深蓝,也可以是自身颜色比较重的亮色,比亮蓝色、亮紫色、朱红色(这些亮色本身明度比亮黄色、亮青色更低,因此更能和浅色背景形成差异)。
③ 对比色+小面积无彩色
这个思路我一般用来处理比较鲜艳的纯色背景。如果是纯蓝色、纯紫色背景,就用互补的黄色、橙色或者青绿色的文字,反之亦然。因为互补色天然具有较大的明度差异,它们搭配起来不容易出现 “前后内容粘连到一起” 的情况;此外互补色对比强烈,很容易吸引眼球。不过色彩对比过于直接强烈也会引起视觉不适,所以我一般会在两个颜色中间加入白色、黑色这样的无彩色作为缓冲。
最后再附上两组我之前写的封面制作思路,结合前面的内容一起看,相信会让你的思路清晰。
好啦及以上就是本期为大家分享的封面设计实用技巧,觉得有帮助的话本期话记得点赞收藏支持一波,我会有更动力为大家推荐新的干货内容~ 优设网 以及 优优教程网 上还有很多实用的设计干货内容和免费设计素材,做自媒体的小伙伴千万不要错过!
如果有关于文章的问题,欢迎在评论区留言,或者下方的二维码加入“优设 AI 绘画交流群”,和我及其他 设计师 一起交流学习 AI 知识~
推荐阅读:
复制本文链接 文章为作者独立观点不代表优设网立场,未经允许不得转载。
热评 希夏