矩形裁切

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

1. 簡化（裁剪多余內(nèi)容）

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

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

對原圖進行適當?shù)牟们校瑴p少多余元素對主體的干擾，能更突出設(shè)計主題，但在裁切時，需要注意主體元素的完整性。

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

2. 放大（突出主體）

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

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

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

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

同樣的主體，經(jīng)過裁切，讓畫面集中于整體目標的一部分，可以看到不一樣的細節(jié)，呈現(xiàn)出特殊的視覺體驗。

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

異形裁切

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

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

1. 幾何形狀

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

2. 不規(guī)則形狀

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

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

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

裁切后得到的不規(guī)則圖形，能夠打破頁面的單調(diào)乏味，讓畫面更具設(shè)計感。

3. 特定形狀

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

END

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

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

作者：鄧海貝

轉(zhuǎn)載請注明：學UI網(wǎng)》神奇的圖形裁切術(shù)技巧！你值得擁有！

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

分享此文一切功德，皆悉回向給文章原作者及眾讀者.
免責聲明：藍藍設(shè)計尊重原作者，文章的版權(quán)歸原作者。如涉及版權(quán)問題，請及時與我們?nèi)〉寐?lián)系，我們立即更正或刪除。

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

UI設(shè)計公司、界面設(shè)計公司、UI設(shè)計服務公司、數(shù)據(jù)可視化設(shè)計公司、UI交互設(shè)計公司、高端網(wǎng)站設(shè)計公司、UI咨詢、用戶體驗公司、軟件界面設(shè)計公司