Redian新闻
>
一张图改了3天3页,来看看最终效果!

一张图改了3天3页,来看看最终效果!

公众号新闻

来源:菜心设计铺丨ID:caixinshejipu

编辑:小叮



话不多说,我们先看一些过程稿和最终版(上面是过程稿,下面是最终版)



好!那就开始分享一下我的一些思考过程和执行落地吧。

了解并确定整体风格



我们在包装一个完整项目的时候,首先要了解它整体的一个风格体系,包括它的颜色、样式等等,然后再去考虑包装的走向。

总不能用一个科技感的包装风格去做卡通类的设计稿吧,那起步就走错了道,往后面就会越走越偏。所以我们的第一步一定要确定好整个项目的风格体系。

那么这个项目的风格是怎样的呢?首先明确了它的颜色构成,以绿、深绿、黄和粉红为主,主体物形象为卡通可爱的描线以及小圆角一些组件等等,远远不止这些。



把这些基本项目风格了解之后,我们在后面做包装的时候,就可以多使用里面的小元素或者组件,让整个风格都尽量保持统一,然后再考虑从形式上做一些差异化~

找参考



无论你是多厉害的设计大佬,在做任何设计需求时,都一定要找参考!闭门造车的做设计是做不出什么好的东西的。


那么找参考该怎么找呢?


就以封面为例,我猜很多人找参考的时候都是抱着「做什么就搜什么」的想法,所以最终搜出来的参考图都是那些同样的作品,其他人搜的时候同样如此,做出来的东西自然而然也就没有太大的差异化。



都一样怎么办?


那我们就换个思路,「作品集封面」可以搜,只是作为一个基础的底子!


我们还要从多维度地去找参考,因为都是排版嘛,所以我们是不是可以通过一些高级的海报设计、宣传物料或者一些杂志等等与设计相关的下手。

通过多维度的参考,是不是会有更多的灵感和思路,不会像单一的搜「作品集封面」那么局限住思维,然后就可以通过找的各种设计参考,将它们转化成为我们自己的作品集封面!

之前遇到包装类的任务安排的时候,也和大家一样对封面也并没有多么的独特、多么差异化、多么高端的想法,只是想在保证整个画面不出错的情况下去稍微有点差异化。后面,我不断的转化设计思路,多维度的去找大量的参考,于是,便有了现在大家看到的项目封面。


下图便是我找的一些参考:


提取优秀创意点并转化



从不同维度找了这些参考后,我们就可以开始正式的去做自己的作品集了。


那么在做差异化的时候,我们首先要保证基础排版的稳定性。

首先第一个想让我参考的素材是这个:



从这张素材中,我们可以看到,里面有 IP 形象、有表情,整体的风格也很符合本次包装的项目,所以我就想把这种形式作为本次封面的主要参考对象。

但参考只是作为参考,并不能完全抄,而是去分析提取它里面的一些技法和创意点。

比如右上角的 IP 形象转化成一个小小的圆形卡片图标、COEN2022 采用矩形框的形式以及整个线框的感觉。



风格大差不差,我是不是也可以借鉴这些形式呢?那当然是可以的,于是这就作为我包装过程的其中一个参考点。


基础排版布局



封面中的元素形式有了大概的参考方向,接下来就是基础布局了,还是和以往一样,我采用了比较常规的左右布局,但是想想可能会有点同质化,于是就考虑有没有特殊的左右布局方法。

这时候我找的参考又出现在我眼前~



看到上面的参考后,立马有了想法。首先是左右可以用两个色块进行区分,其次左右两边要看起来很饱满,然后可以像下图的参考有一个破形的表现~




哎!好像就有点那感觉了,而且也会有一点点差异化出来。那就立马动手~



执行成功,基本的布局大概就是这样了,然后就是不断调整内容排版,元素的摆放位置、框的形式、正的或斜的等等,反正试了很多种方式,但是都差强人意,又陷入了纠结之中。

那肯定不行,陷入纠结那就接着找参考或者继续扒之前的参考。



看了图 2 狗狗那张,突然发现那些框限制了我的发挥,于是果断把大的轮廓框先裁掉,但是下面的信息栏可以保留,只是形式需要优化,于是就找到了啤酒和图 3 的参考,感觉一下子又来了~



耶~整完之后,大感觉就来了。


但是整体看着很空啊,那就继续往里面加信息咯!

加层次、加细节



首先我把左边当作标题板块,把右边当作视觉板块,然后去加层次,老师说过:「好的画面至少要有 6 个层次」!

下图的吉祥物实际上已经有三个层次了,那接下来主要分享一下文字部分的另外五个层次:


层次一:文字字号的大小对比

层次二:文字粗细对比

层次三:文字颜色对比

层次四:文字字体样式的对比

层次五:矩形色块的叠加


当然不止这五点,文字部分还有更多的花样,比如文字的变形等等!

既然都说到这里了,那就来分析我是如何在封面中丰富层次关系的吧!

首先单拎出来右边视觉板块,往里加品牌、加项目的元素!



大标题、副标题、小英文修饰就使用了前四个层次,按钮处使用的小组件!挺好~


简单的内容放置和排版后,感觉副标题字还是有点单而且比较大,那是不是可以多加一些层次呢?变颜色?变粗细?变字体?变大小?

用哪个呢?我们就用第五个层次,加个矩形色块吧~ 不走寻常路!



好多了~层次有了也丰富了,饱满度也差不多!

接下来我们就可以看左边标题板块了,思路和右边一样,先填一些文字,层次层级不能忘~



好!还行,但是上面很空~也不能再加文字了,不然这一块文字就太多了,密密麻麻的。

再看看参考呢?



有了,那就放 ip 形象相关的元素或者形状呗,还有项目里的各种元素,于是就想到了还有里面的表情可以放!

那就试试!



感觉差不多,仿佛还和右边的 IP 有互动,挺好~但好像关联没那么强烈,就让它们有点关联,强化来电,加元素。



OK 感觉基本完成了,再检查一遍基本的要点是否都满足:

画面饱满度、信息层次层级、主次关系。

看上去好像是完成了,但是好像又没完成,画面的四个角有点空。


确实是,但下面两个角都挺满了,也不需要加了,可是上面好像确实少了点东西。

那就把上面两个角也给丰富上吧~



好了!现在封面也就基本完成啦,以上就是我的封面大致思路。



作品集封面还是比较重要的,我们在做的时候一定不能出现基本的问题,细节可以不多,但大毛病不能有,就总结一下我的思路吧:

第一步:确定项目风格,别走岔路;
第二步:找参考、找参考、找参考;
第三步:提取优秀作品并转化到自己的作品中;
第四步:基本排版,不能有基础问题;
第五步:层次、细节多点哈哈哈。


基本排版包含:
画面饱满吗?
层次层级够吗?
元素散吗?撑得起来吗?
主次关系有了吗?
四个角排了吗?

PS 设计是不是还挺有意思的?


对 PS 软件学习感兴趣的同学,欢迎加入《秋叶 PS 5 天集训营》~


秋叶 PS 5 天集训营
课程原价 99 元 
现在 仅需 1 元!
赶紧扫码抢课吧!
👇👇👇

*广



微信扫码关注该文公众号作者

戳这里提交新闻线索和高质量文章给我们。
相关阅读
几百块的它居然用出了几万块的效果!!你也试试!U.S.News最佳本科AI专业排名出炉,来看看AI哪家强?若你觉得上班不开心,来看看这些年轻的ICU护士活捉比尔盖茨,来看看富豪开挂的一家…JAMA Internal Medicine心电病例:这种心电图改变需高度警惕!蔡天凤头七!现任丈夫及亲友携祭祀品,前往凶案现场为其“招魂”【视频】堪比电影效果!迪士尼道具龙意外起火,瞬间变巨型火龙!多根钢筋贯穿身体,来看看麻醉科的关键作用《这也能赚钱》收官,来看看青春版致富经8件不值得在Trader Joe’s购买的商品,来看看有没有你踩过雷的商品涨知识 | 原来这些偏旁也是汉字,来看看你认识几个?超级会员日全年规划已出,来看看有没有你的城市考博经验帖 | 别说自己尽力了,来看看别人的努力【便民】这所高校新建工程可行性研究报告获批复,来看效果图超预期!沙特追加减产100万桶,来看最新解读…国际油价跳空高开,市场温和看涨第一个获得美国批准的呼吸道合胞病毒(RSV)疫苗,来看看你家里有没有适用人群中国最诱人的早餐图鉴,来看看这次你的家乡上榜没?(二)如果你觉得工作委屈,来看看北京凌晨3点的公交3天3起持刀伤人!最近香港砍人案频发!情绪力的培养比成绩好更重要,来看看这条万能的情绪管理公式旅游网站评选美国中餐Top10,来看看加州上榜餐厅跑了3家超市,看看最近很火的韩版Costco值得去吗?快来!礼献母亲节,来看看母亲节奢尚送礼指南~加拿大最新民意调查,来看看当地人对移民是何态度?【高福利好吗】→ 好食懒做的国度关于墨尔本的20个冷知识,来看看你知道几个?“荷尔蒙”分泌旺盛的女人,有哪些突出“特征”?不妨对照自查新中國圍棋抗日拼韓的人和事、坎坷路(3)阿娇为什么让陈冠希拍照而不阻止,真相曝光后,让人无语又泪目618卖得最火的手机调查,来看看大家都买了什么?天津美女硕士,遭骗财骗色,尸体被焚烧3天3夜,凶手却没判死刑内地美女扎堆参加港姐,来看看谁最惊艳!天津美女硕士,遭骗财骗色,尸体被焚烧3天3夜,凶手却…2023伦敦手工艺周,来看看全球最棒的手工艺人/品牌和他们的作品吵翻天!加拿大华人母亲留下百万遗产,5子女闹上法庭!最终法官竟把遗嘱给改了...
logo
联系我们隐私协议©2024 redian.news
Redian新闻
Redian.news刊载任何文章,不代表同意其说法或描述,仅为提供更多信息,也不构成任何建议。文章信息的合法性及真实性由其作者负责,与Redian.news及其运营公司无关。欢迎投稿,如发现稿件侵权,或作者不愿在本网发表文章,请版权拥有者通知本网处理。