小王，前几天给领导做了一页PPT。但是，却被吐槽页面太平淡。有一说一，大小对比，对齐，层次各方面都做的挺好，尤其是图片质量选的非常高。但就像领导说的，页面总归是有点平淡。所谓破格设计就是指将图片中的主体视觉破格而出，从而打破常规，增加页面的设计感。比如上面那个案例，我们只需要简单将主体元素放大突破色块，页面就会立马不一样。像这样一个页面，大家应该都会做。左图右文，简单排版即可。虽然也还不错，但是看多了难免视觉疲劳。我们可以用抠图工具将页面中的主体元素扣出来。比如这个神器网站：
我们可以利用布尔运算功能，将图片裁剪成倾斜的形状。这样制作出来的破格效果视觉感更强。这样一个破格效果就完成了，当然为了让页面的设计感更强，我们还可以添加一些英文和倾斜的平行四边形。那除了这种大图的破格设计呢，在一些多图的页面也是一样。比如：团队介绍页。我们只需要将人物的头部稍微破格而出，设计感就出现了！有的朋友可能会说：“这些都是在图片质量较高的情况下，才能抠出比较好的图片。那其他情况怎么办呢？”格局小了！我们只要学会这个【破格设计】的思路，不仅仅是图片，文字和形状也能做出破格效果。简单摆放，效果中规中矩。但如果我们把图标突破白色矩形，视觉效果大大提升。那为了让效果更强烈呢，我们再错位摆放一下，添加一些小装饰，这设计感就更强了！那刚才我们看了那么多案例呢，相信你也对这个技巧有一定的认识了。最后，我们再用一个案例巩固复习一下。首先，我们将蓝色的图形突破外层的彩色图形，错位摆放一下。接着，我们可以更大胆一点。我们可以把英文放大，在边角的位置倾斜摆放。最后，我们再给文字加点颜色和阴影，既能让页面更美观，也能让文字更易识别。当然，【破格】的方式有很多种。我们这样横向破格也是可以的。好了，今天的内容就到这里了。不知道对大家是否有启发呢？喜欢的朋友记得点下右下角的在看支持一下哦！——
公众号：愚人说P
原文链接：领导：“画面太平了，能不能来点设计感？”
赣公网安备36100202000190号