一张图改了3天3页,来看看最终效果!
来源:菜心设计铺丨ID:caixinshejipu
编辑:小叮
话不多说,我们先看一些过程稿和最终版(上面是过程稿,下面是最终版)。
好!那就开始分享一下我的一些思考过程和执行落地吧。
了解并确定整体风格
我们在包装一个完整项目的时候,首先要了解它整体的一个风格体系,包括它的颜色、样式等等,然后再去考虑包装的走向。
总不能用一个科技感的包装风格去做卡通类的设计稿吧,那起步就走错了道,往后面就会越走越偏。所以我们的第一步一定要确定好整个项目的风格体系。
那么这个项目的风格是怎样的呢?首先明确了它的颜色构成,以绿、深绿、黄和粉红为主,主体物形象为卡通可爱的描线以及小圆角一些组件等等,远远不止这些。
把这些基本项目风格了解之后,我们在后面做包装的时候,就可以多使用里面的小元素或者组件,让整个风格都尽量保持统一,然后再考虑从形式上做一些差异化~
找参考
无论你是多厉害的设计大佬,在做任何设计需求时,都一定要找参考!闭门造车的做设计是做不出什么好的东西的。
那么找参考该怎么找呢?
就以封面为例,我猜很多人找参考的时候都是抱着「做什么就搜什么」的想法,所以最终搜出来的参考图都是那些同样的作品,其他人搜的时候同样如此,做出来的东西自然而然也就没有太大的差异化。
都一样怎么办?
那我们就换个思路,「作品集封面」可以搜,只是作为一个基础的底子!
我们还要从多维度地去找参考,因为都是排版嘛,所以我们是不是可以通过一些高级的海报设计、宣传物料或者一些杂志等等与设计相关的下手。
通过多维度的参考,是不是会有更多的灵感和思路,不会像单一的搜「作品集封面」那么局限住思维,然后就可以通过找的各种设计参考,将它们转化成为我们自己的作品集封面!
之前遇到包装类的任务安排的时候,也和大家一样对封面也并没有多么的独特、多么差异化、多么高端的想法,只是想在保证整个画面不出错的情况下去稍微有点差异化。后面,我不断的转化设计思路,多维度的去找大量的参考,于是,便有了现在大家看到的项目封面。
下图便是我找的一些参考:
提取优秀创意点并转化
从不同维度找了这些参考后,我们就可以开始正式的去做自己的作品集了。
那么在做差异化的时候,我们首先要保证基础排版的稳定性。
首先第一个想让我参考的素材是这个:
从这张素材中,我们可以看到,里面有 IP 形象、有表情,整体的风格也很符合本次包装的项目,所以我就想把这种形式作为本次封面的主要参考对象。
但参考只是作为参考,并不能完全抄,而是去分析提取它里面的一些技法和创意点。
比如右上角的 IP 形象转化成一个小小的圆形卡片图标、COEN2022 采用矩形框的形式以及整个线框的感觉。
风格大差不差,我是不是也可以借鉴这些形式呢?那当然是可以的,于是这就作为我包装过程的其中一个参考点。
基础排版布局
封面中的元素形式有了大概的参考方向,接下来就是基础布局了,还是和以往一样,我采用了比较常规的左右布局,但是想想可能会有点同质化,于是就考虑有没有特殊的左右布局方法。
这时候我找的参考又出现在我眼前~
看到上面的参考后,立马有了想法。首先是左右可以用两个色块进行区分,其次左右两边要看起来很饱满,然后可以像下图的参考有一个破形的表现~
哎!好像就有点那感觉了,而且也会有一点点差异化出来。那就立马动手~
执行成功,基本的布局大概就是这样了,然后就是不断调整内容排版,元素的摆放位置、框的形式、正的或斜的等等,反正试了很多种方式,但是都差强人意,又陷入了纠结之中。
那肯定不行,陷入纠结那就接着找参考或者继续扒之前的参考。
看了图 2 狗狗那张,突然发现那些框限制了我的发挥,于是果断把大的轮廓框先裁掉,但是下面的信息栏可以保留,只是形式需要优化,于是就找到了啤酒和图 3 的参考,感觉一下子又来了~
耶~整完之后,大感觉就来了。
但是整体看着很空啊,那就继续往里面加信息咯!
加层次、加细节
首先我把左边当作标题板块,把右边当作视觉板块,然后去加层次,老师说过:「好的画面至少要有 6 个层次」!
下图的吉祥物实际上已经有三个层次了,那接下来主要分享一下文字部分的另外五个层次:
层次一:文字字号的大小对比
层次二:文字粗细对比
层次三:文字颜色对比
层次四:文字字体样式的对比
层次五:矩形色块的叠加
当然不止这五点,文字部分还有更多的花样,比如文字的变形等等!
既然都说到这里了,那就来分析我是如何在封面中丰富层次关系的吧!
首先单拎出来右边视觉板块,往里加品牌、加项目的元素!
大标题、副标题、小英文修饰就使用了前四个层次,按钮处使用的小组件!挺好~
简单的内容放置和排版后,感觉副标题字还是有点单而且比较大,那是不是可以多加一些层次呢?变颜色?变粗细?变字体?变大小?
用哪个呢?我们就用第五个层次,加个矩形色块吧~ 不走寻常路!
好多了~层次有了也丰富了,饱满度也差不多!
接下来我们就可以看左边标题板块了,思路和右边一样,先填一些文字,层次层级不能忘~
好!还行,但是上面很空~也不能再加文字了,不然这一块文字就太多了,密密麻麻的。
再看看参考呢?
有了,那就放 ip 形象相关的元素或者形状呗,还有项目里的各种元素,于是就想到了还有里面的表情可以放!
那就试试!
感觉差不多,仿佛还和右边的 IP 有互动,挺好~但好像关联没那么强烈,就让它们有点关联,强化来电,加元素。
OK 感觉基本完成了,再检查一遍基本的要点是否都满足:
画面饱满度、信息层次层级、主次关系。
看上去好像是完成了,但是好像又没完成,画面的四个角有点空。
确实是,但下面两个角都挺满了,也不需要加了,可是上面好像确实少了点东西。
那就把上面两个角也给丰富上吧~
好了!现在封面也就基本完成啦,以上就是我的封面大致思路。
作品集封面还是比较重要的,我们在做的时候一定不能出现基本的问题,细节可以不多,但大毛病不能有,就总结一下我的思路吧:
第一步:确定项目风格,别走岔路;
第二步:找参考、找参考、找参考;
第三步:提取优秀作品并转化到自己的作品中;
第四步:基本排版,不能有基础问题;
第五步:层次、细节多点哈哈哈。
画面饱满吗?
层次层级够吗?元素散吗?撑得起来吗?
主次关系有了吗?
四个角排了吗?
PS 设计是不是还挺有意思的?
对 PS 软件学习感兴趣的同学,欢迎加入《秋叶 PS 5 天集训营》~
微信扫码关注该文公众号作者