日本設(shè)計(jì)的七個版式技巧

資訊頻道 - 設(shè)計(jì)技 來源:中國設(shè)計(jì)在線 作者:cdo 2017-06-29

是不是覺得都挺牛逼?是不是覺得不明所以?

平面設(shè)計(jì)領(lǐng)域,小日本一直都是世界領(lǐng)先水平,個性鮮明的日式風(fēng)格受到世界各地設(shè)計(jì)師的追捧(當(dāng)然跟他們的“特產(chǎn)”還是沒法比的),尤其是版式設(shè)計(jì),似乎與我們平常所接觸到的都不太一樣,獨(dú)樹一幟又美得很有想象力,很多設(shè)計(jì)師想學(xué)卻感覺無從下手。

不過蔥爺認(rèn)為能形成一定風(fēng)格的東西肯定都會有一定的規(guī)律,日式設(shè)計(jì)也不會例外,于是我總結(jié)了7個在日本設(shè)計(jì)作品中經(jīng)常會用到的版式技巧,詳情如下:
01/

縱橫交錯的文字排版


大家都知道日本的設(shè)計(jì)喜歡把文字豎排,而且閱讀方式是從右到左,不過橫排的方式他們也喜歡用,看來日本人的視力應(yīng)該都不錯啊。以上的海報(bào)作品中,文字都采用了豎排與橫排結(jié)合的方式:

df28593eb4d1a8012193a346797d.jpg

按理來說,一個版面中的文字排版橫豎都有的話會影響信息的閱讀,但是如果分清主次,以豎排為主橫排為輔或者以橫排為主豎排為輔,就能比較小的影響閱讀性,且能增強(qiáng)排版的對比,使版面更靈活、更有動感。

02/

用比較“碎”的元素作為主視覺

當(dāng)然,很多時(shí)候是因?yàn)橹黝}的關(guān)系,反正有很多的日式設(shè)計(jì)都喜歡用比較碎的元素:


上圖海報(bào)中的主視覺都不是一個獨(dú)立的整體,而是眾多散點(diǎn)分布的小元素,處女座的同學(xué)應(yīng)該不太受得了這種風(fēng)格的設(shè)計(jì)。通常情況下元素太多且不夠集中的話,版面就會顯得很凌亂,但是如果這些元素都是同一類型,而且顏色的種類比較少,則可以運(yùn)用重復(fù)排列的技巧,創(chuàng)造出節(jié)奏感。上圖的主視覺元素可以拆解為下圖:

6e93593eb50aa8012193a384b3fa.jpg

把同類元素重復(fù)排列,且適當(dāng)做一點(diǎn)大小的變化,可以使版面富有節(jié)奏感。

03/

使用手繪元素

在我看過的日本平面設(shè)計(jì)中,有很大一部分作品的圖片元素都是手繪風(fēng)格,有海報(bào)設(shè)計(jì)、包裝設(shè)計(jì)、宣傳單設(shè)計(jì)以及畫冊設(shè)計(jì)等等。


究其原因,我覺得一方面是日本設(shè)計(jì)師比較喜歡傳統(tǒng)的設(shè)計(jì)手法(手繪更藝術(shù)氣息);另一方面可能是因?yàn)槭掷L的元素與文字風(fēng)格更接近,畢竟文字也算是矢量圖,所以在排版時(shí)能結(jié)合得更完美;再加上手繪也更能滿足設(shè)計(jì)師的個性需求,很多東西是沒法通過攝影完成的,所以,想學(xué)日式設(shè)計(jì)還得過手繪這一關(guān)才行啊。

04/

運(yùn)用網(wǎng)格系統(tǒng)進(jìn)行排版

有些日式設(shè)計(jì)的版式看上去很復(fù)雜:

cd40593eb543a8012193a3456ea9.jpg

其實(shí),如果運(yùn)用網(wǎng)格系統(tǒng)進(jìn)行排版的話也不難,上圖就是使用了網(wǎng)格系統(tǒng)里的基線網(wǎng)格排版,其實(shí)也大體上符合非對稱單元網(wǎng)格:

4af1593ec5cda8012193a3504630.jpg

上圖的左邊是基線網(wǎng)格,右邊是非對稱單元網(wǎng)格,在網(wǎng)格系統(tǒng)的規(guī)范下,我們可以根據(jù)自己的喜好與審美,把信息分布在各個位置上。利用網(wǎng)格系統(tǒng)排出來的版式在視覺上會比較協(xié)調(diào)、整潔?吹竭@里,可能又會有人建議我寫一篇介紹網(wǎng)格系統(tǒng)的文章,我想還是以后有想法再說吧,因?yàn)檫@樣的文章確實(shí)太多,大家可以去網(wǎng)上搜一搜。

05/

留白

當(dāng)然,留白是平面設(shè)計(jì)中被廣泛運(yùn)用的一個技巧,并不是日式設(shè)計(jì)的專利,不過日本設(shè)計(jì)師在留白上的使用確實(shí)有自己的心得,留白也是日式設(shè)計(jì)的一大特點(diǎn):


大量的留白容易給人干凈、輕松的感覺,也成就了日本的性冷淡系列風(fēng)格。在上圖的設(shè)計(jì)中,除了有留白之外,我們也能看到清晰的視覺流程以及一些有意思的細(xì)節(jié)處理:

8c98593eb5b0a8012193a35bef9e.jpg

▲視覺流程一目了然。

faf1593eb5bfa8012193a3246b53.jpg

▲左上圖看似標(biāo)準(zhǔn)構(gòu)圖,但是由于設(shè)計(jì)師有意沒有把左下角文字與右邊的文字頂端對齊,使得畫面不至于太常規(guī),平靜中多了一點(diǎn)變化;右上圖則是采用對角構(gòu)圖,本來比較普通的畫面,由于增加了底色塊與上下兩行文字的穿插排版,使整個版面變得更或活潑。

06/

元素疊印

元素疊印是指把文字與圖片疊在一起、文字與文字疊在一起、或者圖片與圖片疊在一起的排版方式:


元素疊印可以加強(qiáng)元素之間的聯(lián)系,使各元素不是完全孤立的個體,還能夠增加畫面的層次感。但是在疊印時(shí)要保證文字元素的可識別性,利用疊印效果的構(gòu)圖往往也很美觀,例如上圖的構(gòu)圖可以拆解為下圖:

▲各元素交相輝映、錯落有致,單論構(gòu)圖就已經(jīng)是一件不錯的作品了。
07/

打破常規(guī)

俗話說無招勝有招,為了更快做出優(yōu)秀的設(shè)計(jì),我們會學(xué)習(xí)很多的技巧,但是技巧并不是一層不變的,真正優(yōu)秀的設(shè)計(jì)師敢于打破常規(guī),賦予作品新的生命力。日式設(shè)計(jì)在這一方面也是很出眾的榜樣,例如我們平常看到的名片設(shè)計(jì)都是這樣的:


然而前幾年在網(wǎng)上火出來的一組日本名片卻都是這樣的:

47eb593eb62da8012193a37cb503.jpg

大量的留白、交錯的排版、特別是還頂著裁切位置排版,雖然材質(zhì)普通,仍然很好看很吸睛,任性得不要不要的。

例如我們通常會保留元素的完整性、或者要在版面中留有足夠的空間用來喘氣,然而我們看到日式的設(shè)計(jì)是這樣的:

49fc593eb645a8012193a3a32a6f.jpg

例如,我們接受的設(shè)計(jì)教育是:信息點(diǎn)不要太多最好是控制在三個之內(nèi)、不要把藍(lán)色直接搭配紅色,然而,日本的設(shè)計(jì)是這樣的:

fbaa593eb65ba8012193a3d2d2e3.jpg

為什么這些設(shè)計(jì)看似違背了某些規(guī)則的設(shè)計(jì)仍然看著很舒服呢?因?yàn)橛泻芏嘟缮宰髡{(diào)整就不再是禁忌,例如上圖的紅藍(lán)搭配中、紅色和藍(lán)色的色調(diào)都偏暗、而且紅色的色塊面積顏色有做漸變處理,藍(lán)色背景也加入了白色底紋,最紅要的是設(shè)計(jì)及時(shí)并沒有把文字也變成紅色,所以沒有產(chǎn)生暈色效果。

規(guī)則是可以被打破的,但是在打破規(guī)則之前先要學(xué)會規(guī)則。

結(jié)  語

看完以后是不是覺得其實(shí)日式版式技巧跟我們平常看到的也差不多嘛,確實(shí)是。一方面是因?yàn)楝F(xiàn)在很多的中國設(shè)計(jì)師也學(xué)習(xí)了日本的設(shè)計(jì)方法,另一方面是即使用相同的技巧,不同的人設(shè)計(jì)出來的版面也是各不相同的,所以的理論都需要實(shí)踐來做檢驗(yàn)。

聲明:站內(nèi)網(wǎng)友所發(fā)表的所有內(nèi)容及言論僅代表其本人,并不反映任何網(wǎng)站意見及觀點(diǎn)。

全部評論

暫無相關(guān)推薦