打开APP
userphoto
未登录

开通VIP,畅享免费电子书等14项超值服

开通VIP
【干货】你的排版为什么那么差劲!学完这32招将满分!


[友情提醒,图文较多,尽可能在有Wifi进行阅读,土豪除外]


经常会有粉丝\学员\同学私信:

'菌菌,如何排版更大气?'

排版选择什么字体呢?

banner怎么弄更好看?

喂喂喂.

字体是大点好呢\?还是图文好呢?

.....

那么到底设计中,排版是有什么规律呢?

我们今天就来聊聊这个话题吧!


排版:

把文字、表格、图形、图片等进行合理的排列调整,使版面达到美观的视觉效果。


(一)


排版的三大规律


1、平衡

元素之间就有相互平衡的关系!

这里的元素主要是指:文字,图形,图片,色块等设计构成!


中心平衡

如:


(四周与中心之间的平衡)


对称平衡

如:


(上下,左右对称等)


非对称平衡

三解定律规为其最稳的一种

如:





2、统一

文字,图形,图片,色块

在朝向、色调、对齐方式、位移角度上的统一关系

如:



3、层次

文字、图形、图片、色块之间的主次层级关系

主标,幅标,正文

大图~小图

重色~浅色

亮点



那么,问题来了!

按三大规律,有没有比较常用的一些总结呢?


请继续往下看!




(二)常用的排版规律


三角定律



对齐规律



针对以上两大规律,我们整理版式设计十三种类型!

这些版式布局你应该要有些了解!对你帮助会比较大!



你在排版的时候,

可以根据排版的规律结合你的文案进行,

会大大提高你的工作速度。


资源菌,

看了你的原理,规律,那能不能来个实例进行讲解呢?


可以啊,接下来,

由作者:Nyako_111

PC端:http://www.zcool.com.cn/article/ZNDE5MDI4.html

为大家带来《六招拯救排版


(三)

六招拯救排版


本文主要针对入门选手~解决如何排版的问题,总结了自己工作中最常用到的6种排版技巧,希望能为大家提供一点帮助!


1、善用对比

合理利用好字体大小、颜色对比,能产生令人惊喜的效果。一般的命名用规则是,主标题大而粗,副标题纤细,视觉上形成对比,也强调了重点。



这是一个简单的案例,主要想引出两个知识点!

(1)主标一般情况下是文字大且粗,副标小且细

(2)同一行文字里,强调重点可利用粗细,颜色对比


2、合理对齐

标题的排版上,合理的对齐很重要。常用的排版方式有左对齐,右对齐,居中对齐,两端对齐。



对齐很重要的,基本上一个banner里对齐方式要统一。除了上面讲的几种对齐方式外,还有一种自由型。自由型的排版根据不同页面设计需要自行调整,不太建议初学者用这种排版方式,因为一不小心就很乱。


3、巧用形状

腻味了传统的纯文字排版?巧用形状可以帮助你解决这个问题。新潮的banner和网页设计上经常采用形状+文字的结合,来塑造有活力,个性的设计风格。通常比较常用的形状有:圆形、三角形、矩形。



要活学活用形状,并且形状的使用上,有几个小技巧。

(1)形状要与文字产生关系,彼此之间最好有接解点

(2)最好不要展示完全的形状,雾里看花,更美


4、迷之横线

文字排版时,加上横线可以分割信息或者增加形式感,可以看需要来使用哦~


5、搭配矩形

全是文字看起来头大?其实合理利用矩形可以避免这个问题哦。在重点文案多时,可以对部分文案用谈形框起来。或者叠加一个矩形的底色,文字反白,能起到很好的调节画面的作用~



其实除了搭配矩形,别的形状也是可以的。圆解谈形,对话框,圆形,都能起到类似的功能,要学会举一反三。


6、遮挡文字

这是一个让设计看起来比较高端的方法,就是让画面主体与文字产生关联,文字被 主体遮住部分。这类型的文字排版使用也很广泛哦,运用得当可以为设计加分很多哒~



这种排版方式在服装类目设计时经常用到,效果也很好,但是使用时有几个注意事项:

1、交错的地方一定要檫干净。

2、做细致的投影,给整体画面加分。


以上就是能提高排版水平的6个小技巧!学会了吗?熟能生巧,加油,希望大家都能进步,灵活使用~


那么问题又来了!

资源菌,能不能分享一些常用排版的字体呢?


请继续往下学习~




(四)设计师常用字体库


我的常用字体库,


分类整理让工作更高效!




那么肯定会有好多的同学在问,有没有提供下载啊?

你可以通过百度查找进行下载字体的!

比如:迷你简超粗黑

需要什么类的就去下载什么类的喽!

值得注意的事,这些字体好多都有版权!

如果你运用在商业的时候,一定要对字体进行变形处理

或者用PS进行重新在加工,这样子确定字体不被侵权!


问题一定又来了,

资源菌,你讲的都是海报,电商类的排版?

能不能来个书面排版的呢?



(五)平面书面的排版实例



通过设计画册内页几种不同的版式布局,来给大家进行讲解字体组合在版式设计中的技巧和重要性。对字体组合的版式布局是否掌握,对于平面设计来说有非常重要的意义。


书面的文案分为:图片、标题、内文


模拟图片素材


模拟标题:陈幼坚 分享设计30年

模拟内文:平面设计的历程就如马拉松赛跑,是一条既漫长又充满挑战性的道。.....


1、大小对比

将文字的大小做变化,是字体组合最基本的一个方法,

大多数性况下,主标题、重要信息要放大处理。


由于人物的艺术气质,所以我们在字型的选择上用了同样有艺术质感的宋体字型,放大主标题是字体对比的常用方法。




我们也可以继续放大,进一步增加大小对比的冲击力。


我们也可以把重要的信息放大,第一种方是在标题放大。

第二种方法是把重要信息摘出做成视觉图形,变成修饰性元素,这版用的是第二种方法。


2、粗细对比

粗的字型比较重,细的字型比较轻盈,这一重一轻就形成了对比。与大小对比的原则一样,重要信息可以加粗。


在粗细对比中,最好是相同字号的字体之间有粗细变化。

相当于两个人身高一样,但胖瘦不同,给人的重量感对比是最直接的。


3、字型对比

不同字型会有不同的气质,而字型的对比,也恰 恰 是不同气质的碰撞,我们在做字型对比的时候,也要深层次的考虑字型的选择从气质上是否与主体相匹配,同时,我们也要注意,一个画面中不要超过三种字型。



宋体字型的文化属性与黑体字型 的商业属性结合,

而英文的Alan chan用的这款款纤细的字体,也蕴含儒雅的气质。这样画面中就形成了商业,文化,儒雅的碰撞,这种味道是很好。这三种字型也符合人物的商业形旬和文化形象的定位。


4、色彩对比

当我们要强调某部分的时候,可以通过色彩的明度差,纯度差和色相差来调节,在有色系中,黄色的明度最高。紫色的明度最低,在无色系中,白色的明度最高,黑色的明度最低。




这一稿通过明度的差别来强调“分享设计30年”便是没有变成白色的原因,白色太突出,虽然冲力非常强,但和谐度不高,就相当于一个英雄能力太强,所以我们用色彩对的时候,强调与和谐都很重要。


同样的色彩对的案例,有明度的对比,也有色相的对比。


5、动静对比

静中有动,动中有表,一张一弛,相铺相成。

塑造动感的具体方法是什么样的


把字体倾斜化会具有动感,传递出洒脱的气质。

而这种动感的质与按照规则正确的排列的字体开形成的对比,也很容易让人有心潮澎湃的感觉。


6、方向对比

让文字有方向性,可以延伸版式的面积;

上面举得例子里,倾斜的字体排列就是方向性的一种,文字的很横排与坚排的结合也是方向性。



这个案例我故意做成这么夸张的表现。意在能让大家感受出文字横竖排列对比所带来的方向性。


7、疏密对比

文字的疏密对比就是指字距的大小来形成的冲击,字距大的给人舒心放松的感觉,字距小会给人干练快捷的气质。

这两种不同质的冲周也会带来很多的味道。


字距的大小对比经常会用到对标的表现。字距密的造型更有装饰性和艺术性,但是内文不推荐用字号密的方法来对比,因为内文字号小,如果字距用我的这种方式的影响阅读。


8、前后对比

这个前后对比从学术上来讲并不专业,而我之所以这么叫,是因为我认为这么叫会很形象。前后对比顾名思义就是文字的叠加所呈现的艺术效果,文字的前后对比可以根据色相的差别,和字型的粗细来达到效果。



最常用的前后对比是文字作为底纹性质。来映衬主题文字而在下方的文字从字型,字号至色彩都要完全和上面的字体一样。


9、材质对比

材质对比也叫肌理对比,

用纸纹的效果置入书法字量,这种有激励效要的字体和其他的字体相比有时代的冲击力,如果要用这种效来做的话,可以根据不同的项目选择不同的材质来表。



10、裁切对比

字型之间运用裁切对比,是一个比较有风险的方法,风险在于你的客户是否接受这种方式,可以再主标题上裁切,也可以把主标题旋转在页面边缘,利用边际来裁切。



裁切的时候要注意,如果被裁切的文字功能性的,那么就要注意裁切的识别性。如果被裁切的文字装饰的,那么我们可以尽情的裁。

本站仅提供存储服务,所有内容均由用户发布,如发现有害或侵权内容,请点击举报
打开APP,阅读全文并永久保存 查看更多类似文章
猜你喜欢
类似文章
【热】打开小程序,算一算2024你的财运
掌握这几招 让你瞬间提高排版设计感
版面太“平”?“对比原则”你掌握了吗?
版式设计四大原则
效率排版,如何像做菜一样做PPT?
​课件类PPT怎么做才好看?我修改了6页PPT,总结了7个技巧
汇报方案PPT要怎么排版,才能高级又好看?
更多类似文章 >>
生活服务
热点新闻
分享 收藏 导长图 关注 下载文章
绑定账号成功
后续可登录账号畅享VIP特权!
如果VIP功能使用有故障,
可点击这里联系客服!

联系客服