你的设计,没层次!
大家好,
你有没有遇到过这样的情况,甲方爸爸看完设计稿后,来一句:“有点平”、“嗯,总感觉少了点什么。。。”
这个时候,先不要急着掏出你的三十米大刀,先看看自己的设计是不是缺了一点层次感。
这也是我帮各位门友看作品集的时候,发现的最多的问题。
所谓层次感,就是指画面中的各个元素清晰合理、有节奏地组合在一起,从而使整个画面看起来更加舒适、协调。
话不多说,下面我们就来看看,如何使画面有层次感。
动图走一波先。。。
文字的层次感并不是指复杂的字体特效,而是重点突出,层次分明的排版方式。我们来看看有哪些常用的手法可以丰富文字的层次感。
大小对比:
文字叠压:
虚实效果:
再通过一个实操案例,给大家演示一下如何强化标题文字的层次感。
第1步,
先抠一张产品图。
第2步,
把鞋子倾斜一下,再用橙色和黑色来分割画面,确定画面的主色调。
第3步,
打上标题。
现在标题有点单调,我们来看看如何一步步来丰富它的层次感。
第4步,
将主标题折成两行,添加小英文字母,形成大小对比。
第5步,
在标题底下叠加空心的英文字母,然后整体再叠加一层碎裂纹理,这样整个标题的排版就比较丰富了。
第6步,
在上下各添加一条字母带,进一步丰富版式效果。
第7步,
在背景上添加网络纹理,再完善一下文案信息。
OK,完工。
继续,走你。
主体是一个画面中最重要的组成。为了让主体与背景更加融合,我们通常会通过添加前景和后景元素,来营造出前后空间感,从而丰富它的视觉层次。
原图:
为了让主体不会显得单薄,可以在它的背后添加一些相关元素,形成前后的位置关系。
我们也可以在主体的前面添加一点遮挡元素,同样可以形成前后的空间对比,从而使主体更有层次感。
下面再来看一个电商的实操案例。
第1步,
先抠好产品图。
第2步,
将背景换成深绿色,确定画面主色调。然后在底部画一个台子,承托起产品。
第3步,
为了让主体显得没那么单调,我们在产品的前面和后面各自加上不同的元素,形成前-中-后的层次关系。
第4步,
处理好前景和后景元素的细节。
第5步,
在背景上叠加一层光影效果。
第6步,
排版好文案信息。
OK,完工。
精彩
继续。。无论是任何类型的设计,色彩永远都是用户第一时间感知到的内容。想要让画面更有视觉冲击力,那么使用反差大的对比色,是非常有效的设计手法。
色彩的变化十分丰富,一般我们会从明暗、色相、纯度这三个维度来控制它。
通常来说,一个画面的色彩至少要一个维度上有着明显的变化和对比,这样才不会显得单调。
来看看实操案例。
第1步,
先抠一张模特图。
第2步,
换上合适的背景色,以及排版好标题之后,总觉得画面略显得单调些。
第3步,
为了让画面的色彩看起来更加丰富,我们在人物的背景添加一个色块。与背景色形成明确的反差效果。
第4步,
再添加文字和线条的装饰效果。
第5步,
最后排版好文案信息。
OK,完工。
再钓一条就走。。
背景设计需要恰到处好,既不抢主体的风头,又能起到拉近画面各个元素之间关系的作用。
常用的背景处理方式有下列3种:
添加肌理:
光影效果:
点线面等几何元素:
下面来看看实操案例。
第1步,
先抠两张《八角笼中》的人物图。
第2步,
抠图,去色。
第3步,
为了丰富背景的层次,我们先用不同的色块,大致确定一下色彩的分布。
第4步,
将色块细化一下,换成文案以及斑驳的背景。
第5步,
给背景添加划痕做旧的纹理,同时在标题的边缘也添加一些手写的痕迹,使整体的风格更加统一。
第6步,
排版好其它文案信息。
OK,完工。
好了,
今天的内容就到这。。
走了,88。
下面就到你们动手的时间。
结合今天讲到的内容,自拟素材,做1-4张练手海报。
我给大家提供了一个作业PSD模板,必须按模板的尺寸提交,没有按模板要求提交的不参与优秀作业评选!!
https://pan.baidu.com/s/1XX2wG8L_yhNj_zKDQnhpUg?pwd=PMZD
例如:阿门-12345678-作业.jpg
提交作品时,务必将你的每个文件按格式要求命名。不需要发 psd 源文件,也不要压缩包,有多少张就直接上传多少张。
投稿邮箱也换了!大家不要发原来的旧邮箱。
20230719-你的名字-你的QQ-作业
我会选择3位同学送出庞门正道定制本各1本,这个是只送不卖的纪念品,纪念你曾经努力的意义。
期待你的参与,让一百多万门友共同见证你的进步!
上两期作业一共收到51份作品,希望大家都像这样同学一样,练起来!
很多同学都做得十分用心,相信时间会见证你们的进步,下面精选出3位同学送出小礼物:
02号作品
羊羊
左图的排版和细节都挺不错,右图元素的主次关系交待得不够清晰,主标题和猪以及肉三者的分布过于平均。
03号作品
小谢
整体的质感以及色彩都挺好,底下一排蓝色的字稍微有点跳,换成白色可能更协调些。
以上三位送出庞门正道定制本各一个!
请把你的 收件人姓名、手机号、收件地址 发送到邮箱。
-----------------------
好了,
学到干货的同学请大方地点击一下喜欢作者!!:)
(点开公众号底部菜单,有惊喜)
越努力,越幸运。
这里是庞门正道。
微信扫码关注该文公众号作者