学习记录
你还没有学习过课程99%的同学都在努力学习中

今日

昨日

更早以前

查看更多>>
×

虎课网 · 每天进步一点点

当前位置: 首页 >文章 > 为什么每次排版,我都心里没底?

为什么每次排版,我都心里没底?

菜心设计铺 发布于 2020-09-05 原创 本文章为 菜心设计铺 原创,未经许可,禁止转载UI收藏

菜心的第177篇原创
2020年的第55篇
距离2020年小目标40篇原创已超出15篇




不知道大家有没有遇到过这样的情况:

在排版的时候咔咔一顿操作,图形字母四处飞,试了一遍又一遍,但最后却发现效果并不咋地!

反正我是经常遇到这种情况,其实原因就在于我并没有理清思路,如果我能把排版的思路想清楚,就不会每次都浪费大量时间了。

今天就带着大家看看我的实际案例!

下面两张图是去年做的练习,两个排版的思路是一样的:


在排版上我做了很多次尝试,中间有很多过程稿奇丑无比。

那到底正确的思路是怎样的?一起来看看吧!

大纲如下:

1.别影响主角光环
2.按照缺少的形状补充内容
3.主体框架还是一个主体物加四角点缀
4.元素之间的细节

1.别影响主角光环 

在最开始排版的时候,因为没想清楚,所以一顿瞎排,背景的形状、颜色都是没有章法的安放:

但其实我们只需要记住一点,最重要的一点,背景修饰元素不要抢主体,那就一定不会有太大的错误,所以我把背景使用了非常浅的灰色字母:



这样一个既有背景修饰,又不抢主体物的画面就出来了。

 2.按照缺少的形状补充内容 

有了主框架,我们会发现如果我们在背后画一个隐形的矩形,会发现右下角是空的,严格来说就还不算饱满:


这时候我们就可以按照缺少的形状,加一些相对应的排版,比如文字与图形的组合:


这样就算是比较饱满了。

 3.主体框架还是一个主体物加四角点缀 

平时我经常用到的一个排版就是四角排版,很简单,不易出错,比如:


这个画面其实也可以使用这个思路,我们可以先把刚才右下角的元素亮起来:



然后在其他三个角落继续添加辅助元素,元素尽量个不相同:



这样一个主体加四角修饰的排版框架就基本完成了,但四个角落的元素还是有点突兀,需要继续细化,接着看吧!

4.元素之间的细节 


先来看下四个角落元素细化前后的对比图:

细化前:

细化后:


我做了三件事:

第一:深浅对比,四个角落元素都突出来,有点抢,所以把左下角的元素淡下去。

第二:色彩对比,讲右上角的圆圈增加色相,使整体更加丰富,当然色相必须和主题有所呼应,所以选了蓝色。

第三:前后对比,把右上角的圆圈放在灰色字母后面,形成前后关系,丰富层次。

做完这三点,看起来就和谐多啦!


5.总结 

其实不论做什么,心里没底都是因为背后的逻辑没想清楚,当我们能静下心来认真思考,想清楚原因,再加以改善,大部分问题都是可以解决的,慢慢的,心里也就有底了。

排版也是一样的,多思考再多练习,不说咱们能称为排版大神吧,但至少解决工作问题、做个作品集啥的,问题不大!

长点心,比啥都强!
点个赞,更强!


别默默看啦~登录/注册一起参与讨论吧~
特惠
充值
7折购
今日还在继续学习的你,太棒了!
7
折扣券可用于
年费无限VIP
立 即
使 用
此活动优惠不可与其他活动叠加使用
有效期:000000
手机版
虎课桌面客户端
置顶播放器,边看边学习
虎课移动APP
支持离线缓存,随时随地学习
领福利
微信扫码即领2020年全新素材包
建议意见
官方客服

官方客服

您可以与在线客服进行沟通或者拨打客服热线获得帮助

客服热线:400-862-9191工作日:9:30-18:30

在线咨询:联系客服工作日:9:00-22:00

节假日:9:00-18:00

虎课积分
免费学习54000+个教程!
配套素材、源文件一键下载!
昨日学员已学习了140,211
并提交了2,555份作业!
登录后立即学习!
loading
微信扫码关注即可登录
您需要同意协议才可以进行登录
已连续签到0
第一天
5个虎课币
第二天
10个虎课币
第三天
15个虎课币
第四天
20个虎课币
第五天
40个虎课币
第六天
20个虎课币
第七天
20个虎课币
立即签到
已签到
每周一重置签到奖励
已连续签到0
本周斩获110个虎课币,下周也要来哦
我知道了
已连续签到0
哎呀,签到失败了!
再次签到
哎呀,系统出现错误,请稍后重试!
恭喜!签到成功,获得 10 个虎课币
上上签 ·21August.2018
尽管眼下十分艰难,可日后这段经历说不定就会开花结果
— 唐代文学家 韩愈
训练营坚持完成打卡任务 报名费全额返更多>>
直播公开课学员好评率95%以上更多>>
全站54000+课程免费学!昨日已有21796位学员免费领取~点我领取