▽
這是今天一個學員發(fā)來要修改的海報,不管是重新還是修改設(shè)計,最重要的是能從圖中分析問題并進行改正。
1、主體不夠明顯
文字在整個版面中的占比過大后,擠壓了主體視覺的產(chǎn)品展現(xiàn),弱化了視覺信息。
2、信息缺少層次
當文字越多時,就越要將內(nèi)容的主次進行有效的區(qū)分,讓用戶在閱讀畫面時,清晰直觀的體現(xiàn)出文字信息,而如果所有的文字都一樣的大小并且每段文字之間都沒有很好的間隔和空間的留出,這就容易造成閱讀的障礙。
3、背景不匹配
高飽和度的色彩雖然看起來鮮艷,但不代表就一定適用于所有的物體和設(shè)計中,比如畫面中的質(zhì)感和主體的關(guān)聯(lián),就很難體現(xiàn)出來。
4、字體不統(tǒng)一
字體是要與主題、風格的調(diào)性形成一致性,當一個畫面中使用了非常多的字體在進行展現(xiàn)時,不僅無法展示出設(shè)計的美觀,也降低了整體的和諧感。
當分析完這張圖后,我們用兩種構(gòu)圖技巧可以在最短的時間內(nèi)快速改正以上的問題,這里我做了2個修改示例供大家參考。
示例一
1、首先我們運用三等分的構(gòu)圖方法,也就是將畫布分成三個同樣等分大小的區(qū)域。
2、將重要的文字、圖形或者物體分別置入進這三個區(qū)域中。
3、這時會觸發(fā)新的問題,左右以及部分過多的留白應該怎么處理,可以將一些次要的文字或點綴裝飾性的圖形搭配在上面,以補足留白過多的問題。
4、之前我們分析修改前的海報中提到,主體被壓縮后不夠明顯,在這里面我們需要一個能明顯被注視的主體。
一個牛丸很孤獨,很孤獨。
它需要人陪。
于是,用手給它搓一下。
一只手,肯定不行,得兩只手,但干搓也太難受了。
還得加點水,讓畫面多點有趣的聯(lián)系。
就這樣,海報原本的問題就這么以合理的排版方式解決了。
示例二
利用的是對焦線構(gòu)圖的方式,這次我們以主體放置為先,看看后面不同的版式變化。
還是一個牛丸,很孤獨,很孤獨。
它需要人陪。
于是,我找到了它的同伴陪它一起。
同伴說咱倆有點無趣,要不再叫點人一起玩。
于是大伙紛紛跟上,并給它們加了點動力。
對角線的引導會幫助我們加深被引導的內(nèi)容記憶,所以我們放置了LOGO,并且四周分布了信息內(nèi)容。
隨之而來的就是新的問題出現(xiàn)了,
下面很空,看起來它也很孤獨。
于是我攜帶著它們,穿越季節(jié),掠過高架,鋪在留白的框架之間。
而信息主次的變化就在文字的大小、粗細、比例布局之間形成。
我們最后再看下兩個示例中,不同的構(gòu)圖帶來的變化。
這就是今天帶來排版那點事!
作者:修先森
轉(zhuǎn)載請注明:學UI網(wǎng)》版式教程 | 海報修改,構(gòu)圖版式的變化
分享此文一切功德,皆悉回向給文章原作者及眾讀者.
免責聲明:藍藍設(shè)計尊重原作者,文章的版權(quán)歸原作者。如涉及版權(quán)問題,請及時與我們?nèi)〉寐?lián)系,我們立即更正或刪除。
藍藍設(shè)計( tweetduck.com )是一家專注而深入的界面設(shè)計公司,為期望卓越的國內(nèi)外企業(yè)提供卓越的UI界面設(shè)計、BS界面設(shè)計 、 cs界面設(shè)計 、 ipad界面設(shè)計 、 包裝設(shè)計 、 圖標定制 、 用戶體驗 、交互設(shè)計、 網(wǎng)站建設(shè) 、平面設(shè)計服務