大家做PPT时，一定听过“简单又大气”，“简约不简单”，“干净又高级”等让人头大的要求。

其实，这只是在表达一种视觉感受，这样的语言自然让人摸不到头脑。翻译成设计语言，其实是在要求“设计的统一性与融合感”。

今天，就用国网的这份案例，跟大家分享关于“融合感”的设计思路。（文末领取源文件）

什么是融合感
我们先来看一组照片：

同样的迪玛希，第一张很高级，身材修长，第二张很普通，甚至有点短粗。
我们买衣服常说：款式很合身，穿着很顺溜。
其实在设计上，就叫融合感。
说人话，就是整体性很强，每个部分的衔接过度很自然，没有很强的割裂感。
如何进行融合性设计
要设计出统一性的效果，核心是巧妙处理图文素材，去掉不同元素之间相互割裂的痕迹。
先来看国网的这页内容：
如果直接把文字和图片组合，为了看清文字，就必须加上一个色块。
这种方法，增加了页面的割裂感，像是打了五个白色的补丁。
改进方法很简单。先把图片下半部分裁剪出来：
将图片组合，加上文字和云层图片，二次合成的素材就搞定啦：
再开个脑洞，学会了以上处理方法。继续用OK插件弧化处理，可变化出更有场景感的图片：
划重点！当图片与文字颜色相近时，可利用裁剪+抠图进行二次创作，既解决了文字识别问题，也解决了素材的遮挡：
抠图处理案例：
利用蒙版过渡
梳理文案内容，加入客户素材，一页标准的设计完成了：
但是图片与文字并无联系，界限过于分明。不急，我们看一页优秀案例：
设计师处理了图片上边缘部分，图片与文字内容完美贴合，没有任何割裂感。设计方法很简单，用蒙版或用PS擦除图片。
色块上部分透明度为0，下部分透明度为100。根据图片调整蒙版大小，就可实现图片与文字的完美过度了：
划重点！图片素材边缘过于生硬时，利用渐变蒙版，可以轻松实现图文的过渡：
渐变处理案例：
案例延伸
掌握了上面两个方法，给大家出个思考题，如何修改这页半成品，让页面融合，统一呢？
有没发现，蒙版虽好，但页面灰暗不通透。背景模糊不清，整个页面有些杂乱。
再看一页优秀设计：

除了背景的蒙版，设计者将房屋扣出，压在白色色块上方，既展示了房屋细节，又淡化了白色卡片的突兀感，是不是很棒呢？
是的，采用蒙版+抠图的方法，结合起来，再将设计提升一个档次。依然使用网页抠图，将房屋自动扣出：
继续开脑洞！我们选取一张云图作为背景，就可以制作出手机图片从云中穿梭而出的设计感：
怎么样？是不是设计感更强了呢？抠图与蒙版，两个简单又实用的方法，解决困扰已久的素材处理问题！
最后，国网的设计稿也分享给大家，抓紧下载练习吧：

相关文章