很多时候,你有没有这样的感觉——感觉自己学了一身武艺,一旦到了实际操练中,手不知道怎么动了,脑子又一片空白了……曾几何时,我也有你这样的感觉。

今天,我就分享一个超实用的设计武器,让你没有灵感的时候,瞬间爆发出“降龙十八掌”,设计感犹如排山倒海之势,汹涌起来!

这个重磅武器就是:矩形色块!

对的,你没有看错,就是我们做PPT时候,除了直线之外,可能最频繁被使用的矩形。

What Is……

一提到矩形(Recrangle),绝大多数小伙伴肯定在大脑里浮现出“长方形”或“正方形”的样子。

其实呢,矩形在PPT里总共有9种不同样式,除了我们最常用的“矩形”和“矩形:圆角”之外,其余7种矩形可能有点小陌生。

section

How To ……

我把矩形归纳了四种典型设计技巧,分别是:

  • 图表化

  • 表格化

  • 均衡化

  • 艺术化

section

section

图表化

图表其实不仅仅局限于所谓的饼图、柱状图等,只要是能清晰表达数据之间关系的,都可以视为图表

我们不妨看一个案例……

Before

section

Before 页面分析

  • 整体模板背景比较“怀旧”,有点土……

  • 比例只是用文字信息罗列,不是很显性化

  • 表格用了“标配设计”,缺乏设计感

DUANG!矩形魔法来啦!

After

section

After 页面分析

  • 把文字描述换成了“矩形比例图”,提升设计感

  • 将表格内的具体信息,以“直线+小标题”方式凸显,强化板块的同时,也能体现细节

section

表格化

表格有三个特点:对齐性好、容字性大、操作性强。

这也让很多小伙伴非常喜欢使用表格来排版文字或数据信息。

例如:下面这页是标书里的“报价页”,原作者充分地利用了表格的三个特点,但遗憾的是……很!丑!

section

Before 页面分析

  • 模板的标题栏简直是辣瞎了眼睛

  • 标准化的表格让整个页面沦为平庸

  • 红色的凸显框……恶心

DUANG!矩形魔法来啦!

After

section

After 页面分析

  • 用“灰色矩形”将页面分割成:标题栏、内容区

  • 用四个“圆角矩形”替代原来单调的表格

  • 用“大色块”代替原来沉闷的凸显框

section

均衡化

在排版中,有一种情况比较麻烦:

细节性内容有好几个段落,每个段落的文字信息量差异比较大,例如:有些段落文字比较多,有些则比较少。

肿木办呢?

Before 1

section

Before 1 页面分析

  • 这个模板也是没谁了……算了,无力吐槽

  • 典型的图文并茂排版,但略显单调

  • 文字直接用项目符号串接,甚为平庸

我们不妨把页面从“横版”换成“纵版”,Try一下看看咯~

Before 2

section

Before 2 页面分析

  • 加了图片与蓝色大色块之后,颜值有提升

  • 但是段落间的“落差感”仍然非常强……

肿木办?

DUANG!矩形魔法来啦!

After 1

section

After 1 页面分析

  • 用“灰色矩形”底部对齐,降低“落差感”

  • 用蓝色色条,增加底部的重量,提升均衡性

DUANG!矩形魔法又来啦!

After 2

section

After 2 页面分析

  • 用“蓝色矩形蒙版”提升页面的设计感

  • 用“灰色矩形”做文字背景,降低文字“落差感”

section

艺术化

通过不同的矩形色块应用,我们可以大大丰富我们设计思路。

举个例子,下面这页是不是很Normal?(如果你认为这页还不错,赶紧面壁思过去,哈……)

Before

section

Before 页面分析

  • 页面的左半区内容杂:标题、细节文字、下标题栏、页码等

  • 整个页面相对比较朴素,缺乏设计感

DUANG!矩形魔法来啦!

After

section

After 页面分析

  • 用个“蓝色矩形”垫图片背后,设计感秒秒就来~

  • “灰色矩形”垫在文字下,与图片“联成一体”,提升整体性

我们再看一个例子……

Before

section

Before 页面分析

  • 字体略显工整,与沙拉的轻松主题有点违和

  • 简单的图文搭配,让排版略显单调

DUANG!矩形魔法来啦!

After

section

After 页面分析

  • 字体改成“迷你简卡通”,提升趣味性

  • 直接取色图片中的绿色,让页面更显“新鲜感”

  • “绿色矩形色块”放图片上,提升设计感

End

总结一下吧,今天我分享的是矩形的四种应用技巧:

  • 图表化:如果有比例,可以尝试用矩形叠加,替代老土的饼图

  • 表格化:如果看到表格,就该想到用“矩形”替代原来的“表格列”

  • 均衡化:如果不同段落间的信息量差异大,可在文字下面垫色块,降低落差感

  • 艺术化:如果图文搭配,没有思路,就找个色块放在文字或图下面吧

设计,越到后来越觉得,就是侧身再看一眼的“别有洞天”。

矩形,作为最简单的形状元素,如果用好了,的确可以四两拨千斤,大家可以举一反三,不断锻炼自己对基础形状的认知。

今天还要上课,先写到这里了。

P.S. 欢迎在留言区,留下你的学习收获和感想~谢谢啦~

--- ⌈ THE END ⌋ ---