很多平面設(shè)計(jì)作品都喜歡用幾何圖形來(lái)進(jìn)行構(gòu)圖，比如把畫(huà)面布局在一個(gè)幾何圖形內(nèi)，或者用一個(gè)幾何圖形與畫(huà)面主體元素進(jìn)行組合。

一、這種構(gòu)圖有幾大優(yōu)點(diǎn)：

1.能使畫(huà)面更整體、更聚焦。

把畫(huà)面控制在一個(gè)幾何圖形內(nèi)，就好比用柵欄把羊群圍了起來(lái)，各元素可活動(dòng)的范圍縮小了，外輪廓變得更簡(jiǎn)單了，畫(huà)面自然會(huì)更整體、更聚焦。

2.加強(qiáng)畫(huà)面視覺(jué)沖擊力

幾何圖形內(nèi)的圖形集中區(qū)域，與幾何圖形外的留白可以形成強(qiáng)烈的虛實(shí)對(duì)比、輪廓對(duì)比、色彩對(duì)比等，故視覺(jué)沖擊力可以進(jìn)一步加強(qiáng)。

3.增強(qiáng)形式感

如果畫(huà)面的元素比較單一，而且也不是很有創(chuàng)意和特色，那么形式感和設(shè)計(jì)感往往會(huì)比較弱，而如果用幾何圖形進(jìn)行構(gòu)圖，通常會(huì)對(duì)原有的圖形進(jìn)行裁切或規(guī)范，畫(huà)面就會(huì)變得沒(méi)有之前那么普通。

4.減少創(chuàng)作時(shí)間

這一點(diǎn)在插畫(huà)作品中尤為明顯，如果采用全屏式構(gòu)圖，那么設(shè)計(jì)師就得把整個(gè)矩形畫(huà)布都畫(huà)滿素材，但是如果用幾何圖形構(gòu)圖，那么重點(diǎn)展示主體區(qū)域就好，沒(méi)有足夠的空間展示太多輔助的元素和場(chǎng)景，所以可以省去很多創(chuàng)作時(shí)間。

5.便于文案排版

對(duì)于一些文案比較多的畫(huà)面，如果畫(huà)面布局太慢，那么文案的排版就會(huì)比較麻煩，如果把文案壓在畫(huà)面上排版，既會(huì)破壞畫(huà)面的美觀性，也會(huì)影響文字的識(shí)別性。

二、常用的幾何圖形

1.圓形

圓形是最常用于構(gòu)圖的幾何圖形，因?yàn)閳A形本身就是一個(gè)很完美的圖形，美觀、平衡且聚焦性強(qiáng)，圓形與矩形的版面也能形成鮮明對(duì)比。

2.圓環(huán)形

圓環(huán)的內(nèi)部空間比較小，所以適合素材比較多的情況，也常常會(huì)配合圓形一同使用。

3.半圓形

半圓雖然沒(méi)有圓形那么好看，但是更特別、更平穩(wěn)。

4.橢圓形

由于正圓在很多時(shí)候并不適合展現(xiàn)某些畫(huà)面，這時(shí)候橢圓也是一個(gè)不錯(cuò)的選擇。

5.圓角矩形

圓角矩形融合了矩形和圓形的一些優(yōu)點(diǎn)，既不會(huì)像矩形那么硬朗和常規(guī)，也比圓形更靈活，更能適應(yīng)不同的畫(huà)面需求。

6.菱形

菱形的感覺(jué)比較尖銳，適合一些科技屬性比較強(qiáng)的風(fēng)格和品牌。

7.三角形

三角形與菱形一樣，也具有較強(qiáng)的科技屬性，且通常會(huì)用到三角形而不是正三角形，因?yàn)檎切芜^(guò)于平穩(wěn)，缺少動(dòng)感。

8.其他圖形

三、注意事項(xiàng)：

1.根據(jù)畫(huà)面特點(diǎn)選擇合適的幾何圖形

首先，每一類幾何圖形都有一定的調(diào)性偏向，所以要根據(jù)自己的產(chǎn)品調(diào)性和主體調(diào)性來(lái)選擇一些氣質(zhì)合適的圖形，例如母親節(jié)、清明節(jié)的海報(bào)用三角形來(lái)構(gòu)圖就不太合適。

其次，如果想把現(xiàn)有的畫(huà)面用一個(gè)幾何圖形進(jìn)行剪切，那么這個(gè)圖形最好能夠比較完美地保留畫(huà)面的主體部分，同時(shí)也要保證該幾何圖形內(nèi)的構(gòu)圖是飽滿的、平衡的。

2.關(guān)于“破”的處理要節(jié)制

用幾何圖形進(jìn)行構(gòu)圖時(shí)，大多數(shù)情況下都可以使用“破”的處理方式，即讓圖形內(nèi)的部分元素打破圖形限制，這可以使畫(huà)面看起來(lái)更活潑。但也要節(jié)制。

? 避免過(guò)多元素使用“破”的處理，否則畫(huà)面容易變得凌亂、不聚焦。

? 不是所有采用幾何圖形構(gòu)圖的畫(huà)面都要使用“破”技巧。對(duì)于一些很簡(jiǎn)約、調(diào)性比較高級(jí)、畫(huà)面是攝影圖片的設(shè)計(jì)，通常不太適合使用該技巧。

3.排版可以呼應(yīng)幾何圖形

為了避免文字排版與圖形完全是割裂的，我們可以在排版時(shí)與幾何圖形形成呼應(yīng)，比如用文字繞著圖形排版。

或者是把文字與圖形交叉排版。

原文地址：蔥爺（公眾號(hào)）

作者：蔥爺

轉(zhuǎn)載請(qǐng)注明：學(xué)UI網(wǎng)》構(gòu)圖太常規(guī)?教你一個(gè)過(guò)稿率超高的構(gòu)圖技巧

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

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

藍(lán)藍(lán)設(shè)計(jì)( m.yvirxh.cn )是一家專注而深入的界面設(shè)計(jì)公司，為期望卓越的國(guó)內(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ì)公司