整理了一些日本設(shè)計(jì)，這9大排版技巧值得學(xué)習(xí)
作者：蔥爺，首發(fā)：蔥爺
原標(biāo)題：日本設(shè)計(jì)的圖片排版才是真正值得學(xué)習(xí)的
閱前叨逼叨：這些圖片排版技巧值得學(xué)習(xí)。
說(shuō)到日本的平面設(shè)計(jì)，我們很容易想到他們的海報(bào)設(shè)計(jì)，有很明顯的日本特色， 尤其是文字排版部分，深受很多設(shè)計(jì)師的青睞，其實(shí)他們的圖片排版也十分優(yōu)秀，有很多打破常規(guī)的做法，而且比起文字排版更有參考的價(jià)值，因?yàn)樨Q排不適合中國(guó)人的閱讀習(xí)慣。所以蔥爺特地整理了一些日本的圖片排版作品，供大家欣賞和借鑒。
1、對(duì)齊排版
對(duì)齊是最常見(jiàn)和最好用的圖片排版方式，且如果在細(xì)節(jié)上做一些變化，合理搭配文字和色塊，效果并不會(huì)很死板，比如下面這些作品。
圖片與色塊穿插
文字與圖片疊加排版
用文字色塊疊加在圖片背景上
幾何圖片與去底圖搭配
橫排搭配豎排
鮮明的圖片大小對(duì)比
版面兩端排圖片，中間排文字
2、分欄排版
即運(yùn)用網(wǎng)格系統(tǒng)進(jìn)行分欄排版，所以也可以說(shuō)是網(wǎng)格排版，這種排版類(lèi)型其實(shí)也屬于對(duì)齊排版，但是其規(guī)律更有跡可循，更有序。
雙欄
下圖兩張?zhí)貙?xiě)鏡頭的照片平鋪在版面中，加上橫跨兩欄的文字排版，大氣而文藝。
三欄
如果是風(fēng)景圖片采用分欄排版的手法，那么這些圖片最好在結(jié)構(gòu)上能夠形成聯(lián)系，比如下圖海報(bào)中三張圖片的地平線都是統(tǒng)一連貫的。
四欄
與上圖類(lèi)似，下圖的是四欄圖片組成了一個(gè)整體。
橫三欄
橫四欄
下圖海報(bào)從第一欄到第四欄，圖片中的鏡頭越拉越近，形成遞進(jìn)感，干凈的的天空背景、人物、斜排的文字形成鮮明的對(duì)比。
單元格網(wǎng)格
以下這些作品，雖是按照單元網(wǎng)格排列圖片，卻都做了一些變化，比如文字疊加于圖片之上，橫跨幾個(gè)單元格。
比如色塊與圖片穿插。
比如用斜排的文字打破網(wǎng)格系統(tǒng)。
比如利用去底圖片打破部分單元格。
比如巧妙的設(shè)計(jì)留白空間。
斜網(wǎng)格
斜網(wǎng)格相對(duì)而言會(huì)更有動(dòng)感。
3、錯(cuò)位排版
即不把圖片進(jìn)行嚴(yán)格對(duì)齊，而是有意使圖片相互錯(cuò)位，這種排版方式既不會(huì)太亂，也會(huì)比較靈活。
下面兩件作品在錯(cuò)位的基礎(chǔ)上還做了一點(diǎn)旋轉(zhuǎn)。
文字與圖片都采用了豎排錯(cuò)位的方式，線與面的配合很有節(jié)奏感和設(shè)計(jì)感。
4、切割排版
這種排版方式，就好似用刀在紙上畫(huà)直線，然后在這些被刀子裁切出來(lái)的版面空間里填充圖片，用這種方式排版圖片效果更自然、更靈活。
使用切割排版的圖片也要有大小區(qū)分和輪廓區(qū)分。
是最簡(jiǎn)單的切割排版方式，可以更好的展示圖片和利用版面空間。
被切割的版面之間留出一定的距離也是很常用的切割排版方式，可以減少圖片之間的相互干擾。
把部分空間填充色塊和文字，而且還利用部分元素做了橫跨幾個(gè)空間的效果。
之前在某APP的開(kāi)屏廣告中看到下圖的排版形式也很有意思，在切割排版的基礎(chǔ)上加上一個(gè)去底的主體圖片，所以我截圖保存了下來(lái)。
前幾天在P站發(fā)現(xiàn)某日本海報(bào)也用的是這種排版方式。
5、輪廓圖片
即通過(guò)改變圖片的輪廓形狀來(lái)進(jìn)行排版，圖片的輪廓分為幾何輪廓和異形輪廓。
用與圖片輪廓相似的色塊，與圖片形成呼應(yīng)，可以增加畫(huà)面的統(tǒng)一性和節(jié)奏感。
文字沿著圖片的外輪廓進(jìn)行排版，可以使文字與圖片結(jié)合得更和諧。
在輪廓圖片的基礎(chǔ)上搭配一些手繪的小元素，也是日本海報(bào)常用的排版方式。
6、大圖配小圖
即用一張或兩張大圖占據(jù)絕大部分版面空間，然后搭配一些小圖片進(jìn)行補(bǔ)充，這種排版方式對(duì)比十分強(qiáng)烈。
7、圖片疊加
圖片與圖片疊加排版，既可以使版面更整體，也可以更充分的利用版面空間，如果用去底圖片來(lái)疊加，效果會(huì)更靈活。
8、輪廓加切割排版
這種方式結(jié)合了輪廓圖片與圖片切割兩種技巧，通常的做法是在一個(gè)大的輪廓圖形內(nèi)進(jìn)行版面分割，然后在這些被分割好的空間里填充圖片和色塊，這種排版方式更特別、更有創(chuàng)意。
9、自由排版
前面分享的幾個(gè)排版技巧，其規(guī)律都比較好找，而自由排版卻是一種看似純憑感覺(jué)來(lái)自排版的方式，這種版式靈活性更強(qiáng)，但是更難把握，很容易排亂，關(guān)鍵是要把握好平衡、對(duì)比、變化、統(tǒng)一之間的關(guān)系。
結(jié)語(yǔ)
對(duì)于一些以圖片為主的版面，如果排好了圖片，整個(gè)版面的設(shè)計(jì)就等成功了一半，所以在今后的設(shè)計(jì)中，你可以試試文中的這9個(gè)技巧：對(duì)齊排版、分欄排版、錯(cuò)位排版、切割排版、輪廓圖片、大圖配小圖、圖片疊加、輪廓加切割排版、自由排版。
作者公眾號(hào)：蔥爺（ID：congyenanian）
轉(zhuǎn)載請(qǐng)?jiān)谖恼麻_(kāi)頭和結(jié)尾顯眼處標(biāo)注：作者、出處和鏈接。不按規(guī)范轉(zhuǎn)載侵權(quán)必究。
未經(jīng)授權(quán)嚴(yán)禁轉(zhuǎn)載，授權(quán)事宜請(qǐng)聯(lián)系作者本人，侵權(quán)必究。
本文禁止轉(zhuǎn)載，侵權(quán)必究。
授權(quán)事宜請(qǐng)至數(shù)英微信公眾號(hào)(ID: digitaling) 后臺(tái)授權(quán)，侵權(quán)必究。
評(píng)論
評(píng)論
推薦評(píng)論
全部評(píng)論（2條）