矩形裁切

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

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

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

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

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

留出右邊空間進(jìn)行文字排版：

2. 放大（突出主體）

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

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

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

3. 局部特寫（特殊視覺體驗(yàn)）

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

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

異形裁切

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

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

1. 幾何形狀

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

2. 不規(guī)則形狀

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

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

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

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

3. 特定形狀

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

END

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

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

作者：鄧海貝

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

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

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

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

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