Archive for August 30th, 2016

【BJ/KR】書籍設計研究之旅_03——祖父江慎篇

Sobue_01

Sobue_02

IMG_6744

Lu_and_Sobue_01

Lu_and_Sobue_02

Lu_and_Sobue_03

Lu_and_Sobue_04

Info_Graphics_Assignment_31july16_Print

Sobue_and_Me_01

Sobue_and_Me_02

祖父江老師送我的作品集《祖父江慎+コズフィッシュ》:

Sobue_Portfo_Cover

Sobue_Portfo_Sign

Sobue_Portfo_01

Sobue_Portfo_02

Sobue_Portfo_03

Sobue_Portfo_04

Sobue_Portfo_05

Sobue_Portfo_06

Sobue_Poster_01

Sobue_Poster_02

Sobue_Poster_03

Sobue_Poster_04

「書籍設計並不是說明書的內容,而是要傳達用文字無法傳達的內容。」
——祖父江慎,日本cozfish設計工作室創辦人

今天三月,當我上網流覽這期「敬人書籍設計研究班」的資料,赫然發現,這次被邀擔任國際導師的,竟然是日本鼎鼎大名的祖父江慎先生。嘩!不得了!呂老師果然擁至強人脈!這次一定要參加,立即報名。

以出色的漫畫書設計而聞名的祖父江慎,常不按常理出牌,設計出極富幽默感的書,帶給讀者無窮快樂,簡直就像日劇《重版出來》所走出來的人物一樣啊!(笑~)

首先讓我簡單介紹一下祖父江慎老師:1959年,日本愛知縣出生。1979年,入讀多摩美術大學。1981年,由於對杉浦康平的設計(特別是《遊》雜誌)的崇拜,因而加入「工作舍」工作,導致大學中退。1988年,成為獨立設計師;1990年,成立設計工作室「cozfish」至今。

風趣搞怪的祖父江慎老師

祖父江慎可算是日本書籍設計界的老頑童,喜感與戲劇性兼備,第一天來到學校已搶盡風頭,同學們爭相的要跟他合照。老師簡直像一顆閃閃耀眼的大明星,流著稀疏的長髮,穿著夏威夷Feel的花恤衫,面部表情多多,趣怪生動,像《半澤直樹》中的大和田常務,每條皺紋也在演戲;再加上搞鬼的姿勢,時而像學生妹夾胸,時而做柔軟體操動作,收放自如,完全沒有一點尷尬,放得很開!

祖父江老師與Roland老師完全是兩路人,兩者設計剛剛相反;在祖父江老師的設計中完全看不到絲毫的平淡,他所設計的書非常搞鬼有趣、既驚且喜、一看即讓人目眩著迷!讀者一看就明白,其實令人開心的設計就是這般簡單。

課堂一開始,祖父江老師就提出最基本的問題:「書籍設計是什麼?」一般人可能會說書籍設計就是對內容的整理,但是設計師單是整理內容是不足夠的;例如懸疑小說,書籍設計不能告訴讀者犯人是誰,如果把它的內容說明出來就沒有意思了。他認為,書籍設計並不是說明書的內容,而是要傳達用文字無法傳達的內容。這些文字沒法傳達的內容,往往通過圖像、數據、計算、觸覺等與眾不同的方式,將訊息傳遞給讀者。當讀者發現書本能有一個自己從未接觸過的世界的時候,會感到驚喜與感動。

在老師的觀念中,書籍設計並不是把自己腦中原有儲備變成實體這麼簡單,而是要把自己沒有的、對外部的感動所產生的反饋,化成造形設計。他反對做事因循守舊,大家試想像一下,能做出跟自己想像一樣的東西,這是我們追求的嗎?一本書完全跟自己想像與掌控的那樣,還有有意思嗎?設計師不能一味做跟自己想像一樣的東西;而要挑戰、要突破、要改變!

祖父江老師語重心長的提醒我們:

在設計的過程中,我們需要尋找意想不到的驚喜,感知意外的趣味;我們需要這種力量。我們應嘗試享受這種「不理解」,我們要跟這種「糾結」做朋友,我們或會覺得「不滿意」;但我們要對這種狀態抱持欣賞、品味的態度。請不要怕出問題、不要怕搞不好、不要怕障礙頻生。如果怕的話,就不可能成為好的書籍設計師了。就是不要怕,怕就做不好。請大家睜開眼睛,放開雙手,勇敢面對所有意想不到的事情!

以上這段話,簡直就是日劇裡的勵志對白!若設計師能時刻謹記著這智者箴言,在迷失時或能救回一命。設計之路注定荊棘滿途,有時就是憑著一點小力量,才能走下去。

祖父江老師從事書籍設計的工作達三十年之久,作品無數,他在第一天的課堂就選取了當中有趣兼有代表性的,給我們逐一介紹。他每本書也有其巧思,可愛玩味的字體運用、富節奏感的編排設計、創新的紙張研發、意想不到的加工效果;我們想到的、想不到的、敢做的、不敢做的,他也通通在嘗試,挑戰既有的框框。我們真正要學習的,不是那些表面的加工特技,也不是操作技法,而是背後的點子,那讓人嘩然的「Insight」!看著老師的書,聽著幽默的解說,在歡笑聲中,學習讓人意想不到的思考法。

這三天工作坊的主題為「攻拙的喜悅——用積極的喜悅的方式詮釋醜拙的事物」,完全符合老師風格的一道題。

作業指引如下:

「在我們的日常生活中,經常會遇到很多不盡人意的事和物,要嘗試從中分析抽象化的概念,把它轉化成具體的值得去表現的積極經驗,並發現有趣的不可思議的可引起他者共鳴的經驗讓我們一起來思考。

以人們所嫌惡的不被人所接受的蟑螂為例。若想要以蟑螂為主題創造出流行品牌,那麼就不要對蟑螂敬而遠之,而要全神關注並思考找出只有其才具有的閃光點、這樣就能創造出為大眾所接受的新境界,這點很重要。有製書方面經驗的人可以關注蟑螂振翅發出的音響而嘗試設計書。也可以關注蟑蝍本身的質感而做出封面設計,還可以意識到蟑螂的腹部有規則的起伏而形成圖文配置的版面。蟑螂的羽、色彩、腳部及其動感等都有其通向美學之道。蟑螂只是一個例子,在日常生活中,讓我們嘗試聚焦生活中有意無意的事物,轉換思考方式從中獲得啟發吧。

以書的形式可以各自嘗試製作出以被人們嫌惡的蜘蛛或蟑螂,甚至於便便的書籍,並賦予其新意。以任何令人討厭的生物為軸,可以嘗試將其用於多種設計領域的展開。」

這次所造的書的主題是,我所嫌惡的生物——蒼蠅。

我覺得這短短三天的工作坊,並沒什麼時間讓我猶豫,最重要的是認清自己所要做的主題,之後便堅定地做資料搜集(Research),再專心努力的去做。我認為切忌被身邊太多其他東西動搖,左想想右想想,想得太多,最後反而沒時間去實踐(Execute);這很容易浪費向好老師學習的機會。

HouseFly_Draft

由於在香港已預先知道功課要做什麼,所以我早已找了一些關於「蒼蠅」的資料。我就在第一下午、與第二天上午,用心仔細的閱讀與理解蒼蠅的特徵,如牠的身體結構、生命周期、習性、顏色、質感、尺寸、噁心的地方等等,慢慢消化及醞釀如何設計這本書。第二天,當資料看得差不多、大概知道自己想做什麼之後,再買了我需要的紙材後,就去找兩位老師導修(Tutorial)。我拿著資料與我所畫的草稿,去跟祖父江老師商量。他看到、聽到我已準備的東西,他很欣賞,覺得我準備充足,是有心做好書之人。他覺得可以把很多「蒼蠅」的有趣信息,作為書的內容,會很有意思。把噁心的資訊變得有趣吸引,這是我今次的工作。另外,我也找了呂老師做導修,他帶領我推倒框框,開闊也思考這書的內容。我擬訂了此書叫《飛在空中的屎》(Flying Shit),這是一個比喻,因為蒼蠅排很多屎,很容易傳病,所以我覺得牠們其實是一粒一粒飛在空中的糞便。呂老師著我想得闊一點、遠一點。除了蒼蠅的故事以外,開闊地想,還有什麼像是飛在空中的屎呢?鳥兒飛過所排的鳥糞、飛機在空中所掉的排泄物、沒有公德的人在二樓倒的污水、以至戰鬥機所掉下的炸彈,通通是「飛在空中的屎」。呂老師教我不要規限自己的思考,要勇於突破想像。我真的受教了,聽過兩位老師的意見後,我有意想不到的收穫,更加了解自己要做什麼。

接下來的時間,就是做做做、衝衝衝!我主要有兩部分是做,1) 內文版式設計,我自己認為不用很多,30pp以內就好;2) 要裝訂出一整本厚厚的、小小(A6)的黑色小書,以顏色紙材表現蒼蠅的感覺。

那天晚上也就回家做做做。我跟香港兩位朋友在北京租住的是b&b,他們兩個也是很認真的設計師,大家為了這個作業,也通宵達旦的做。要找合適的文字、圖像、剪裁、排版,還要達自己的要求,一天時間要完成,實在不易。做到半夜三更,兩個朋友也先後敵不過睡魔的來襲,走去睡一會。我其實也很睏,身體快支撐不住了,但也要迫著自己摺紙、打孔,再把一帖一帖的小冊縫成書。我一邊半躺在床上,一邊縫、一邊眼皮不自覺的掉下;嘩,真的很辛苦很睏;這樣的狀態不斷循環,慢慢做,直至把書縫完。最後那天晚上只睡了兩小時,其他時間也在拼命的做,務求達到最好的效果。第三天早去還是拿檔案去印刷,還要做後期製作,真的做到喘不過氣來!!

HouseFly_Book_01

HouseFly_Book_02

HouseFly_Book_03

HouseFly_Book_04

HouseFly_Book_05

HouseFly_Book_06

HouseFly_Book_07

HouseFly_Book_08

HouseFly_Book_09

HouseFly_Book_10

HouseFly_Book_11

HouseFly_Book_12

HouseFly_Book_13

HouseFly_Book_14

HouseFly_Book_15

HouseFly_Book_16

HouseFly_Book_17

HouseFly_Book_18

HouseFly_Book_19

HouseFly_Book_20

HouseFly_Book_21

幾經辛苦,《飛在空中的屎》終於完成(見上圖)。書的造型是參照蒼蠅的形態去做,封面是我切的一條條毛,毛下面,我特別鋪墊了一張銀黑色橫條的紙,讓人有特別噁心、毛骨悚然的感覺。書的內頁也選取了不同的黑色紙去表達蒼蠅身體不同程度的「黑」。書的尺寸是A6,跟蒼蠅一樣,細小的。翻書時,當讀者越揭越後時,可以把裡面一隻隻腳跟翅膀拿出來,就變成一本真真正正的蒼蠅書。內文版式我做了很多Information Graphics,用身體結構圖、不同的數字表現蒼蠅的資料、也畫了一些Vector Graphics的插圖,盡力做到有意思的內容。最後,祖父江老師覺得很有驚喜、很欣賞,一天的時間做到這個模樣,真的很不錯了!

這次的點評,沒有這麼簡單地結束;原來祖父江老師特別從日本帶了一些獎品來,獎勵功課做得優秀的學生。驚喜之外的驚喜是,老師最後揀選了我的蒼蠅書做全班第一名,而作為金獎作品的獎勵,他送贈了其作品集給我!嘩!嘩!嘩!簡直意想不到!這是超級的開心的驚喜!我無法想像能得到祖父江慎親手送的作品集!(他花了十一年時間才完成的作品集《祖父江慎+コズフィッシュ》,共408pp,2016年4月出版。)這也不是獎品貴重與否的問題,而是得到書籍設計大師的肯定,這是無價的。我實在無法用什麼言語去表達我興奮的心情,總之睡了兩小時也是值得的!

祖父江老師在頒獎時說:「雖然這並不是完美的作品,還有很多有待進步的地方,但你有潛力去做得更好!我期待著。」我會深刻的記著,受教了。

{待續⋯⋯四篇之三}

【BJ/KR_書籍設計研究之旅2016_Design_Note_03】

Advertisements

【BJ/KR】書籍設計研究之旅_02——Roland Steiger篇

Roland_01

Roland_02

Roland_03

Roland_04

Roland_05

Roland_06

Roland_07

Roland_08

Roland_09

Roland_10

Roland_and_Me_01

Info_Graphics_Assignment_31july16_Print

以下是Roland Steiger的書籍設計作品:

Roland_Book_01

Roland_Book_02

Roland_Book_03

Roland_Book_04

Roland_Book_05

Roland_Book_06

Roland_Book_07

Roland_Book_08

Roland_Book_09

Roland_Book_10

Roland_Book_11

Roland_Book_12

Roland_Book_13

Roland_Book_14

Roland_Book_15

Roland_Book_16

Roland_Book_17

Roland_Book_18

Roland_Book_19

Roland_Book_20

Roland_Book_21

Roland_Book_22

“The best judge is your eye.”
Roland Steiger, Swiss Book Designer

每期敬人書籍設計研究班都會邀請國際重量級的書籍設計師來當客席導師,分享造書心得,各自指導幾天的工作坊。我記得,歷屆研究班曾經請過不少猛人過來授課,如荷蘭知名女設計師Irma Boom女士、曾任德國圖書藝術基金會主席的Uta Schneider女士、杉浦康平的徒弟鈴木一志先生等等。這次第七期研究班請來的是瑞士的Roland Steiger(羅蘭特・斯泰格爾)先生,和日本的祖父江慎先生。以上有一幅比較Roland Steiger與祖父江慎的信息圖表,是我在郭瑽老師的Info-Graphics課堂,用了一個下午的時間去設計的。設計當然並不完美,但就能以一張圖表把兩位老師的樣貌、背景、歷史、風格異同作清晰對比,讓大家一目了然。

嚴謹認真的Roland老師

Roland Steiger是瑞士著名的書籍設計師、字體設計師、及德國萊比錫「世界最美的書」評委。2014年,呂老師與Roland同時被邀到萊比錫「世界最美的書」比賽中當評委,兩人因而認識。及後呂老師更到Roland在瑞士的工作室拜訪他,去年(2015)又在韓國書展第三次碰面;呂老師因而邀請他來北京,指導這為期三天的工作坊,主題為「如何使一本書與眾不同?What makes a book unique?」。

在課堂上,Roland首先闡述了書籍設計的基本原理:包括書的開本尺寸、長與闊之間的比例、順逆紙紋知識、拉丁字體小歷史、不同字體的可辨識性(Legibility)、字距對閱讀的重要性。這堂比較重要的部分,是他介紹了基本的頁面版芯是怎樣建構的——Villard’s Cannon的黃金比例版面。他強調,黃金比例只是基本的知識,並不是萬能的,有很多排版上的問題是解決不了的,所以需要不斷調整四邊Margin的比例關係、及網格的運用與變化,這樣才能更有效地作排版設計。接著下來,Roland讓我們預先帶來一些書籍,分享討論其中設計的好壞。在分享與點評的過程中,我們發覺,Roland很著重書的用紙、印刷以及裝訂手法,非常細緻的檢查我們所帶來的書,極其嚴謹。

以我理解,Roland並沒有教什麼書籍設計上的Gimmick(吸引人的花招),而是教最基本、最扎實的Typographic and Grid System的知識,做好最基本的設計本份,深耕細作。他認為,這就是令一本書「與眾不同」的不二法門。

Roland的書籍所呈現的是一種簡約、穩重平實、富現代感、著重細節的書藝美學。當讀者仔細地看其版面上的佈局,會看得出他用很少裝飾性完素,以極簡節制的手法去編排圖文,讓正負空間(Positive/ Negative Space)控調得濃淡適中。最重要的是,Roland對每一款字型(大題、副題、內文)的選取、字距行距的調整,皆一絲不苟。讓人閱讀起來很舒服,沒甚違和感。這是我們要細心看字型細節才懂得欣賞的一種美。

從其德文書籍的排版中發覺,他很多時用於段落Alignment的是「齊頭散尾」。這樣是比較正統的西文排法,字距亦較容易調好,鲜會出現在字與字之間的一個一個洞的字距災難(Roland所說的 “Swiss Emmental Cheese”)。而同時,為了讓它的「散尾」散得更有節奏力,他用很多「-」Hyphenation(把太長的字斷字到下一行),這樣當然比較漂亮。可是,此處亦是設計師常常會與客戶爭論的地方。我們當然覺得沒問題,但客戶就會覺得「斷字」不好讀。Roland的解答是,他也常常遇到這樣的狀況(原來天下客戶一樣黑,笑~)。經驗來說,Roland覺得英文還好,每個字由比較少字母組成,不會太長,相方可以盡量遷就;但他強調,德文因為每個字也很長,根本不可能不用Hyphenation,這「斷字」是無可避免的。

上畢第一天課,我們當然要做功課,就是要在這剩下的時間內完成一本24pp的小冊子,指引如下:

「設計一本至少24頁的小冊子。內容不限,每個參與者要準備感興趣的主題的文字、圖片或者插圖(肖像畫或風景畫均可)。文字內容至少應包含5個篇章,共2萬字(包括字和行間距),兩類標題(標題和副標題),版面格式不限。」

“Design a brochure with at least 24 pages. The content is your choice, bring your own text, images and illustration for the subject you are interested in. The text should have 5 chapters and total around 20,000 characters (including word spacings) and two title categories (title and subtitle). The format is free.”

這其實是一份著重基本功的版面設計(Editorial/ Layout Design)的作業,以我對Roland課堂的理解,字體的選取、版芯的構成、網格系統(Grid System)是這次作業的重點。這次並非要求花巧的設計,而是平實細膩、且帶變化的版式設計。

早在Roland來上課前,呂老師在第二天已安排了劉曉翔老師、及楊林青老師先給我們上關於「網格系統」(Grid System)的課,他倆的課很有實用,楊老師更分享了關於雙語排版設計(Bilingual Editorial Design)的心得,第一次掌握到基本的竅門與技巧,也可即時運用於這次的作業中。

這工作坊主要作導修(Tutorial)與點評(Critique)的當然是Roland老師及呂老師,一位是歐文Typography的專家,另一位是中文排版設計教父;我們當然想這份功課能讓兩位皆看得懂,且能從評語中吸收兩位大家之長。因此,我跟另一位朋友,決定做雙語設計,把這兩天的所學作實踐,挑戰一下自己。

對要求有初步了解後,我選取了以前在舊公司的一本書做今次的功課——《九龍巴士同行八十年》(80 Years with Kowloon Motor Bus)。此書恰巧有中、英文兩個版本,我就按需要抽取部分的圖文,設計此24pp的小冊子。開本尺寸方面,我擬訂了200mm(w) x 280mm(h),這長闊比例是1:1.4,與A4差不多的大小,因為太細的尺寸根本看不出清晰的Grid System。試想像要把雙語、圖片這麼多的資訊放在一個雙版(Spread)內,一個較大的開本是需要的。之後,跟著Roland所教的基本技巧,一步一步的製定適合的Grid System。

Step 01_
根據最基本的Van de Graaf’s cannon黃金比例,以其方法找到版芯。Van de Graaf與Jan Tschichold也是用這個方法找出版芯與Margin的大小。我們把頁面切割成9×9=81份,內Margin佔一份,外Margin佔兩份,天頭佔一份,地腳佔兩份。由此開始,之後慢慢調整。

Roland_HW_Step_01

Step 02_
之後以Jan Tschichold的分格法,把頁面切割成15×14=210份,內Margin佔兩份,外Margin佔一份,天頭佔一份,地腳佔兩份。這樣的比例空間較好,可以放比我們較多的圖文資訊。

Roland_HW_Step_02

Step 03_
分好四邊Margin的多少後,我再聚焦在版芯,由於要放雙語,我認為3-Column Grid會較好,所以我設定為3或6或12-Column Grid,Gutter為5mm;版芯也被垂直切8份,這樣的Grid System能讓排版時更靈活有變化。

Roland_HW_Step_03a

Roland_HW_Step_03b

Roland_HW_Step_03c

Step 04_
網格系統基本定好後,我們要集中在Typography上。我把這24pp小冊子,分為三章,包括封面、封底、篇章扉頁的對版(Spread)、及內文版面。字型的層級如下:1.篇章的數字、2.篇章題目(中英)、3.副題(中英)、4.首段(中英)、5.內文(中英)、6.圖片註釋(中英)。字體選擇方面,由於這是關於香港巴士的歷史題材,在八十年前,巴士還未出現以前,香港的交通工具主要是人力車,是很傳統的Man-Power。直到巴士的出現,是香港其中一個工業化的表現。因此,在選擇字體上,我最終選擇了傳統經典與現代工業之間的字型,中英文皆是:中文的標題字是「華康儷金黑」(有腳的黑體,宋與黑之間的字款);英文的標題字則選了FS Lola-ExtraBold(這也是Serif與Sans Serif之間的字體家族)。首段中文是「華康粗明體」、英文也是FS Lola同一家族的Bold字體;內文中文是方正蘭亭幼黑,英文是FS Lola的Regular字體。

參考楊林青老師的教導,中英雙語的長度比例為1:1.5,同一段的翻譯,英文較中文為多。中文與英文內文在同一版面上的時候,如中、英文一樣的行距的話,因為文字形狀差異,造成不和諧的狀態。英文字母組成的字是一條條長方形,字母較簡單,小一點也能看清楚;中文較是一個個正方形,每個字的筆畫複雜,要較大才能看清楚。所以,當中文遷就英文時,中文的行距會變得太窄;相反,當英文遷就中文時,英文的行距則會變得太寬。我們要找出一個方法去解決這問題——「比例」。

以這作業為例,我以中文內文先定一個舒服易讀的Point Size、字距、行距;以此作為標準,再把英文內文樣式定好。這裡的比例是,5行中文:6行英文,那整體在版面上的灰度就會很均勻,中英文會呈現和諧感,不會覺得行距有問題。這就是雙語設計的重點所在。

Roland_HW_Step_04a

Step 05_
按照已訂好的網格系統與字型編排樣式,把已有的圖文資料放入排版,圖文排版互動要有趣而有變化,也要富留白的空間感。

在一天半的時間內,要選材、編輯、再設計排版一本24pp的小冊子,實在不容易。當然,我對設計質素也有要求,因此頗花時間,在交功課前的晚上,只睡了2小時,很久沒有這樣通宵的作業了。

完成作業:《九龍巴士同行八十年》(80 Years with Kowloon Motor Bus)24pp小冊子:

KMB_Roland_Assignment_01

KMB_Roland_Assignment_02

KMB_Roland_Assignment_03

KMB_Roland_Assignment_04

KMB_Roland_Assignment_05

KMB_Roland_Assignment_06

KMB_Roland_Assignment_07

KMB_Roland_Assignment_08

KMB_Roland_Assignment_09

KMB_Roland_Assignment_10

KMB_Roland_Assignment_11

最段,Roland老師覺得這小冊子做得不錯,點評重點有三:

1_ 網格系統運用得宜,字體編排讓閲讀舒適流暢;中英雙語內文互動有變化,讓版面豐富有趣。

2_ 現在分段又隔行、又段首入兩格;Roland認為應二選一,不宜兩者皆用,慎防功能重疊。

3_ 在同一版面上,圖片尺寸應有差異,不宜差不多,盡可能一大一小,以增強對比力與節奏感。

{待續⋯⋯四篇之二}

【BJ/KR_書籍設計研究之旅2016_Design_Note_02】


Contributor

Hei Shing
chanheishing@gmail.com

書就是… A Book is…


一片紙不但表現時間,也表現空間。而一片片的紙張組合起來的書就是一個高深的容器,盛滿文字,既能從中不斷汲取智慧,又能裝入無限的智慧。

A piece of paper reflects not only time but also space. Books are formed by binding papers together to become containers of words that serve as a reservoir as well as a spring of wisdom.

August 2016
S M T W T F S
« Jun   Sep »
 123456
78910111213
14151617181920
21222324252627
28293031  

  • 148,519
Advertisements