【大師級解密,破譯日本版面美學】
最好用的分解圖 × 原創者專業解析
原研哉、古平正義、木住野彰悟、田部井美奈、佐藤大介、棈木寬和、羽田純
大師帶你看懂法則背後的創作原理
群組關係∣幾何規劃∣文字走向∣版面軸心∣放射或漸變∣
留白∣對稱或重覆∣色域選擇
這些「基礎問題」,都是破解千變萬化的日式版面之道
不只驚嘆日式版面的破格演出,各類平面領域一道通關
100+商業案例 × 5大版面要素分解圖
再輕飄的風格都能緊緊抓住,再蹦跳的風格都有規則可循▌沒學會,每次設計都要重新來
各種平面設計領域一次打通,從電影海報、書籍設計到餐廳menu、音樂節門票、保養品、服飾品牌廣告、徽章設計,各行各業,各種風格,各種平面大小,一一示範拆解千變萬化的日本版面之道。如何讓落落長文案秒變最有力的「圖像表現」?商標位置怎麼放?字體風格怎樣與產品搭配?色彩如何表達商品訴求?俗艷的漸變色有哪幾種「正確使用方式」?如何使用超過十種顏色,版面依然乾淨?不同商品的適用色域其實有跡可循?「留白」不是唯一妙計?學會日本也很會的超密麻排版才是真高手?留白何時用於突顯焦點,何時用於締造想像空間?字體的筆劃撇捺怎麼拉,才能給出正確心理暗示?
▌8大平面手法,活潑運用,變化無窮
重複──相同元素重複布局。
近似──多個相似元素組合,形成相關性。
漸變──一個元素有規律地變化。
放射──以一點或多點為中心,向四處擴散或向中心聚集。
軸向──將模組元素布局於中心點周圍或其兩側。
密集──基本元素自由排列,形成疏密不一的畫面。
對比──任何的大小、方向、疏密、虛實、造型、色彩、肌理等都能構成對比效果。
節奏──重複的主題或元素在規則或不規則的間隔上出現。
「不會固定持續地喜好單一的價值觀,這也是日式審美意識的特色吧。」
▌分解圖畫出來,秒懂日式版面法則
日式版面風格為何跨度如此大?可極簡療癒,也可極盡華麗搞怪,該正經時又能質感超群。日式版面超前時代一小步的破格驚艷感,並不只是「民族特技」;從「平面構成、文字排版、色彩、留白、圖像」五大排版要素,從布局、幾何規劃到文字方向,直接畫給你看,一目瞭然,破譯日本版面美學:
‧圖像如何超魄力?試試將圖像反過來當成「尺規」,用圖像來定義版面配置
‧文字滿版縱橫還能「超整齊」又「超易讀」?其中暗含了「負空間」的運用
‧版面如何強勢擄獲視覺?試試將本該隱形的排版法則直接「具像化」
‧文字の魄力不猶豫:大膽加底線、加橫幅、或讓字直接超出版面
‧文字の低調即亮點:思索版面的視覺閱讀順序,就能在版面最低調處找到最亮眼的位置
‧系列海報中一眼即辨的「孿生感」從何而來?請大膽套用「互補色」
‧版面中的寫實照片太過突兀?看日式版面如何讓它「圖像式地」與版面融合
▌五大排版要素,深入日式版面邏輯
‧版面構成
「重覆、近似、漸變、放射、軸向、密集、對比、節奏」等版面技巧如何排列組合?採用「對角構圖」就能為平面創造出布料般的「密織感」?為何要用「□△○」幾何圖形創造「網格中的網格」?當版面上文案滿布,利用「重複」與「字體大小對比」,落落長文案秒變最有力的「圖像表現」!
‧字體排版
字體圖符化的訣竅就藏在「傳統寫法」裡?書籍內頁設計如何呼應封面設計?字的哪種「排列隊形」可以創造千斤壓頂感?字體的筆劃撇捺怎麼拉,才能給出正確心理暗示?時下流行的中英融合字如何做到「絕不硬拗」?
‧色彩
如何利用色塊的組合與對比打造海報的「空間感」?俗艷的漸變色有哪幾種「正確使用方式」?哪種形狀的構圖與配色,適合創造「鏡象感」?復古風配色搭上Risograph印刷機的「錯位」效果,是內行人必懂的超絕應用?使用超過十種顏色,版面依然乾淨明亮?日式版面如何思考色彩與印刷材質效果?
‧留白
留白不是憑直覺,利用網格來「算」留白比例?留白時的視覺焦點與視覺動線如何安排?留白何時用於突顯焦點,何時用於締造想像空間?
‧配圖
圖像看起來好像在動,Z字排列+「近大遠小」概念就能創造縱深動感?如何有效運用主視覺旁的「裝飾性紋樣」?圖像細節刻意缺失,更能增加想像空間?「像素」除了是風格,也要能是版面各元素間的「過渡」?華麗圖像沒祕密,一個圖像竟能同時採用「手寫字、手繪插圖、向量繪圖、產品實物照」超雜燴手法?
作者簡介:
gaatii 光體
2017 年成立於中國廣州。專注藝術、科普、設計三個領域的原創內容生產,致力於通過多種形式為讀者提供優質的知識體驗。我們認為,一本好書的圖文與設計應該渾然天成、內容深入淺出、訊息量充足且充滿驚喜。內容的藝術性與可讀性是我們的追求方向,產品功能性與藝術性的統一是我們的目標!
章節試閱
▌《十二組十三人的建築家》
這本書收錄了二十世紀多位傑出建築師的訪談,每篇以八頁照片開始,訪談文字均佔三十二頁。中野設計事務所受託完成該書的裝幀與排版設計。
版面分析:
① 書的裝訂方式採裸背線裝,書衣上建築師的名字以漢字呈現,與封面的英文拼音逐一對應。
② 十二組建築師分別搭配一種色彩,在書口處形成彩虹般的色譜。
全書內頁沒有設置底色,而是在內頁邊緣處填上的色條。
書脊處的色彩也是經過精確計算得出:在每台第一頁和最後一頁的折線上,填上與書口對應的色條,裝訂裁切後書脊也呈現與書口一致的色譜。
▌The Viridi-Anne 新品發布邀請函
設計師大原健一郎為日本時尚品牌 The Viridi-Anne 的 2019 年春夏系列新品發表會設計了邀請函。本季度新品主題是「時間」。不規則設計的邀請函,打破常規,讓人眼睛為之一亮。
版面分析:
① 輕微傾斜且不對齊的加大字體橫排於版面,不規則的造型由四張紙手工拼貼而成,整體體現了服裝由布料拼貼的特點。
② 黃色的文字通過網版印刷,印在手工拼貼好的紙張上,這個做法避免了不同尺寸紙張拼貼時的文字錯位。
▌繩文遺跡發掘和展覽
這是設計工作室 UMMM 為一場文物展覽設計的一系列宣傳海報。在這次文物考古中,考古學家發掘了大量日本繩文時代的遺跡碎片。基於「地上的藝術和地下的考古」概念,這些文物被現代藝術家們用棍子支撐,在展覽中展示,目的是為了還原碎片在泥土中的傾斜角度和方向。
版面分析:
① 橫向、縱向的文字排版和紅、白、黑三色,展示出版面資訊的層次。根據設計概念,文字集中在版面上部,代表著「地面」;版面下部則呈現文物。
② 海報中的圖片採用了銀色油墨進行印製,讓圖像多了一層金屬質感,這種做法傳達了現代與過去的融合。
▌佐藤可士和印刷實驗海報
「平面實驗展」(Graphic Trial)是 TOPPAN 凸版印刷株式會社舉辦、邀請創作者共同參與的年度實驗展覽,目的是深入探討平面設計和印刷技術之間的關係和可能性。設計師佐藤可士和受邀參展,他的主題是找出印刷品質的極限,他評估的實驗項目包括:多層印刷的密度、同色油墨比較、格線與字級大小的限度、不同線條每英吋間的差異、每次印刷過程墨水量的變化情況。
佐藤可士和將實驗結果視覺化,以平面海報的形式呈現。在海報裡,他將明確的指標數值可視化,為原本著重依賴個人直覺的傳統印刷方法,注入了新的交流維度,並將印刷技術的框架展現出來。
▌Mujara 咖哩餐廳
位於日本京都,主營辛辣的咖哩料理。開業時,設計公司 sato design 製作了這套宣傳單。
「印刷宣傳單時,我選擇了 Risograph 印刷機和螢光油墨。」──佐藤大介
版面分析:
① Risograph 簡稱 Riso,是一種一色一版的數位速印機,印刷兩色以上容易出現
錯位。
② 螢光油墨和錯位效果讓畫面充滿質感,層次豐富。
「我們有意將草寫風格的文字和看起來很怪的字體結合起來,為的是傳達一點神祕感,這也正好貼合餐廳的形象。」─佐藤大介
▌南後由和研討會論文集
這是一本論文集,收錄了明治大學副教授暨社會學家南後由和主持的研討會畢業論文,內容主要表達社會學家們的思想,例如他們對於調查與分析廣闊社會領域是如何思考的。
版面分析:
設計團隊利用平面構成方法中的「重覆」和「大小對比」設計了封面。
據設計團隊介紹,封面上的圖樣,是由每篇論文的標題組成;作者的名字及其頭銜決定了圓圈大小;書口上條狀圖般的索引設計,便於讀者查找資訊。
▌《十二組十三人的建築家》
這本書收錄了二十世紀多位傑出建築師的訪談,每篇以八頁照片開始,訪談文字均佔三十二頁。中野設計事務所受託完成該書的裝幀與排版設計。
版面分析:
① 書的裝訂方式採裸背線裝,書衣上建築師的名字以漢字呈現,與封面的英文拼音逐一對應。
② 十二組建築師分別搭配一種色彩,在書口處形成彩虹般的色譜。
全書內頁沒有設置底色,而是在內頁邊緣處填上的色條。
書脊處的色彩也是經過精確計算得出:在每台第一頁和最後一頁的折線上,填上與書口對應的色條,裝訂裁切後書脊也呈現與書口一致的色譜。...
作者序
日本平面設計的「粋」
笨拙的手繪線條,由圓形、三角形、四邊形等基本圖形組合起來的簡單造型,用基本字體呈現的文字,像電腦初學者做出來的生澀版式。這種一邊在構圖上追求高度平衡感,一邊又刻意表現成「肩膀失去力氣」般的「肩無力系」設計手法,在我看來似乎已變成近年來日本平面設計的一種傾向。
這種「肩無力系」設計(在這裡先這樣稱呼它),捕捉著如今時代的氛圍,並與之共鳴,也被時代認可。當我自己思考這種設計的生成背景時,彷彿看見它與「侘茶」的誕生前夕相重疊。
所謂「侘茶」,是一種講求簡素清寂境地「侘寂」精神的茶道流派,為了與奢侈的「書院茶」相抗衡而開始在日本桃山時代流行,被認為由茶道大師千利休創立。可以想見,侘茶的始興,是對崇尚華麗的桃山文化的一種反抗式對立。也就是說,與其窮奢極欲、盡顯華貴,還不如在四疊半大小的空間當中,用最小的陳設,表現出宇宙般的最大世界觀,那才更加了不起(cool)──大概這就是千利休的想法吧。
我感到「肩無力系」的設計表現與此有著類似精神。由於社群媒體的普及,現在的人們更容易表現自我,也更容易看穿這些表象,故而產生了對任何用心的東西都冷眼旁觀的風氣。在這種風氣之中,比起把什麼東西做得更精細、更美化,還不如表現出事物的真實面貌、或是表現出自己的內在感受,這樣就好。「肩無力系」就是類似這樣一種態度。
不過,「肩無力系」的設計在此之後會不會繼續大放異彩,沒有人能確定。不會固定持續喜好單一價值觀,這也是日式審美觀的特色吧。
在日本重要的審美觀念中,有所謂「粋」的概念。「粋」在辭典上解釋為「無論是本身還是周遭氛圍都是清爽俏皮的」,但也有一種色氣(誘惑)在其中,而根據九鬼周造在《「粋」的構造》中所述,「粋」是由「媚態」、「骨氣」、「死心」三部分構成的。「媚態」就是色氣;而「骨氣」就如字面意思,是志氣、驕傲之義;以及「死心」,雖然有許多不同解釋,我個人認為是指對事物不拘執,能簡單地抽身離開。簡而言之,並不特別執著於什麼(有時只是因為驕傲而不願執著),善變的人們輕易地就在新的價值觀中感受到誘惑,這樣就能稱之為「粋」吧。還有另一種強調執著之用的價值觀就是「野暮」(「粋」的反義詞,直譯為不通世故、不近人情,可以理解成老頑固)。這樣想的話,「江戶人不留隔夜財」或者「江戶人就像五月的鯉魚旗(隨風飄擺)」之類的俗語,就是江戶時代「粋」的風流精神表現吧。
「侘茶」和「肩無力系」也是這樣,並非真的是絕對出色的東西,只不過是斷然脫離某種價值觀而被新的價值觀引誘,這樣的狀態具有「粋」的品格,所以才會讓人感到瀟灑吧。
在 2018 年和 2019 年參與的「武藏野美術大學優秀作品展」上,我試著擺脫現有的價值觀,對新的事物進行了探索,回頭看或許正是屬於我自己的「粋」之實踐吧。將注意力集中在自己腦海中的顏色和形狀上,以不同於「肩無力系」的筆觸進行創作。最後嶄新的設計風貌獲得獎項肯定,證明這次嘗試的成功。
最近開始重視的事情之一,就是有意識地關注腦內在意的東西。原因很簡單:2015 年的東京奧運會徽事件,讓我不只是單純盡量避免從現有事物中汲取靈感,我也更為積極地「關注自己」,以獲得新價值的啟發。
人的頭腦之中,總能靈光乍現,或許是某個特定時刻的必要事物,或許是出於完全的無意識、毫無道理就那麼存在的事物。雖然話題有點扯遠了,我不知道為什麼,但據說在人工智慧之間的對話中有些現象是人類無法理解的。不過我想像我們可以通過大腦中的東西,「無意識地」認識它們。這些超出人類智慧的東西,是我們人類無法用現有詞彙去解釋的。如果我可以捕獲那麼一點在我腦海中來來去去的微弱知覺,我就能發現新東西。之後若能再從中獲得對這個新世界的記述方法(世界觀的表現方式),那麼作為設計師,沒有比這個更重要的了。諸多價值觀就在腦中的已知事物與未知事物間搖擺不定,我們浸濡其中,而在被愚弄的過程中,也開拓出新的表現方法,這或許就是我現今的「粋」之所在。我越來越期待自己今後的探索之旅了。
──棈木寬和 |ABEKINO DESIGN 創始人‧ 設計總監
日本平面設計的「粋」
笨拙的手繪線條,由圓形、三角形、四邊形等基本圖形組合起來的簡單造型,用基本字體呈現的文字,像電腦初學者做出來的生澀版式。這種一邊在構圖上追求高度平衡感,一邊又刻意表現成「肩膀失去力氣」般的「肩無力系」設計手法,在我看來似乎已變成近年來日本平面設計的一種傾向。
這種「肩無力系」設計(在這裡先這樣稱呼它),捕捉著如今時代的氛圍,並與之共鳴,也被時代認可。當我自己思考這種設計的生成背景時,彷彿看見它與「侘茶」的誕生前夕相重疊。
所謂「侘茶」,是一種講求簡素清寂境地「侘寂」精神...
目錄
CH1 平面構成
「I LOVE 日本畫」日本畫展覽
「江戶的奇跡,明治的光輝」日本畫展覽
石見美術館浴衣展
紅牛音樂祭
《息子》舞台劇
KATAGAKI JCT 現代舞表演
《明日的魔女》舞台劇
南後由和研討會論文集
花道龍生展:IKE-BUZZ
AIMING HIGH HAKUBA 藝術音樂文化祭
大名家與婚禮用具展
佐賀縣陶瓷器手工體驗活動
Mujara 咖哩餐廳傳單
《不會飛的鳥與旋轉木馬》電影海報
「樂市樂座」文化祭
「雜貨道」插畫研討會
Oltana 保養品雜誌廣告
ALTA 百貨浴衣展
CREEK 美髮店形象海報
NIGN 公司十週年賀卡
佐藤可士和印刷實驗海報
CH2 文字排版
繩文遺跡展
日本建築文化週 2017/2018
巴西原住民長椅展
「文字排版的教室」研討會
The Viridi-Anne 時裝發表會邀請函
中山英之建築展
阿爾貝托‧賈克梅第雕塑展
《殘火》舞台劇
「尾竹竹坡」畫展
長崎縣美術館荷蘭週
富山市手工祭
Kakimori 手作文具店
八王子舊書祭
《本土創新產業培育法》商業案例研究書
Steely Dan 樂團雜誌專書
《要做的事 vs 我》訪談集
《2018 廣告界就職指導》
《平面設計師才做得出的品牌設計》
《100 個設計關鍵詞》
《久野惠一與民藝的 45 年 日本手工藝之旅》
「德川家康‧尾張德川家族」藏品展
兒童水墨畫展覽
《青蛙在田地裡熬夜,漸漸到天明》舞蹈劇
「各種各樣的大叔」畫展
「真實世界的設計」平面設計展
「災難與藝術的力量」展覽
山月壁紙設計大獎
Fromhand 美妝學院宣傳海報
《世界的終結之伊豆小貓》電影海報
「澀谷自在:無限,或自我領域」藝術展
「築地秋祭」美食祭
CH3 色彩
日本建築文化週 2019
Only You 劇場
佐藤晃一展
武藏野美術大學宣傳海報
八王子舊書祭第十五回:夢
龍生派 130 週年紀念展
亞洲冬季運動會藝術指南
澀谷藝術祭
「花開」三越包裝紙:報紙廣告
八王子舊書祭第十八回:攝影
《FURISODE MODE》和服雜誌
《十二組十三人的建築家》訪談集
《色之博物誌》色彩書
CH4 留白
《歌磨》浮世繪畫集
《造化自然:銀閣慈照寺之花》花道書
無印良品《加拉巴戈》之書
《旅情》攝影集
「森之圖書室」讀書吧
《大佛比一比》繪本
《stone paper》文字編輯軟體宣傳冊
竹笹堂木版畫雜貨店
西永工業「2.5 D」金屬工藝
《其他人》喜劇專場表演
Laforet 購物中心促銷活動
CH5 配圖
「江戶的遊玩繪」收藏展
《偉大的旅程 3》表演秀
「清酒歷險」:KURAYA 清酒品牌設計
愛知縣百年藝術紀事展
豐田搖滾音樂祭 2018
THA BLUE HERB 二十週年演唱會
《Anonima Dayori》圖書指南手冊
「尋找動物」促銷活動
日本全國木芥子祭
《裝扮》電影海報
武藏野美術大學優秀作品展 2018
武藏野美術大學優秀作品展 2019
「PANTIE and OTHERS」田部井美奈個展
當代藝術學校「MAD」宣傳手冊
第一屆全國優格高峰會
「夏日大公開」環境問題宣導活動
春季環境講座 2018
春季環境講座 2019
「很高興見到你:技術/藝術」展覽
MdN 出版社賀年卡
八王子舊書祭第十三回:DIY
FLAGS 度假飯店男子選美大賽
麒麟蘋果酒
《味噌湯不配菜》食譜書
《只要下酒菜就好》食譜書
《生活的空白物語》回憶錄
「未來之子」藝術聯展
漫畫《Yocchi 之書》
Noritake 書封插畫:《不被情緒左右的 28 個練習》
CH1 平面構成
「I LOVE 日本畫」日本畫展覽
「江戶的奇跡,明治的光輝」日本畫展覽
石見美術館浴衣展
紅牛音樂祭
《息子》舞台劇
KATAGAKI JCT 現代舞表演
《明日的魔女》舞台劇
南後由和研討會論文集
花道龍生展:IKE-BUZZ
AIMING HIGH HAKUBA 藝術音樂文化祭
大名家與婚禮用具展
佐賀縣陶瓷器手工體驗活動
Mujara 咖哩餐廳傳單
《不會飛的鳥與旋轉木馬》電影海報
「樂市樂座」文化祭
「雜貨道」插畫研討會
Oltana 保養品雜誌廣告
ALTA 百貨浴衣展
CREEK 美髮店形象海報
NIGN 公司十週年賀卡
佐藤可士和印刷實驗海...