当前位置: 首页 >文章 > 看了那么多文章,可能你还是不会排版:)
收藏
分享

看了那么多文章,可能你还是不会排版:)

举报应骏应骏发布于 2018-08-103678阅读22点赞3评论
认真学好小技巧,将来加薪才会吊。...

1.排版的目的是什么。

2.在企业中哪些地方需要我们用到排版。


目的

作为一个商业设计师,我们首先需要考虑的是我们的产出是否有商业价值,再考虑创意与

美观。所以,我们的目的就是更高效的向用户传达信息。好,那么高效传达信息的设计原

则就有:突出主内容,让画面层次分明,引导视线点缀还有吸睛的创意与配色。


哪些地方需要我们用到排版

1.根据公司规模大小可能每个设计师负责的都不一样,据我所知可能需要用到排版的有这

些地方:网页、app、ppt、推广h5、物料、海报、vi、效果展示图、印刷等。

————我是分割线————


小技巧一:框和短线的使用

其实框和短线的排版很早前就流行在设计圈,最近站酷上也有人分享了类似这些框或者方形

元素的在设计排版中的作用。其实大家看过也就忘了,你真的还记得大神在文章中说了什么

吗,并不记得了对吧?并不是说大神说的不好,而是那都只是别人在分析,你在看,看完自

然就忘了。如果大伙觉得真的想试试看这个小技巧,那么我们接下去就要开始实战了。


step1:准备一个你喜欢的元素做主题,模特、手机、app页面等等,这里我拿一个我追波做

的页面来做例子,先准备了一张app页面。背景要来一个纯色的,那我就先来一个黄一点的,

大家可以先用白色做底色。



step2:在元素边上画一个小框不要太大也不要太小,略微粗一些。然后在框里面打上字,记

住字体的粗细主要标题和文字要做明显区分,对齐,最后在内容文字下画一个短线,当然短

线,内容你们都可以随意发挥。



step3:扩充画面内容,这时候画面的左边是比较空旷的,那么我们也可以想一些办法来填充

一下空白,但记住不要塞太满,留白也很重要。第二步中右边的文字是用来解释页面内容,

然后左边的文字和元素可以用来做大标题和修饰,短线,框,小方块等。最后右下角再加上

一个署名,大功告成!



下面这张是我用模特元素排的,请轻喷。好了,是不是掌握了一点点小的窍门?



小技巧二:字母覆盖式


先来欣赏一下一些字母覆盖式的排版


step1: 依旧是那个味道依旧是那个模特,请把她轻轻放在画板上。

step2: 铺上不规则自然错落的英文字母,但是排列要有规则,和内容要有一定的联系,视

觉的流引导。之前说了排版首要目的是信息的传达,所以我们不仅仅是铺上字母就可以了,

更重要的是信息的传达和引导。

step3: 加上适当的小修饰和商业需求。

就像下面这样:大片的即视感有木有



小技巧三:卡片悬浮

先来欣赏一下dribbble上的一些作品(图片来源:UIstar、kihoo等)

tips1:卡片悬浮的排版和上面两种有很大的区别,以上两种更多的是用一种点缀的方式去引

导用户发现信息这样的一个目的。而卡片悬浮更多的是辅助主要内容的展示,是主要内容

的延伸。

tips2:卡片在整个画面占比的不同,他的作用也是不同的.一般的,卡片需要解释底下内容

时,不可大面积使用,内容依然是更为重要以及大面积展示。

tips3:在做app设计,web设计时需要考虑较多需求是否能够使用卡片展示,这里需要考虑

开发以及以后的扩展需求。


那么下面依然是那个模特,我们用第三种卡片悬浮将她做成了购买衣服的这样一个app 

page,是不是一女多用?哈哈




总结

这三个小技巧是用的比较多的,也是上手比较快的。这边教大家方法希望可以多加练习以

及举一反三,多思考,多去看看国外的大神的作品以及揣摩他们的设计思路,因为方法是

死的,思路是活的。

认真学好小技巧,将来加薪才会吊。


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

暂无评论

请选择举报理由

违反法律法规

侵犯个人权益

有害网站环境

更多训练营>>

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

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

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

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

联系在线客服

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

工作日:9:30~18:30

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