即使是經(jīng)驗(yàn)豐富的設(shè)計(jì)師也會(huì)遇到一個(gè)問題:圖片太多又非要放在一個(gè)版式里,該怎么安排? 而且這種圖片較多的時(shí)候去排版,稍不注意就會(huì)看起來很擁擠,缺乏設(shè)計(jì)感,甚至有點(diǎn)low 譬如說,這樣 圖自網(wǎng)絡(luò) 甚至是這樣 圖自網(wǎng)絡(luò) So,為了解決這個(gè)問題,這篇文章就分享給大家?guī)追N多圖版式的排版方法,以及如何添加元素來裝飾多圖版面。 相信之后遇到類似問題你能夠有一個(gè)漂亮的解決方案! 一、任意型當(dāng)很多圖片需要排在同一個(gè)頁面里,并且你沒有足夠的時(shí)間去構(gòu)造更多的創(chuàng)意版式,這種版式是首選,把它想象成照片墻隨意的放置圖片即可。 圖自網(wǎng)絡(luò) 圖自網(wǎng)絡(luò) 優(yōu)點(diǎn): 精髓在于可以把握?qǐng)D片在版面中的大小、主次、疏密、色彩等對(duì)比關(guān)系,做到多而不雜,視覺效果很好。 缺點(diǎn): 對(duì)于完全沒有設(shè)計(jì)基礎(chǔ)的小白來說,任意型可能最難把握,圖片太集中畫面容易失重。 如果搭配一些文字、形狀或線框等元素,在對(duì)角線位置上增加視覺平衡點(diǎn),會(huì)讓畫面的活躍性更強(qiáng)。 圖自網(wǎng)絡(luò) 二、網(wǎng)格布局式當(dāng)你有一大堆圖片要排版卻不知道怎么排的時(shí)候,打開win8系統(tǒng)的電腦看一會(huì)兒立馬就有靈感了,win8就是用的網(wǎng)格布局式,所以看起來才這么規(guī)整簡潔! 圖自網(wǎng)絡(luò) 運(yùn)用到設(shè)計(jì)版式中是這樣的: 圖自網(wǎng)絡(luò) 圖自網(wǎng)絡(luò) 優(yōu)點(diǎn): 和任意型版式不同的是,這種版式更加著重網(wǎng)格布局的運(yùn)用,看起來更規(guī)整簡潔,便于欣賞。 缺點(diǎn): 這種版式必須與文字或者色塊等元素搭配使用,否則會(huì)顯得非常單調(diào)。 可以運(yùn)用較多的留白,往極簡風(fēng)格設(shè)計(jì)。 圖自網(wǎng)絡(luò) 三、幾何蒙版型蒙版就是選框的外部,選框的內(nèi)部就是選區(qū),用于放圖片。幾何形狀蒙版把圖片套進(jìn)去,比單純把圖片排一排會(huì)更加好看。 ![]() 圖自網(wǎng)絡(luò) ![]() 圖自網(wǎng)絡(luò) 優(yōu)點(diǎn): 把圖片嵌進(jìn)幾何形狀,沿著一定路線或切割頁面的對(duì)角線來放置,會(huì)讓版面更加生動(dòng)有趣,而且可以進(jìn)行色塊運(yùn)用,大膽的構(gòu)圖能增強(qiáng)頁面印象。 弊端: 自由式的版式設(shè)計(jì),若未經(jīng)設(shè)計(jì)而盲目擺放,往往會(huì)給人凌亂散漫的感覺,這樣的方式也經(jīng)常會(huì)造成過度統(tǒng)一而缺乏變化的問題。 可以增添圖片強(qiáng)弱對(duì)比,遵循一定軌跡(對(duì)角線或者S型),增加色塊、文字等等方式,都可以讓畫面和諧。 ![]() 圖自網(wǎng)絡(luò) 四、軸線型要讓版面顯得簡單易懂,整齊排列內(nèi)容是最重要的,但如果只強(qiáng)調(diào)整齊性,很容易造成枯燥乏味的版面。 此時(shí),利用年表、時(shí)間軸、地圖和路線圖等來作為輔助,將大量圖片信息沿著軸線引導(dǎo)的方向去閱讀。這樣就算是大量的內(nèi)容,也能以視覺化的方式來引導(dǎo)閱讀。 ![]() 圖自網(wǎng)絡(luò) ![]() 圖自網(wǎng)絡(luò) 優(yōu)點(diǎn): 除了沿著軸線能清楚地引導(dǎo)讀者的閱讀順序外,還能整理文本信息。另外,這樣的技巧同時(shí)也能分割版面區(qū)域,并賦予含有多張圖片的頁面穩(wěn)定感與整體性。 弊端: 由于版面內(nèi)容要保持均勻,導(dǎo)致圖片過于裝飾化,沒有主次容易讓人忽略。 ![]() 一、留白留白作為設(shè)計(jì)中常見的一種構(gòu)圖形式,是一種獨(dú)特的視覺語言,往往有助于信息傳達(dá)、情感交流,起到以少勝多、提升作品感染力的作用。它會(huì)讓整個(gè)版面看上去清爽,并且主次分明。 ![]() 圖自網(wǎng)絡(luò) 圖自網(wǎng)絡(luò) 圖自網(wǎng)絡(luò) 二、運(yùn)用幾何色塊色塊,顧名思義,就是由顏色和幾何形構(gòu)成,具有一定功能性的可視化的形狀,形態(tài)上也是多種多樣的,可以是矩形,三角形,圓形抑或是其他不規(guī)則的圖形。 色塊形狀不宜太復(fù)雜,通常以比較簡單的三角形、四邊形、圓形為主; 圖自網(wǎng)絡(luò) 圖自網(wǎng)絡(luò) 圖自網(wǎng)絡(luò) 圖自網(wǎng)絡(luò) 三、巧用線框線框的應(yīng)用除了色塊和線的應(yīng)用,還有線框,線框也是一種比較常用的方法。線框的作用也是比較好理解的,它可以作為信息分組,也可以進(jìn)行組織信息,在某些頁面當(dāng)中還可以作為裝飾。 圖自網(wǎng)絡(luò) 圖自網(wǎng)絡(luò) 以上就是關(guān)于多圖的排版方式,相信你已經(jīng)有一些靈感了。 這些方法在海報(bào)設(shè)計(jì)、雜志設(shè)計(jì)、網(wǎng)頁設(shè)計(jì)甚至是你的日常拼圖等方面都是通用的,勤加練習(xí)才能把這些技巧融會(huì)貫通喔~ 如果你是設(shè)計(jì)小白,不知道如何排版,不妨來Fotor懶設(shè)計(jì)尋找你的靈感。 這里有創(chuàng)意的、好看的模板等你,3分鐘幫你搞定設(shè)計(jì) 。 |
|