6大方向,教你设计小红书封面
研习设订阅号
设计干货 杜绝注水
用照片作为封面是小红书中最常见的一种表现方式,通常大家都会使用手机随机拍的照片,但是可不是直接拿来用哦。因为小红书18-34岁的女性用户的占比近90%,这类庞大的群体作为小红书的中坚力量,她们对于「美」有很高的标准,并且追求生活质感,所以对于图片的修饰也是必不可少的。
我选择我司“女明星JUJU”的两张照片作为我们本次设计的主形象。这两张照片虽然平平无奇,但是我们可以通过手机修图APP,化腐朽为神奇。
大多数时候不需要你对拍摄照片做多么精细的修复,所以基本我们用手机修图软件就能达到想要的效果,下面给大家推荐几款我常用的手机修图APP。
简单给大家介绍一下这几款APP的特点与优势:
snapseed:是谷歌开发的专业照片编辑软件,它被称为手机版Photoshop,可想而知功能有多么强大,有超多参数调节,还可以局部调整细节。只不过滤镜不多。
vsco:很强大的功能是自带很多的滤镜库,更新也比较频繁,唯一缺点就是要么单独购买滤镜,要么购买全年会员。
lightroom:Adobe旗下手机版的lightroom,和电脑端的操作基本一致,本身是免费的,里面的功能也足够我们使用,但是如果你想更专业一些,可以每月35元购买它的高级版,当然,高级版本里肯定功能更加齐全,有强大的后期空间。
醒图:非常强大的滤镜功能,而且包含了很多模板,贴纸很齐全,完全可以傻瓜式一键出片,个别滤镜需要付费。
黄油相机:滤镜库丰富,很大的优势是文字编排功能,有很多文字和贴图模板,操作简单。
ios:苹果系统自带修图功能其实也很好用,只是需要自己多去试验调整。
调整后
原照片
原照片比较暗,氛围不好,没有表现出JUJU可爱的一面,我利用醒图调整,参数如下:
滤镜青柠强度:77
光感-8
锐化30
阴影10
颗粒24
左下角局部调整-80
调整后
原照片
原照片色调偏冷,且有些脏(可能JUJU本身脏),利用醒图调整,参数如下:
滤镜蜜桃乌龙强度:80
光感8
对比度54
锐化50
我们利用这张修好的照片作为背景,来设计一个小红书的封面
👈这是文案内容,接下来我们根据主题和照片气质挑选合适的字体:
上面这三组标题组合,哪组字体更合适呢?相信经常看我们订阅号的小伙伴应该会很快速的选出来!这里第二组和第三组选择都是“艺术字体”字体本身没毛病,但是,我们要做的是整个画面的设计,这就涉及到不同层级文字之间的搭配,当把这些很有特点的英文字缩小后去编排,就会出现字重不匀称或者识别性不好的情况,所以别看第一组中规中矩,但是作为一个画面的基础搭配来说,它是非常合适的。
#01
首先用黄金三分法把画面纵向分为三份,第一栏与第二栏的比值为黄金比,第二栏与第三栏的比值也是黄金比,横向上划分5个模块。
#02
根据文案内容,我们把文字按照层级关系重新编排整合,然后再把这些文字组,按照网格置入版面。
#03
文字按照网格编排,颜色方面我选择黄色,是因为整个画面是灰黄色调的,让人感觉比较温暖,就选择了近似色——黄色,到这,第一个照片铺满背景的案例就算完成了。
照片置入图形也是很常用的一个手法,通常用于背景比较杂乱或者除主体外其它部分不太满意的情况,置入图形后对于后期文字编排也是比较友好的,因为会留有大面积的色块供我们设计。
置入的图形可以是规则的圆形,也可以是有象征性的不规则图形,要提醒大家的是,不规则图形的外轮廓会给我们编排文字带来一定的难度,较难处理它留下的负空间,所以还是建议大家置入规则的图形内。
#01
这里我选择是这个稍微带点变化的圆形,然后给画面设置网格,接下来我将要在这个色块上编排文案。
#02
首先在对角线的位置放上重要的文字,字体选择依然延续上一个案例。
#03
然后在另一处对角线放置第二层级的文字,接下来就是填充这些留白的部分。
#04
左上和右下的空间用装饰性的文案来填充,之后要考虑其余的负空间了,比如右上角文字与圆形之间所产生不规则的留白。
#05
在右上方的负空间添加一个花体文字,对应的左下方也是如此,这样两者有个呼应。
#06
最后给画面添加两个点睛元素,让画面更加饱满的同时解决了那些负空间的问题,这样第二个案例完成。
除了置入图形外,还可以把图片抠出去底,这样会更加突出照片主体,也会让文字编排更加得心应手。
#01
这次我们采用的是方形尺寸,这也是小红书封面常用尺寸,这里我大致把构图和思路绘制一下,我打算采用两张照片的去底图,形成一个对角线的构图形式,接下来,按照这个思路去还原设计。
#02
网格我们采用的是黄金三分法,中间网格和右边的是黄金比,右边网格和左边网格也存在黄金比。
根据上一步的构思,我们按照网格搭建出版面,这里有个疑问是:为什么两张照片不是完整的?
第一我选择头部进行放大,这样会让画面更加饱满,且更有视觉张力,第二右上角的JUJU本身在照片里是不完全体,所以保留最易引起注意的头部就可以,第三这样一大一小的猫头,既呼应又产生对比,会更有节奏感。
#03
给两个去底猫头加一个图形,目的一,是遮挡猫头以下粗糙的轮廓,目的二,是连接两个猫头,让它俩变成一个整体,目的三,给文字留有可设计的空间。
#04
在周围负空间填补文字和图形,有的文字占网格的中线位置。目前的黑白配色比较沉闷,我们可以选择小红书封面比较常用的对比色。
#05
最后背景填充蓝色,元素变成绿色,再增加一些点缀色——玫红,这个案例也就完成了。
字形混搭是时下比较流行的风格,而关于字形混搭的教程我们订阅号也分享过不少。常规字体还是趋向保守,为了让画面更具变化性,让字体更具图形感,我们可以试试字形混搭,要注意的是笔画的匹配和灰度的匀称。
#01
这次我们采用上下构图的形式
#02
上面我们用两个圆角矩形拼成一个图形,增加画面层次感,文字就在其中编排。
#03
这是字形混搭的字体,这里有无衬线和衬线,还有像素字体,和艺术字体。选择它们的原因是笔画粗细上比较好搭配,比如,第一款字体「Future History」,这款字体有个很便利的特点,打大写字母时它就是无衬线,打小写字母时它就是衬线,如此一来无衬线与衬线的搭配就和谐了。第二个像素字体与第一个字体笔画灰度上一致;第三款字体与像素字的灰度也是接近的,最后一款字体比较特别,因为能看出它和前面几款字体都不搭,但是依然有可取之处。
#04
分别从这些字体中提取字母,拼成标题。上面说最后一款字体的可取之处,是在于我提取了它的字母「O」,旋转90°,增加了它本身的宽度,这样和其他文字搭配一起视觉上更加舒适。
#05
把混搭好的文字,按照网格编排到版面中,其它文字我们就可以在周围网格安排。
#06
丰富标题组合,中文标题选择楷书字形,制造矛盾感,让整体的图形感更强。
#07
继续把文案按照网格填充到负空间处,要注意的是标题我们已经用混搭的风格了,其余的文字信息选择常规无衬线体就可以,以免造成版面混乱的情况。
#08
文字组已经搞定了,但是放在整个画面中,是比较割裂的,下面的照片色调和上面色块在颜色方面还不够呼应;另外,下面没有任何信息和上面文字呼应,接下来,我们解决这些问题。
#09
下面图片上方加了一个粉色的照片滤镜,这样和上方色块有了呼应,在底部添加一组文字,和上方形成两端对齐。现在我们有了色彩呼应,文字呼应,还差一个图形呼应。
#10
下面照片置入圆角矩形内,这个圆角矩形的弧度要和上面的保持一致,然后在上面背景叠加方块底纹,丰富画面层次,至此字型混搭的案例就完成了。
前面的几个案例都是用英文作为主标题进行设计的,有些同学可能有疑问,只用汉字做标题不行吗?当然可以。英文笔画结构单纯,是不等宽字体,汉字结构复杂,是方块字,所以英文的图形感会更强,这也是经常会使用英文的原因。如果我们用汉字作为标题,为了更具图形化,我们可以对字体进行设计。
#01
首先就是设计字体,汉字笔画特征是从左边英文笔画提取出来的,这样汉字的图形感会很强。具体步骤这里就不演示了,之前我们订阅号也给大家讲过。
#02
先构建网格,纵向网格和第一个案例相同,从右到左依次是黄金比的关系。这次我们把图片抠出一半,然后做一个图叠字的形式,「两只老虎」正好也对应了图片中JUJU和它的影子,接下来就是按照这个网格,在上方和下方加入文字。
#03
先在上面填充文字,字体选择也趋向于比较扁的,这样和主题文字的结构会更加契合。
#04
添加英文,英文选择也是结构较扁的字体。
#05
猫咪下半部分的留白添加文字组,和上方形成两端对齐的结构,要注意,即使是文字组之间也要有适量的留白,不要密不透风。到这感觉画面完成的差不多了,但是右侧窗帘比较突兀,我们可以加一些装饰性文案。
#06
把装饰性文本复制一组出来,旋转90°,放置在窗帘上,它占的是网格的一半。这样画面整个编排就做好了,接下来就是配色问题了,目前这个黑黄搭配是很酷的,但我们可以尝试更具活力的配色。
#07
最后把颜色调整为饱和度高的互补色,窗帘为了呼应色彩,也做了黄色的填充,这个字体设计案例就完成了。
图形作为主体也是非常常见的表现形式,照片可能局限性比较多,但图形就不一样, 它适用范围很广,而且越来越多的年轻化设计,都很擅于采用图形去构建版面,这给设计师很大的发挥空间。
#01
绘制一个猫咪图形,emmm...不过看着有点像我们公司另一只猫——大福呀,既然这样,我们还是选择用现有的图形绘制吧。
#02
用软件中的基础图形把猫咪的特征绘制出来,五官可以偏上一点,这样会更加可爱。最后用柔边画笔在图形的外边缘画浅灰色,增加立体感,再给这层浅灰色添加杂色,图形就OK了!
#03
网格纵向上平分三份,横向分为四个模块。依然沿用上一个案例设计的字体,图形居中,文字就围绕它来排列。
#04
下方面积较大,我们可以添加重要信息。
#05
左右两边按照网格,添加次要信息,但不要做的过满,中间还要保有留白。
#06
颜色选择更加刺激视觉的饱和度高的色彩,这样以图形为主的画面就完成了。
案例集合
我通过6个案例给大家分享了小红书常用的封面风格,这几个方向虽然是从小红书角度来阐述,但是设计思路是可借鉴和贯通的。当然,也不是所有小红书的封面都需要设计,有的封面可能放一张照片,或者一个对话截图都会有很高的点赞量,这就与账号定位和运营有关了。
最后,欢迎大家关注我们研习设创始人的小红书——「K叔的设计笔记」,K叔会在小红书里更新他设计心得和经验,日后他还会分享一些职场的经验和不为人知的秘密,快扫码,让K叔带你跳出一成不变设计的桎梏!!!