▽

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

1、主體不夠明顯

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

2、信息缺少層次

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

3、背景不匹配

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

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

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

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

示例一

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

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

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

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

一個牛丸很孤獨，很孤獨。

它需要人陪。

于是，用手給它搓一下。

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

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

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

示例二

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

還是一個牛丸，很孤獨，很孤獨。

它需要人陪。

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

同伴說咱倆有點無趣，要不再叫點人一起玩。

于是大伙紛紛跟上，并給它們加了點動力。

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

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

下面很空，看起來它也很孤獨。

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

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

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

這就是今天帶來排版那點事！

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

作者：修先森

轉(zhuǎn)載請注明：學(xué)UI網(wǎng)》版式教程 | 海報修改，構(gòu)圖版式的變化

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

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

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