矩形裁切
設(shè)計師日常拿到的圖片形式就是矩形圖，矩形裁切也是最基礎(chǔ)的裁圖技巧，接下來通過三個案例進(jìn)行講解：
1. 簡化（裁剪多余內(nèi)容）
通常情況下畫面都需要有著明確的主體，這樣才能夠有效的吸引受眾的視線，將畫面所要傳達(dá)的信息清楚地呈現(xiàn)出來。
通過對圖形的裁切，簡化可能搶走主體視覺的多余元素，保證圖片的簡潔度，以達(dá)到主體更加突出的效果，提升信息傳遞的效率。
對原圖進(jìn)行適當(dāng)?shù)牟们?，減少多余元素對主體的干擾，能更突出設(shè)計主題，但在裁切時，需要注意主體元素的完整性。
留出右邊空間進(jìn)行文字排版：
2. 放大（突出主體）
通過圖片裁切，放大主體，讓主體更突出，強調(diào)細(xì)節(jié)和情感，增加視覺沖擊力。
如左圖是一張視覺效果質(zhì)量不錯的拳擊手圖片，但缺少視覺沖擊力，通過裁切讓主體更突出，滿版占據(jù)畫面，更具氣勢。
把照片調(diào)整為黑白，并加強對比度，質(zhì)感也更好。留出右邊空間，根據(jù)圖片的外輪廓進(jìn)行文字的編排。
3. 局部特寫（特殊視覺體驗）
同樣的主體，經(jīng)過裁切，讓畫面集中于整體目標(biāo)的一部分，可以看到不一樣的細(xì)節(jié)，呈現(xiàn)出特殊的視覺體驗。
如下圖，選取籃球局部特寫，看似取景小了，但是會擴展觀看者的聯(lián)想空間。更戲劇性的表達(dá)設(shè)計主題，更加濃郁的營造氛圍，這樣的處理手法讓版面顯得簡潔而高級。
異形裁切
雖然使用矩形圖片進(jìn)行設(shè)計也可以獲得不錯的視覺效果，但看多了會讓人感到乏味，將圖片裁切為其它圖形會讓整個設(shè)計顯得更加新穎。
所謂的異形裁切就是使用除了矩形以外的其它形狀對圖片進(jìn)行裁切，需要注意的是裁切圖形后不能影響到觀眾的理解。
1. 幾何形狀
使用規(guī)則的幾何形態(tài)，如三角形、圓形、多邊形等，對圖片的外輪廓進(jìn)行裁切，得到新穎的幾何形狀圖形。
2. 不規(guī)則形狀
不規(guī)則形狀形式多種多樣，運用在版式設(shè)計中很考驗設(shè)計師想象力。優(yōu)點是可自由發(fā)揮設(shè)計的空間很大，缺點是操作難度高，排版難以把控。
此案例根據(jù)建筑的流線型造型，按照建筑的外形進(jìn)行裁切處理，使版面具有更強的形式感，視覺效果更加靈動美觀。
還有另一種不規(guī)則的形狀是無規(guī)律、復(fù)雜多變、偶然產(chǎn)生形狀，視覺感受自然、生動、有靈性。如筆觸、墨點之類的偶然形態(tài)等。
裁切后得到的不規(guī)則圖形，能夠打破頁面的單調(diào)乏味，讓畫面更具設(shè)計感。
3. 特定形狀
將圖形按照特定意義的形狀（如數(shù)字、logo、人物等）來限定，使用剪貼蒙版來將圖片約束在特定的圖形的輪廓當(dāng)中，使版面嘗試新穎、獨特的視角，更有趣的傳遞信息。
END
本期講解了圖形裁切常用的方法，當(dāng)圖形處理好以后，我們會根據(jù)圖形的位置、輪廓等因素進(jìn)行文字的編排，那么如何在設(shè)計中做到圖文互動，我們將在下期進(jìn)行講解，下期見！
原文地址：藝海拾貝Design（公眾號）
作者：鄧海貝
轉(zhuǎn)載請注明：學(xué)UI網(wǎng)》神奇的圖形裁切術(shù)技巧！你值得擁有！
分享此文一切功德，皆悉回向給文章原作者及眾讀者.
免責(zé)聲明：藍(lán)藍(lán)設(shè)計尊重原作者，文章的版權(quán)歸原作者。如涉及版權(quán)問題，請及時與我們?nèi)〉寐?lián)系，我們立即更正或刪除。
藍(lán)藍(lán)設(shè)計( m.yvirxh.cn )是一家專注而深入的界面設(shè)計公司，為期望卓越的國內(nèi)外企業(yè)提供卓越的UI界面設(shè)計、BS界面設(shè)計 、 cs界面設(shè)計 、 ipad界面設(shè)計 、 包裝設(shè)計 、 圖標(biāo)定制 、 用戶體驗 、交互設(shè)計、 網(wǎng)站建設(shè) 、平面設(shè)計服務(wù)、
UI設(shè)計公司、界面設(shè)計公司、UI設(shè)計服務(wù)公司、數(shù)據(jù)可視化設(shè)計公司、UI交互設(shè)計公司、高端網(wǎng)站設(shè)計公司、UI咨詢、用戶體驗公司、軟件界面設(shè)計公司