日本版面的法則: 大師級解密, 最好用的分解圖, 從版型、字體、色彩、留白到配圖, 帶你學好、學滿 | 誠品線上

Originality in Japanese Layout Design

內容簡介

內容簡介 【大師級解密，破譯日本版面美學】 最好用的分解圖 × 原創者專業解析 原研哉、古平正義、木住野彰悟、田部井美奈、佐藤大介、棈木寬和、羽田純 大師帶你看懂法則背後的創作原理 群組關係∣幾何規劃∣文字走向∣版面軸心∣放射或漸變∣ 留白∣對稱或重覆∣色域選擇 這些「基礎問題」，都是破解千變萬化的日式版面之道 不只驚嘆日式版面的破格演出，各類平面領域一道通關 100+商業案例 × 5大版面要素分解圖 再輕飄的風格都能緊緊抓住，再蹦跳的風格都有規則可循 ▌沒學會，每次設計都要重新來 各種平面設計領域一次打通，從電影海報、書籍設計到餐廳menu、音樂節門票、保養品、服飾品牌廣告、徽章設計，各行各業，各種風格，各種平面大小，一一示範拆解千變萬化的日本版面之道。如何讓落落長文案秒變最有力的「圖像表現」？商標位置怎麼放？字體風格怎樣與產品搭配？色彩如何表達商品訴求？俗艷的漸變色有哪幾種「正確使用方式」？如何使用超過十種顏色，版面依然乾淨？不同商品的適用色域其實有跡可循？「留白」不是唯一妙計？學會日本也很會的超密麻排版才是真高手？留白何時用於突顯焦點，何時用於締造想像空間？字體的筆劃撇捺怎麼拉，才能給出正確心理暗示？ ▌8大平面手法，活潑運用，變化無窮 重複──相同元素重複布局。 近似──多個相似元素組合，形成相關性。 漸變──一個元素有規律地變化。 放射──以一點或多點為中心，向四處擴散或向中心聚集。 軸向──將模組元素布局於中心點周圍或其兩側。 密集──基本元素自由排列，形成疏密不一的畫面。 對比──任何的大小、方向、疏密、虛實、造型、色彩、肌理等都能構成對比效果。 節奏──重複的主題或元素在規則或不規則的間隔上出現。 「不會固定持續地喜好單一的價值觀，這也是日式審美意識的特色吧。」 ▌分解圖畫出來，秒懂日式版面法則 日式版面風格為何跨度如此大？可極簡療癒，也可極盡華麗搞怪，該正經時又能質感超群。日式版面超前時代一小步的破格驚艷感，並不只是「民族特技」；從「平面構成、文字排版、色彩、留白、圖像」五大排版要素，從布局、幾何規劃到文字方向，直接畫給你看，一目瞭然，破譯日本版面美學： ‧圖像如何超魄力？試試將圖像反過來當成「尺規」，用圖像來定義版面配置 ‧文字滿版縱橫還能「超整齊」又「超易讀」？其中暗含了「負空間」的運用 ‧版面如何強勢擄獲視覺？試試將本該隱形的排版法則直接「具像化」 ‧文字の魄力不猶豫：大膽加底線、加橫幅、或讓字直接超出版面 ‧文字の低調即亮點：思索版面的視覺閱讀順序，就能在版面最低調處找到最亮眼的位置 ‧系列海報中一眼即辨的「孿生感」從何而來？請大膽套用「互補色」 ‧版面中的寫實照片太過突兀？看日式版面如何讓它「圖像式地」與版面融合 ▌五大排版要素，深入日式版面邏輯 ‧版面構成 「重覆、近似、漸變、放射、軸向、密集、對比、節奏」等版面技巧如何排列組合？採用「對角構圖」就能為平面創造出布料般的「密織感」？為何要用「□△○」幾何圖形創造「網格中的網格」？當版面上文案滿布，利用「重複」與「字體大小對比」，落落長文案秒變最有力的「圖像表現」！ ‧字體排版 字體圖符化的訣竅就藏在「傳統寫法」裡？書籍內頁設計如何呼應封面設計？字的哪種「排列隊形」可以創造千斤壓頂感？字體的筆劃撇捺怎麼拉，才能給出正確心理暗示？時下流行的中英融合字如何做到「絕不硬拗」？ ‧色彩 如何利用色塊的組合與對比打造海報的「空間感」？俗艷的漸變色有哪幾種「正確使用方式」？哪種形狀的構圖與配色，適合創造「鏡象感」？復古風配色搭上Risograph印刷機的「錯位」效果，是內行人必懂的超絕應用？使用超過十種顏色，版面依然乾淨明亮？日式版面如何思考色彩與印刷材質效果？ ‧留白 留白不是憑直覺，利用網格來「算」留白比例？留白時的視覺焦點與視覺動線如何安排？留白何時用於突顯焦點，何時用於締造想像空間？ ‧配圖 圖像看起來好像在動，Z字排列＋「近大遠小」概念就能創造縱深動感？如何有效運用主視覺旁的「裝飾性紋樣」？圖像細節刻意缺失，更能增加想像空間？「像素」除了是風格，也要能是版面各元素間的「過渡」？華麗圖像沒祕密，一個圖像竟能同時採用「手寫字、手繪插圖、向量繪圖、產品實物照」超雜燴手法？

作者介紹

作者介紹 gaatii 光體2017 年成立於中國廣州。專注藝術、科普、設計三個領域的原創內容生產，致力於通過多種形式為讀者提供優質的知識體驗。我們認為，一本好書的圖文與設計應該渾然天成、內容深入淺出、訊息量充足且充滿驚喜。內容的藝術性與可讀性是我們的追求方向，產品功能性與藝術性的統一是我們的目標！

產品目錄

產品目錄 CH1 平面構成 CH2 文字排版 CH3 色彩 CH4 留白 CH5 配圖

商品規格

試閱文字

自序 : 日本平面設計的「粋」

笨拙的手繪線條，由圓形、三角形、四邊形等基本圖形組合起來的簡單造型，用基本字體呈現的文字，像電腦初學者做出來的生澀版式。這種一邊在構圖上追求高度平衡感，一邊又刻意表現成「肩膀失去力氣」般的「肩無力系」設計手法，在我看來似乎已變成近年來日本平面設計的一種傾向。
這種「肩無力系」設計（在這裡先這樣稱呼它），捕捉著如今時代的氛圍，並與之共鳴，也被時代認可。當我自己思考這種設計的生成背景時，彷彿看見它與「侘茶」的誕生前夕相重疊。
所謂「侘茶」，是一種講求簡素清寂境地「侘寂」精神的茶道流派，為了與奢侈的「書院茶」相抗衡而開始在日本桃山時代流行，被認為由茶道大師千利休創立。可以想見，侘茶的始興，是對崇尚華麗的桃山文化的一種反抗式對立。也就是說，與其窮奢極欲、盡顯華貴，還不如在四疊半大小的空間當中，用最小的陳設，表現出宇宙般的最大世界觀，那才更加了不起（cool）──大概這就是千利休的想法吧。
我感到「肩無力系」的設計表現與此有著類似精神。由於社群媒體的普及，現在的人們更容易表現自我，也更容易看穿這些表象，故而產生了對任何用心的東西都冷眼旁觀的風氣。在這種風氣之中，比起把什麼東西做得更精細、更美化，還不如表現出事物的真實面貌、或是表現出自己的內在感受，這樣就好。「肩無力系」就是類似這樣一種態度。
不過，「肩無力系」的設計在此之後會不會繼續大放異彩，沒有人能確定。不會固定持續喜好單一價值觀，這也是日式審美觀的特色吧。
在日本重要的審美觀念中，有所謂「粋」的概念。「粋」在辭典上解釋為「無論是本身還是周遭氛圍都是清爽俏皮的」，但也有一種色氣（誘惑）在其中，而根據九鬼周造在《「粋」的構造》中所述，「粋」是由「媚態」、「骨氣」、「死心」三部分構成的。「媚態」就是色氣；而「骨氣」就如字面意思，是志氣、驕傲之義；以及「死心」，雖然有許多不同解釋，我個人認為是指對事物不拘執，能簡單地抽身離開。簡而言之，並不特別執著於什麼（有時只是因為驕傲而不願執著），善變的人們輕易地就在新的價值觀中感受到誘惑，這樣就能稱之為「粋」吧。還有另一種強調執著之用的價值觀就是「野暮」（「粋」的反義詞，直譯為不通世故、不近人情，可以理解成老頑固）。這樣想的話，「江戶人不留隔夜財」或者「江戶人就像五月的鯉魚旗（隨風飄擺）」之類的俗語，就是江戶時代「粋」的風流精神表現吧。
「侘茶」和「肩無力系」也是這樣，並非真的是絕對出色的東西，只不過是斷然脫離某種價值觀而被新的價值觀引誘，這樣的狀態具有「粋」的品格，所以才會讓人感到瀟灑吧。
在 2018 年和 2019 年參與的「武藏野美術大學優秀作品展」上，我試著擺脫現有的價值觀，對新的事物進行了探索，回頭看或許正是屬於我自己的「粋」之實踐吧。將注意力集中在自己腦海中的顏色和形狀上，以不同於「肩無力系」的筆觸進行創作。最後嶄新的設計風貌獲得獎項肯定，證明這次嘗試的成功。
最近開始重視的事情之一，就是有意識地關注腦內在意的東西。原因很簡單：2015 年的東京奧運會徽事件，讓我不只是單純盡量避免從現有事物中汲取靈感，我也更為積極地「關注自己」，以獲得新價值的啟發。
人的頭腦之中，總能靈光乍現，或許是某個特定時刻的必要事物，或許是出於完全的無意識、毫無道理就那麼存在的事物。雖然話題有點扯遠了，我不知道為什麼，但據說在人工智慧之間的對話中有些現象是人類無法理解的。不過我想像我們可以通過大腦中的東西，「無意識地」認識它們。這些超出人類智慧的東西，是我們人類無法用現有詞彙去解釋的。如果我可以捕獲那麼一點在我腦海中來來去去的微弱知覺，我就能發現新東西。之後若能再從中獲得對這個新世界的記述方法（世界觀的表現方式），那麼作為設計師，沒有比這個更重要的了。諸多價值觀就在腦中的已知事物與未知事物間搖擺不定，我們浸濡其中，而在被愚弄的過程中，也開拓出新的表現方法，這或許就是我現今的「粋」之所在。我越來越期待自己今後的探索之旅了。
──棈木寬和 ｜ABEKINO DESIGN 創始人‧ 設計總監

試閱文字

內文 : ▌《十二組十三人的建築家》
這本書收錄了二十世紀多位傑出建築師的訪談，每篇以八頁照片開始，訪談文字均佔三十二頁。中野設計事務所受託完成該書的裝幀與排版設計。

版面分析：
① 書的裝訂方式採裸背線裝，書衣上建築師的名字以漢字呈現，與封面的英文拼音逐一對應。
② 十二組建築師分別搭配一種色彩，在書口處形成彩虹般的色譜。

全書內頁沒有設置底色，而是在內頁邊緣處填上的色條。

書脊處的色彩也是經過精確計算得出：在每台第一頁和最後一頁的折線上，填上與書口對應的色條，裝訂裁切後書脊也呈現與書口一致的色譜。

▌The Viridi-Anne 新品發布邀請函
設計師大原健一郎為日本時尚品牌 The Viridi-Anne 的 2019 年春夏系列新品發表會設計了邀請函。本季度新品主題是「時間」。不規則設計的邀請函，打破常規，讓人眼睛為之一亮。

版面分析：
① 輕微傾斜且不對齊的加大字體橫排於版面，不規則的造型由四張紙手工拼貼而成，整體體現了服裝由布料拼貼的特點。
② 黃色的文字通過網版印刷，印在手工拼貼好的紙張上，這個做法避免了不同尺寸紙張拼貼時的文字錯位。


▌繩文遺跡發掘和展覽
這是設計工作室 UMMM 為一場文物展覽設計的一系列宣傳海報。在這次文物考古中，考古學家發掘了大量日本繩文時代的遺跡碎片。基於「地上的藝術和地下的考古」概念，這些文物被現代藝術家們用棍子支撐，在展覽中展示，目的是為了還原碎片在泥土中的傾斜角度和方向。

版面分析：
① 橫向、縱向的文字排版和紅、白、黑三色，展示出版面資訊的層次。根據設計概念，文字集中在版面上部，代表著「地面」；版面下部則呈現文物。
② 海報中的圖片採用了銀色油墨進行印製，讓圖像多了一層金屬質感，這種做法傳達了現代與過去的融合。


▌佐藤可士和印刷實驗海報
「平面實驗展」（Graphic Trial）是 TOPPAN 凸版印刷株式會社舉辦、邀請創作者共同參與的年度實驗展覽，目的是深入探討平面設計和印刷技術之間的關係和可能性。設計師佐藤可士和受邀參展，他的主題是找出印刷品質的極限，他評估的實驗項目包括：多層印刷的密度、同色油墨比較、格線與字級大小的限度、不同線條每英吋間的差異、每次印刷過程墨水量的變化情況。

佐藤可士和將實驗結果視覺化，以平面海報的形式呈現。在海報裡，他將明確的指標數值可視化，為原本著重依賴個人直覺的傳統印刷方法，注入了新的交流維度，並將印刷技術的框架展現出來。


▌Mujara 咖哩餐廳
位於日本京都，主營辛辣的咖哩料理。開業時，設計公司 sato design 製作了這套宣傳單。
「印刷宣傳單時，我選擇了 Risograph 印刷機和螢光油墨。」──佐藤大介

版面分析：
① Risograph 簡稱 Riso，是一種一色一版的數位速印機，印刷兩色以上容易出現
錯位。
② 螢光油墨和錯位效果讓畫面充滿質感，層次豐富。

「我們有意將草寫風格的文字和看起來很怪的字體結合起來，為的是傳達一點神祕感，這也正好貼合餐廳的形象。」─佐藤大介


▌南後由和研討會論文集
這是一本論文集，收錄了明治大學副教授暨社會學家南後由和主持的研討會畢業論文，內容主要表達社會學家們的思想，例如他們對於調查與分析廣闊社會領域是如何思考的。

版面分析：
設計團隊利用平面構成方法中的「重覆」和「大小對比」設計了封面。

據設計團隊介紹，封面上的圖樣，是由每篇論文的標題組成；作者的名字及其頭銜決定了圓圈大小；書口上條狀圖般的索引設計，便於讀者查找資訊。

最佳賣點

最佳賣點 : 【大師級解密，破譯日本版面美學】
最好用的分解圖 × 原創者專業解析，100+商業案例 × 5大版面要素分解圖，不只驚嘆日式版面的破格演出，各類平面領域一道通關