矩形裁切

設計師日常拿到的圖片形式就是矩形圖，矩形裁切也是最基礎的裁圖技巧，接下來通過三個案例進行講解：

1. 簡化（裁剪多余內容）

通常情況下畫面都需要有著明確的主體，這樣才能夠有效的吸引受眾的視線，將畫面所要傳達的信息清楚地呈現出來。

通過對圖形的裁切，簡化可能搶走主體視覺的多余元素，保證圖片的簡潔度，以達到主體更加突出的效果，提升信息傳遞的效率。

對原圖進行適當的裁切，減少多余元素對主體的干擾，能更突出設計主題，但在裁切時，需要注意主體元素的完整性。

留出右邊空間進行文字排版：

2. 放大（突出主體）

通過圖片裁切，放大主體，讓主體更突出，強調細節和情感，增加視覺沖擊力。

如左圖是一張視覺效果質量不錯的拳擊手圖片，但缺少視覺沖擊力，通過裁切讓主體更突出，滿版占據畫面，更具氣勢。

把照片調整為黑白，并加強對比度，質感也更好。留出右邊空間，根據圖片的外輪廓進行文字的編排。

3. 局部特寫（特殊視覺體驗）

同樣的主體，經過裁切，讓畫面集中于整體目標的一部分，可以看到不一樣的細節，呈現出特殊的視覺體驗。

如下圖，選取籃球局部特寫，看似取景小了，但是會擴展觀看者的聯想空間。更戲劇性的表達設計主題，更加濃郁的營造氛圍，這樣的處理手法讓版面顯得簡潔而高級。

異形裁切

雖然使用矩形圖片進行設計也可以獲得不錯的視覺效果，但看多了會讓人感到乏味，將圖片裁切為其它圖形會讓整個設計顯得更加新穎。

所謂的異形裁切就是使用除了矩形以外的其它形狀對圖片進行裁切，需要注意的是裁切圖形后不能影響到觀眾的理解。

1. 幾何形狀

使用規則的幾何形態，如三角形、圓形、多邊形等，對圖片的外輪廓進行裁切，得到新穎的幾何形狀圖形。

2. 不規則形狀

不規則形狀形式多種多樣，運用在版式設計中很考驗設計師想象力。優點是可自由發揮設計的空間很大，缺點是操作難度高，排版難以把控。

此案例根據建筑的流線型造型，按照建筑的外形進行裁切處理，使版面具有更強的形式感，視覺效果更加靈動美觀。

還有另一種不規則的形狀是無規律、復雜多變、偶然產生形狀，視覺感受自然、生動、有靈性。如筆觸、墨點之類的偶然形態等。

裁切后得到的不規則圖形，能夠打破頁面的單調乏味，讓畫面更具設計感。

3. 特定形狀

將圖形按照特定意義的形狀（如數字、logo、人物等）來限定，使用剪貼蒙版來將圖片約束在特定的圖形的輪廓當中，使版面嘗試新穎、獨特的視角，更有趣的傳遞信息。

END

本期講解了圖形裁切常用的方法，當圖形處理好以后，我們會根據圖形的位置、輪廓等因素進行文字的編排，那么如何在設計中做到圖文互動，我們將在下期進行講解，下期見！

原文地址：藝海拾貝Design（公眾號）

作者：鄧海貝

轉載請注明：學UI網》神奇的圖形裁切術技巧！你值得擁有！

藍藍設計建立了UI設計分享群，每天會分享國內外的一些優秀設計，如果有興趣的話，可以進入一起成長學習，請掃碼藍小助，報下信息，藍小助會請您入群。歡迎您加入噢~~希望得到建議咨詢、商務合作，也請與我們聯系。

分享此文一切功德，皆悉回向給文章原作者及眾讀者.
免責聲明：藍藍設計尊重原作者，文章的版權歸原作者。如涉及版權問題，請及時與我們取得聯系，我們立即更正或刪除。

藍藍設計( www.gyxygd.cn )是一家專注而深入的界面設計公司，為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 、平面設計服務、

UI設計公司、界面設計公司、UI設計服務公司、數據可視化設計公司、UI交互設計公司、高端網站設計公司、UI咨詢、用戶體驗公司、軟件界面設計公司