大家做PPT時，一定聽過“簡單又大氣”，“簡約不簡單”，“乾淨又高級”等讓人頭大的要求。

其實，這只是在表達一種視覺感受，這樣的語言自然讓人摸不到頭腦。翻譯成設計語言，其實是在要求“設計的統一性與融合感”。

今天，就用國網的這份案例，跟大家分享關於“融合感”的設計思路。（文末領取源文件）

什麼是融合感
我們先來看一組照片：

同樣的迪瑪希，第一張很高級，身材修長，第二張很普通，甚至有點短粗。
我們買衣服常說：款式很合身，穿着很順溜。
其實在設計上，就叫融合感。
說人話，就是整體性很強，每個部分的銜接過度很自然，沒有很強的割裂感。
如何進行融合性設計
要設計出統一性的效果，核心是巧妙處理圖文素材，去掉不同元素之間相互割裂的痕跡。
先來看國網的這頁內容：
如果直接把文字和圖片組合，爲了看清文字，就必須加上一個色塊。
這種方法，增加了頁面的割裂感，像是打了五個白色的補丁。
改進方法很簡單。先把圖片下半部分裁剪出來：
將圖片組合，加上文字和雲層圖片，二次合成的素材就搞定啦：
再開個腦洞，學會了以上處理方法。繼續用OK插件弧化處理，可變化出更有場景感的圖片：
劃重點！當圖片與文字顏色相近時，可利用裁剪+摳圖進行二次創作，既解決了文字識別問題，也解決了素材的遮擋：
摳圖處理案例：
利用蒙版過渡
梳理文案內容，加入客戶素材，一頁標準的設計完成了：
但是圖片與文字並無聯繫，界限過於分明。不急，我們看一頁優秀案例：
設計師處理了圖片上邊緣部分，圖片與文字內容完美貼合，沒有任何割裂感。設計方法很簡單，用蒙版或用PS擦除圖片。
色塊上部分透明度爲0，下部分透明度爲100。根據圖片調整蒙版大小，就可實現圖片與文字的完美過度了：
劃重點！圖片素材邊緣過於生硬時，利用漸變蒙版，可以輕鬆實現圖文的過渡：
漸變處理案例：
案例延伸
掌握了上面兩個方法，給大家出個思考題，如何修改這頁半成品，讓頁面融合，統一呢？
有沒發現，蒙版雖好，但頁面灰暗不通透。背景模糊不清，整個頁面有些雜亂。
再看一頁優秀設計：

除了背景的蒙版，設計者將房屋扣出，壓在白色色塊上方，既展示了房屋細節，又淡化了白色卡片的突兀感，是不是很棒呢？
是的，採用蒙版+摳圖的方法，結合起來，再將設計提升一個檔次。依然使用網頁摳圖，將房屋自動扣出：
繼續開腦洞！我們選取一張雲圖作爲背景，就可以製作出手機圖片從雲中穿梭而出的設計感：
怎麼樣？是不是設計感更強了呢？摳圖與蒙版，兩個簡單又實用的方法，解決困擾已久的素材處理問題！
最後，國網的設計稿也分享給大家，抓緊下載練習吧：

相關文章