– 大虾的第35篇原创文章 –
大家做定制时，一定听过“简单又大气”，“简约不简单”，“干净又高级”等让人头大的要求。
其实，客户只是在表达一种视觉感受，这样的语言自然让人摸不到头脑。
翻译成设计语言，其实是在要求“设计的统一性与融合感”。
今天，大虾用甲方乙方活动的国网这份案例，跟大家分享关于“融合感”的设计思路。
文末领取源文件↑
我们先来看一组照片↓
同样的迪玛希，第一张很高级，身材修长，第二张很普通，甚至有点短粗。
我们买衣服常说：款式很合身，穿着很顺溜。
其实在设计上，就叫融合感。
说人话，就是整体性很强，每个部分的衔接过度很自然，没有很强的割裂感。
02
如何进行融合性设计？
要设计出统一性的效果，核心是巧妙处理图文素材，去掉不同元素之间相互割裂的痕迹。
① 抠图重组素材
先来看国网的这页内容↓
如果直接把文字和图片组合，为了看清文字，就必须加上一个色块。
这种方法，增加了页面的割裂感，像是打了五个白色的补丁。
改进方法很简单。
先把图片下半部分裁剪出来↓
再用网站（REMOVE. bg）把汽车抠出来↓
将图片组合，加上文字和云层图片，二次合成的素材就搞定啦↓
再开个脑洞，学会了以上处理方法。
继续用OK插件弧化处理，可变化出更有场景感的图片↓
划重点!
当图片与文字颜色相近时，可利用裁剪+抠图进行二次创作，既解决了文字识别问题，也解决了素材的遮挡↓
抠图处理案例↑
② 利用蒙版过渡
再看这页内容↓
梳理文案内容，加入客户素材，一页标准的设计完成了↓
但是图片与文字并无联系，界限过于分明。
不急，我们看一页优秀案例↓
设计师处理了图片上边缘部分，图片与文字内容完美贴合，没有任何割裂感。
设计方法很简单，用蒙版或用PS擦除图片。
以蒙版为例，在文字与图片之间，增加一页渐变色块↓
色块上部分透明度为0，下部分透明度为100。
根据图片调整蒙版大小，就可实现图片与文字的完美过度了↓
划重点!
图片素材边缘过于生硬时，利用渐变蒙版，可以轻松实现图文的过渡↓
渐变处理案例↑
③ 案例延伸
掌握了上面两个方法，给大家出个思考题
如何修改这页半成品，让页面融合，统一呢？
肯定有小伙伴想到蒙版大法↓
有没发现，蒙版虽好，但页面灰暗不通透。
背景模糊不清，整个页面有些杂乱。
再看一页优秀设计↓
除了背景的蒙版，设计者将房屋扣出，压在白色色块上方，既**展示了房屋细节，又淡化了白色卡片的突兀感**，是不是很棒呢？
是的，采用蒙版+抠图的方法，结合起来，再将设计提升一个档次。
依然使用网页抠图，将房屋自动扣出↓
在上页蒙版基础上，将房屋覆盖在卡片的上方↓
继续开脑洞！
我们选取一张云图作为背景，就可以制作出手机图片从云中穿梭而出的设计感↓
怎么样？是不是设计感更强了呢？
今天，大虾用国网案例，跟大家分享了抠图与蒙版，两个简单又实用的方法，解决困扰已久的素材处理问题！
大家学废了吗？
福利环节
国网的设计稿分享给大家，抓紧下载练习吧↓
国网源文件领取方法↓
1、动动手指， 帮大虾“在看” “转发”~
2、公众号回复【国家电网】，下载源文件
如你喜欢，给我留言~
我会继续推出同系列文章，不见不散奥~
–
相关文章
赣公网安备36100202000190号