回到設(shè)計(jì)沒(méi)思路系列，  今天我們講四角構(gòu)圖！

▽

1、構(gòu)圖：

首先構(gòu)圖本身是一切圖文編排困難的良藥，而四角構(gòu)圖是構(gòu)圖技巧中的其中一種。

四角的構(gòu)圖版式最顯著的特征就是將標(biāo)題內(nèi)容編排到四個(gè)角落

誒！這不是四餅嗎？

而傳統(tǒng)的四角構(gòu)圖原本是將文字信息有主次的編排到四周，而這種也是目前很常見(jiàn)的一種排版手法， 再將主視覺(jué)放置到版式中心，以此滿足平衡穩(wěn)固的構(gòu)圖作用。

如果聽(tīng)不懂沒(méi)關(guān)系  我們以天官賜福這四個(gè)字為示例，將文字拆分放到版式四角，并改變字體與大小，最后將主視覺(jué)圖像放到版式中心，就可以得到一個(gè)最初的框架形態(tài)。

2、排版

當(dāng)理解了構(gòu)圖的原理，將文字通過(guò)信息分層梳理排版

解讀主標(biāo)題的文字沿用到配色上，選出綠色和橙黃色，將綠色填充至底色，再將黃色填充至文字色，這樣主題的文字在背景中就會(huì)比較醒目。

再放置主視覺(jué)圖像，這樣前期的構(gòu)圖與排版的形態(tài)就塑造完成。

3、融合

接下來(lái)就是要解決物體融合、塑造質(zhì)感、視覺(jué)分層的后期階段。

我們來(lái)看看最終整個(gè)海報(bào)的設(shè)計(jì)全過(guò)程

▽

原文地址：修先森撩設(shè)計(jì)（公眾號(hào)）

作者：修先森

轉(zhuǎn)載請(qǐng)注明：學(xué)UI網(wǎng)》排版良藥 | 圖文不會(huì)排？試試四角構(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ì)( bouu.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ù)