当前位置: 首页 >文章 > 用一张封面聊聊画面中的层次
收藏
分享

用一张封面聊聊画面中的层次

举报菜心设计铺菜心设计铺发布于 2021-04-08884阅读4点赞
用一张封面聊聊画面中的层次...



设计师在前期的时候,一定要先学会做加法,不要盲目学习那些简洁风格的大神,人家都是从复杂变到简洁的,理解了复杂才知道如何简化,如果新手直接跳过复杂,那最后执行出来的东西很可能就不是简洁,而是“简单”。

菜心每周的推文都有一张封面,以前做封面,那叫一个痛苦啊,后面慢慢理解了层次,现在就已经好多了,今天就拿一张封面来看看到底如何在画面中增加层次,大纲如下:


1.没有层次

2.第一个层次

3.第二个层次

4.第三个层次

5.第四个层次

6.第五个层次

7.第六个层次

8.第七个层次


我擦,这大纲牛逼了,真整齐!


1.没有层次


弄个底色,把两排文字往上一拍,这就属于一点层次都没有的情况,当然白色字与黑色背景的层次我们就忽略不计了,谁都不会傻到背景和文字用一样的颜色。



2.第一个层次


好了,来加我们的第一个层次,变!


哇,好棒,字体层级一下就区分开了,瞬间就有设计感了,不错,继续!


3.第二个层次



这,发生了什么变化吗?

当然,英文字体变粗了,这一步就是粗细的对比,产生第二个层次。

厉害了!


4.第三个层次



咦?英文字体怎么好像变瘦变高了?

是的,这就是字体之间宽窄的对比,形成第三个层次。


5.第四个层次


这一步是字体间距的层次,这个是以前做平面排版时经常遇到的一个首发,比如标题的字体间距很紧,那副标题的字体间距就可以松散一些,增加对比,体现层次,如下图:


6.第五个层次



在字体与黑色背景中间加一层修饰元素,很常用的手法,也是为了丰富层次,算是我们的第四个层次!


7.第六个层次

 

背景也是可以加层次,例如用一张真实的图片,降低透明度,放在背景上面,或者自己做一张有层次的设计图等等,如下图:




这就是我们的第6个层次。


8.第七个层次


如果你嫌那个辅助元素(透明的线条矩形)有违和感,还可以让它和背景图融合到一起,例如下图这种做法:



这样层次就更丰富了,(不过颜色没有上一个丰富),我们就算它是第七个层次吧!

好了,一张封面就差不多完成了,里面所有的层次都和大家说了。


总结


其实增加层次的方法太多了,就不一一列举了,希望这个简单的例子能给大家带来一些启发,多去发现并总结一些增加层次的设计手法,并加以练习,这样以后即使没有参考,那些常用的方法都记在脑子里面了,你也可以随时做出一幅有设计感的画面,这就是设计师独有的一技之长长长长长长长长长长长长长长长长

好长啊!科科!





本文原创,未经作者允许不可转载!
更多内容,欢迎关注作者微信公众号: 菜心设计铺



0条评论
别默默看啦~登录/注册一起参与讨论吧~

暂无评论

请选择举报理由

违反法律法规

侵犯个人权益

有害网站环境

更多训练营>>

为你推荐 · 训练营(全勤打卡报名费全额返累计全额返用户133,673人)

电商海报设计训练营
距离开班仅剩6天73人已报名
【5月】零基础手绘插画训练营
距离开班仅剩6天68人已报名
【5月】零基础动态表情包创作训练营
距离开班仅剩23天16人已报名
特惠
充值
7折购
今日还在继续学习的你,太棒了!
7
折扣券可用于
年费无限VIP
立 即
使 用
此活动优惠不可与其他活动叠加使用
有效期:000000
消息
登录即可查看消息记录
建议
意见
官方
客服
在线咨询客服热线

您可以与在线客服进行沟通获得帮助

工作日:9:00~22:00节假日:9:00~18:00

联系在线客服

您可以电话联系客服进行沟通获得帮助

工作日:9:30~18:30

400-862-9191
虎课
积分
免费学习89000+个教程!
配套素材、源文件一键下载!
昨日学员已学习了29,770
并提交了155份作业!
登录后立即学习!
loading
微信扫码关注即可登录
您需要同意协议才可以进行登录
登录虎课网,每天免费学课程全站 89000+ 视频会员教程 | 每日可免费学 1
为确保账户信息安全
请先进行真实姓名验证后进行充值付款
立即验证