赞助商
立即赞助

掌握这个「卡片式排版法」,快速提高你的PPT版式美感

平面设计3年前 (2021)更新 流光
2.6K 0 0

我总结了一种非常实用且极易掌握的排版方法,给它起了一还算通俗易懂字,叫卡片式排版法!

掌握这个「卡片式排版法」,快速提高你的PPT版式美感

那么,什么卡片式排版法呢?

理解起来很简单。是在页画几个色块,用来承载页不内容,色块大小取决于内容多少。

大概就是这个形式:

掌握这个「卡片式排版法」,快速提高你的PPT版式美感

为了让你更容易去理解什是卡片式排版法,咱一起来个案例。

其种排版方法还挺常见的,比网页设计:

掌握这个「卡片式排版法」,快速提高你的PPT版式美感

手机浏览器的界面设计:

掌握这个「卡片式排版法」,快速提高你的PPT版式美感

手机系统的界面设计:

掌握这个「卡片式排版法」,快速提高你的PPT版式美感

就连前段时间苹果中,也次用到个排版方法:

掌握这个「卡片式排版法」,快速提高你的PPT版式美感

掌握这个「卡片式排版法」,快速提高你的PPT版式美感

紧着,就被魅族给学了过去:

掌握这个「卡片式排版法」,快速提高你的PPT版式美感

可见这个方法之经典!

使用这个方法,有什么好处呢?

针对不同类型的页面,卡片式排版有着不同的作用,一为这类:

1. 信息量较大的页面

对于内容较多的页面,使用这个方法,能够好的规整页面中杂乱的息,让页面起来十的整齐。

比下面页 PPT,有着多种式的图表,以及一些重点数据:

掌握这个「卡片式排版法」,快速提高你的PPT版式美感

虽然排版整齐,而且还有识地通过距离,来划不同的息域,但起来仍然乱。

我们把页面的中心放到卡中,来看一下效果:

掌握这个「卡片式排版法」,快速提高你的PPT版式美感

考虑到原稿和大数据相关,我又改一版深背:

掌握这个「卡片式排版法」,快速提高你的PPT版式美感

和最原稿相比,两版要整齐很,对吗?

2. 信息量少的页面

对页面内容少的页面,卡式排版能够让页面更加的饱满,不至让页面显得单。

同样的,我们来看一个案例:

掌握这个「卡片式排版法」,快速提高你的PPT版式美感

由于容太,导致页面两侧看起来很空,对吗?

这时我们就可以考虑采用卡片式的布局,让页面加的丰富。我使用色块概绘制了一版式:

掌握这个「卡片式排版法」,快速提高你的PPT版式美感

接,我们将内添加的版式中:

掌握这个「卡片式排版法」,快速提高你的PPT版式美感

效果看起还不错!

最后,为了造空感,我们可以卡片做个三维旋转,以及添加倒影:

掌握这个「卡片式排版法」,快速提高你的PPT版式美感

使用这种排版方法时,都有哪些需要注意的点呢?

1. 卡片之间的间距相等

这是使这种版方法,最基本的要求。

掌握这个「卡片式排版法」,快速提高你的PPT版式美感

来看一个实例:

掌握这个「卡片式排版法」,快速提高你的PPT版式美感

间距相等,仅要求卡片的横向间距相等,纵向间距要和横向间距保持一致:

掌握这个「卡片式排版法」,快速提高你的PPT版式美感

如,才我们修改的一个案例:

掌握这个「卡片式排版法」,快速提高你的PPT版式美感

只有这样才保证页面在视觉上的美观。

2. 卡片要有合的留白

可有些友明白是么意思,简单来说,就是信息与卡片边界保留一定的距离。

掌握这个「卡片式排版法」,快速提高你的PPT版式美感

为了你更清晰的明确这一点,咱们再来看一张对图:

掌握这个「卡片式排版法」,快速提高你的PPT版式美感

很明显,左侧的卡片看起来十分的拥挤,给人的感觉十分压抑,没有么呼吸感,阅读起来有很障碍。而右侧的卡片,给人的感觉却十分的舒适。

 

 

卡片如何排版,才能更具创意?

1. 卡片底部叠加色块或图片

通常况下,如果只简单的将内置于卡片中,页面难免会些单调,通过叠加色块或者图片,则可以让页面具视觉层次。

掌握这个「卡片式排版法」,快速提高你的PPT版式美感

比如下面这两页 PPT,都通过卡片底部添加图片增强页面的层次感:

掌握这个「卡片式排版法」,快速提高你的PPT版式美感

掌握这个「卡片式排版法」,快速提高你的PPT版式美感

明确了这一点,咱们一起来看一个实际案例,就如面这张幻灯片:

掌握这个「卡片式排版法」,快速提高你的PPT版式美感

首先,我们可使卡片划分页面中的 3 个图表,并添相应的颜色。

掌握这个「卡片式排版法」,快速提高你的PPT版式美感

接着,为了页面更有层次,我们可在卡片的,添一层形状:

掌握这个「卡片式排版法」,快速提高你的PPT版式美感

或者是与页面信息相的图片:

掌握这个「卡片式排版法」,快速提高你的PPT版式美感

层次感立马就来了,对吗?

另外,了让层次感强,我们还可以给卡片添加阴影,就这样:

掌握这个「卡片式排版法」,快速提高你的PPT版式美感

2. 卡片之间错落摆放

先来看一张图示对:

掌握这个「卡片式排版法」,快速提高你的PPT版式美感

很显然,错落摆放的页面会显得更有创意,对吗?

当然,除了创意,卡片的错落摆还可以合理的运用页面的空间。内多的卡片,内少的小卡片。

掌握这个「卡片式排版法」,快速提高你的PPT版式美感

比如苹果、魅族发布会的 PPT,就巧妙利用了这一点:

掌握这个「卡片式排版法」,快速提高你的PPT版式美感

掌握这个「卡片式排版法」,快速提高你的PPT版式美感

咱们再来看一个具体的案例,这是一页大会的 VI 展示,由于图片大小统一,页面摆放的很乱。

掌握这个「卡片式排版法」,快速提高你的PPT版式美感

针对这样的页面,我们可更具图片的大小,先画卡片的版样式:

掌握这个「卡片式排版法」,快速提高你的PPT版式美感

接着,将图片填充到相应的卡片中:

掌握这个「卡片式排版法」,快速提高你的PPT版式美感

到这,页面已经整齐多了!因为页面中的图片本身并彩,为了页面显得更有质感,我又调整了一版深色背景:

掌握这个「卡片式排版法」,快速提高你的PPT版式美感

最后,再上画效果:

掌握这个「卡片式排版法」,快速提高你的PPT版式美感

看起来,还错,对吗?

好了,以呢,就关卡片式排版法的全部内啦!掌握了吗?

欢迎关注作者微信公众号:「PPT进化论」

掌握这个「卡片式排版法」,快速提高你的PPT版式美感

© 版权声明
您必须登录才能参与评论!
立即登录
暂无评论...

相关文章

洋葱设计是一家位于台北的跨领域的设计工作室;两次获得第 57 届和第 62 届格莱美“最佳专辑包装”提名;并获得第 30 届金曲奖“...
唱片设计
“几何构图”是版面设计元素根据几何形态来组织视觉语言、构建画面,形成一个人为的视觉空间,让视觉元素布局更有章法,传达出...
几何构图
@研习设K先生 :版式设计是每个设计师必备的基本功了,那么如何在有限的版面中,通过不同的编排去做出更多的可能性,常常是让...
平面设计
编者按:做一张Banner 需要掌握版式、字体、配色等等,那么庞大的知识体系,应该如何学习?本文从排版这个知识点入手,告诉你...
Banner设计
每个人都在关注趋势。Dribbble 是设计师的集散地,也是设计趋势最容易体现的地方。如果你经常关注 Dribbble 上的那些设计作品...
2018设计趋势
本文作者将结合自己给CCTV 做的画册案例,为大家科普版式设计中的「倍率关系」。 欢迎关注作...
信息倍率
本期带来的是“几何构图”的使用攻略,几何构图是版面设计元素根据几何形态来组织视觉语言、构建画面,形成一个人为的视觉空间...
几何构图
今天听到最震惊的一件事莫过于2020年还有3个月了你问我今年干啥了?感觉今年的时间简直就是飞速眼睛一闭一睁一年就要结束了 ...
中秋节海报