▽

這是今天一個(gè)學(xué)員發(fā)來要修改的海報(bào)，不管是重新還是修改設(shè)計(jì)，最重要的是能從圖中分析問題并進(jìn)行改正。

1、主體不夠明顯

文字在整個(gè)版面中的占比過大后，擠壓了主體視覺的產(chǎn)品展現(xiàn)，弱化了視覺信息。

2、信息缺少層次

當(dāng)文字越多時(shí)，就越要將內(nèi)容的主次進(jìn)行有效的區(qū)分，讓用戶在閱讀畫面時(shí)，清晰直觀的體現(xiàn)出文字信息，而如果所有的文字都一樣的大小并且每段文字之間都沒有很好的間隔和空間的留出，這就容易造成閱讀的障礙。

3、背景不匹配

高飽和度的色彩雖然看起來鮮艷，但不代表就一定適用于所有的物體和設(shè)計(jì)中，比如畫面中的質(zhì)感和主體的關(guān)聯(lián)，就很難體現(xiàn)出來。

4、字體不統(tǒng)一

字體是要與主題、風(fēng)格的調(diào)性形成一致性，當(dāng)一個(gè)畫面中使用了非常多的字體在進(jìn)行展現(xiàn)時(shí)，不僅無法展示出設(shè)計(jì)的美觀，也降低了整體的和諧感。

當(dāng)分析完這張圖后，我們用兩種構(gòu)圖技巧可以在最短的時(shí)間內(nèi)快速改正以上的問題，這里我做了2個(gè)修改示例供大家參考。

示例一

1、首先我們運(yùn)用三等分的構(gòu)圖方法，也就是將畫布分成三個(gè)同樣等分大小的區(qū)域。

2、將重要的文字、圖形或者物體分別置入進(jìn)這三個(gè)區(qū)域中。

3、這時(shí)會(huì)觸發(fā)新的問題，左右以及部分過多的留白應(yīng)該怎么處理，可以將一些次要的文字或點(diǎn)綴裝飾性的圖形搭配在上面，以補(bǔ)足留白過多的問題。

4、之前我們分析修改前的海報(bào)中提到，主體被壓縮后不夠明顯，在這里面我們需要一個(gè)能明顯被注視的主體。

一個(gè)牛丸很孤獨(dú)，很孤獨(dú)。

它需要人陪。

于是，用手給它搓一下。

一只手，肯定不行，得兩只手，但干搓也太難受了。

還得加點(diǎn)水，讓畫面多點(diǎn)有趣的聯(lián)系。

就這樣，海報(bào)原本的問題就這么以合理的排版方式解決了。

示例二

利用的是對(duì)焦線構(gòu)圖的方式，這次我們以主體放置為先，看看后面不同的版式變化。

還是一個(gè)牛丸，很孤獨(dú)，很孤獨(dú)。

它需要人陪。

于是，我找到了它的同伴陪它一起。

同伴說咱倆有點(diǎn)無趣，要不再叫點(diǎn)人一起玩。

于是大伙紛紛跟上，并給它們加了點(diǎn)動(dòng)力。

對(duì)角線的引導(dǎo)會(huì)幫助我們加深被引導(dǎo)的內(nèi)容記憶，所以我們放置了LOGO，并且四周分布了信息內(nèi)容。

隨之而來的就是新的問題出現(xiàn)了，

下面很空，看起來它也很孤獨(dú)。

于是我攜帶著它們，穿越季節(jié)，掠過高架，鋪在留白的框架之間。

而信息主次的變化就在文字的大小、粗細(xì)、比例布局之間形成。

我們最后再看下兩個(gè)示例中，不同的構(gòu)圖帶來的變化。

這就是今天帶來排版那點(diǎn)事！

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

作者：修先森

轉(zhuǎn)載請(qǐng)注明：學(xué)UI網(wǎng)》版式教程 | 海報(bào)修改，構(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)問題，請(qǐng)及時(shí)與我們?nèi)〉寐?lián)系，我們立即更正或刪除。

藍(lán)藍(lán)設(shè)計(jì)( www.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ù)