如何做出Japan Design，打動人心的日系風格好設計？

　　——日本設計學院教科書——
　　85個黃金法則＝85個你該有的平面設計基本觀念
　　原來，日本人是這樣開始學平面設計啊！

　　一開始就學對，學會日本平面設計的基本
　　極簡留白｜魔鬼細節｜情報滿載｜漫畫動感｜細膩美學
　　作者團隊包括「世界最美的書」設計銀獎得主——大森裕二
　　附加滿滿的日本範例及延伸資訊

　　▌不出國，就能學！學會日本平面設計的基本
　　不是台灣哈日，而是日系美學和漢字字型對台灣設計人來說，實在是太棒的養分了。本書是日本設計學院使用的教科書，全書由三位日本老師撰寫，其中一位曾榮獲「世界最美的書」設計銀獎，帶領讀者入門，不出國就能學會日本平面設計的基本。
　　如何做出像動漫、電玩的遊戲風版面？如何學會日系的極簡留白？如何做出資訊滿載的情報誌版面？如何做出自由編排的圖錄版面？如何在版面上運用日本人最擅長的人物角色？日本設計的配色觀為何？為什麼他們總是能把粉紅色配得恰到好處？漢字的字距行距，怎麼設定才好看？日本印刷流程為何？落版單和時程表怎麼標示？不說你不知，頁面其實具連續性又有檢索性，該如何善加利用？

　　▌跟日本學習，建立平面設計的好基礎＆好觀念
　　全書循序漸進，從認識「進入設計世界」入手，進入「文字編排」、「色彩」、「造形和構成」、「編輯和排版」5大章節，不只教授基礎認識，更傳授許多日本設計特別在意的DESIGN KNOW-HOW：像是人物角色、商品顏色、一一講述從粉紅到黑白灰9大色系的配色祕訣、日文排版的禁忌、日本印刷流程、版面的故事性……讓你第一次做設計，就學對！

好設計推薦（按姓氏筆畫排序）

　　設計浪人｜設計發浪designsurfing 主理人
　　編輯小姐Yuli｜圖文作家
　　蔡南昇｜平面設計師&薄霧書店主理人

　　原書名：《好設計，第一次就上手：85個黃金法則，日本人就是這樣開始學設計！》
 

作者簡介

生田信一  Ikuta Shinichi（Far Inc.）

　　1958年生，Far Inc.代表。東京設計專門學校約聘講師。DTP、CG、藝術等雜誌和專業書籍的作者、編輯、製作。主要編輯及共同著作有《設計人聖經》（MdN Corporation）、《標準DTP設計講座 基礎篇》、《Illustration逆向檢索設計事典》、《InDesign逆向檢索設計事典》（翔泳社）等。

大森裕二  Ohmori Yuji（Ohmori design office）

　　1953年生，多摩美術大學設計科畢業。曾任職於美術出版設計中心、UPU等公司，2002年單飛，成立個人事務所。曾獲2006德國書藝基金會「世界最美麗的書」書籍設計競賽銀獎，共同著作有《關鍵字檢索設計創意見本帳》、《色彩設計見本帳》（MdN Corporation）。

龜尾敦  Kameo Atsushi（D.C.L.）

　　1960年生，自由編輯、作家。主要編輯及共同著作有《DTP工作流桯入門》（MdN）、《DTP Font 完全理解！》（Works Corporation）、booklet《匠》系列（adobe systems）等。

譯者簡介

黃碧君

　　日文譯者，現定居東京近郊。譯有《幻想圖書館》、《那一天的選擇》、《簡單！勝負飯》、《小星星通信》、《跟媽媽去旅行》、《圓與方》、《ZERRO》、《魔女圖鑑》等書。
 

第1章  歡迎進入設計的世界
1-1 何謂設計？（What is design?）
1-2 視覺傳達（Visual communication）
1-3 媒體與資訊（Media and information）
1-4 引導視線（Control eyes）
1-5 資訊的信賴感（Reliance for information）
1-6 目標對象（Target）
1-7 概念（Concept）
1-8 編輯（Editing）
1-9 文字編排（Typography）
1-10 色彩的世界（Color world）
1-11 照片（Photograph）
1-12 插畫（Illustration）
1-13 版面配置（Layout）
1-14 永續設計（Sustainable design）
Book Review
 
第2章文字編排
2-1 日文字體（Japanese typeface）
2-2 歐文字體（Roman typeface）
2-3 歐文字體的字族（Family of Roman typeface）
2-4 日文字體的變化（Variation of Japanese typeface）
2-5 字級（Character size）
2-6 文字排版設定（Type setting）
2-7 字距（Character spacing）
2-8 行距（Line spacing）
2-9 日文排版禁忌（Japanese hyphenation）
2-10 易讀性（Readability）
2-11 可視性（Visibility）
2-12 頁面的灰階濃度（Gray density of page）
2-13 欄位編排（Setting column）
2-14 章節名、標題（Title, headline）
2-15 內文（Body text）
2-16 圖註、註解、假名注音（Caption, note, ruby）
2-17 頁碼、頁眉、索引標籤（Nombre, folio header, indexmark）
2-18 版式（Format）
2-19 Logo文字、Logo圖案（Logotype, logomark）
2-20 視覺識別（Visual identity）
Book Review
 
第3章色彩
3-1 什麼是色彩（What is color?）
3-2 色彩的屬性（Attribute of color）
3-3 色彩心理學（Psychology of color）
3-4 基調色（Basic color）
3-5 以粉紅色為基調的設計（Pink as a base color）
3-6 以紅色為基調的設計（Red as a base color）
3-7 以橙色為基調的設計（Orange as a base color）
3-8 以黃色為基調的設計（Yellow as a base color）
3-9 以綠色為基調的設計（Green as a base color）
3-10 以藍色為基調的設計（Blue as a base color）
3-11 以紫色為基調的設計（Violet as a base color）
3-12 以棕色為基調的設計（Brown as a base color）
3-13 以黑白灰為基調的設計（Monotone as a base color）
3-14 配色（Color scheme）
3-15 容易識別的配色（Distinguishable color scheme）
3-16 有效展現商品的顏色（Best-performed colors for products）
3-17 有效展現主題的顏色（Best-performed colors for subjects）
Book Review
 
第4章  造形和構成
4-1 幾何學圖形（Geometrical shape）
4-2 記號、符號（Sign and mark）
4-3 圖形文字與標誌（Pictogram and symbol）
4-4 按鍵與圖符（Button and icon）
4-5 人物角色（Character）
4-6 構成（Composition）
4-7 點、線、面（Point, line, surface）
4-8 透視法（Perspective）
4-9 群組（Grouping）
4-10 對比（Contrast）
4-11 圖案（Pattern）
4-12 紋理（Texture）
4-13 動態展現（Expression of movement）
4-14 設計圖符和圖形文字（Designing icon and pictogram）
4-15 幼稚園的Logo和Icon （Logo and icon for a kindergarden）
Book Review
 
第5章  編輯和排版
5-1 工作流程（Workflow）
5-2 實際尺寸和裁切記號（Trim size and trim mark）
5-3 書籍裝幀設計（Book design）
5-4 印刷與校樣（Print and proof）
5-5 印刷加工（Print and finish）
5-6 落版單與流程表（Page spread sheet and schedule list）
5-7 頁面的呈現 （Page direction）
5-8 構想草圖和版面配置說明（Rough sketch and layout）
5-9 閱讀動線（Navigating view points）
5-10 定位線與網格（Guide and grid）
5-11 自由編排的版面（Free layout）
5-12 圖片處理（Handling images）
5-13 文字和圖片的縮放比 （Scaling type and image）
5-14 頁面的連續性和檢索性（Continuity and traceability of pageflow）
5-15 頁面的故事性（Making a story in pageflow）
5-16 資訊豐富的版面（Large amounts of content in limited spaces）
5-17 運用留白的版面（Small amounts of content in extravagant space）
5-18 遊戲風的版面（Playful layout）
5-19 營造復古風（Creating nostalgic atmosphere）
Book Review

參考文獻
用語解說

前言

　　《日本人就是這樣學平面設計》書中以淺顯易懂的方式解說設計的基本思考，讓有志進入設計界的人士，或是對設計有興趣的人，或想一窺設計領域的人能輕鬆閱讀並學習。

　　設計其實是一個可以從各種角度來切入探討的深奧主題。依目的的不同可以有各式各樣的答案，依設計師的不同也會有不同的呈現。站在設計開端的初學者，剛開始會覺得很迷惑，原因就在於設計是個深奧又沒有標準答案的主題。

　　但是，設計最大的目的在於資訊的傳遞。因此頁面是否容易閱覽便成為重要的課題。換句話說，設計的技巧即在於藉由頁面或畫面來達到打動人心的訴求。

　　要學會設計的技巧並非一件容易之事，原因在於設計的對象，也就是設計的領域範圍很廣，牽涉到整體視覺的所有要素。視覺要素除了顏色，形狀，構成之外，也包含了文章，文案，Logo等文字要素。本書將這些要素整理分類成「歡迎進入設計的世界」，「文字編排」，「色彩」，「造形和構成」，「編輯和排版」五個章節，希望讀者由淺而入，漸漸對設計有更深的理解。當對每一個各別的要素有更深的理解時，相信各位也就能產生自信。

　　許多人很關心設計，在工作中積極採用設計的手法，在現今及未來的商場上，設計將佔越來越重要的地位。本書以平易近人的解說，希望每一位讀者都能理解設計，並樂在其中。讓我們一起打開設計之門，並希望之後能針對設計交換彼此的想法。
 

1-4 引導視線 Control eyes引導視線紙本的平面媒體，重要的是先引起讀者注意。當讀者隨意翻閱報紙或雜誌時，最先引起讀者注意的契機，應該是讓人有「哇，這是什麼？」或是「真的嗎？」的感覺。在廣告頁面上，如果讓人第一眼受到吸引的要素是照片或插圖，稱為「Catch vision」，如果是文字，則稱為「Catch copy」。紙本媒體的雜誌或報紙，報導的標題需要有「Catch copy」的效果；如果是書，則要靠書的標題或副標。因此在決定標題時，通常需要花時間再三咀嚼，嚴選出最有Sense且吸引力十足的文案。在一頁充滿眾多資訊的廣告或是雜誌的報導中，讀者在受到吸引後，要如何誘導讀者視線移動，架構整個畫面的呈現，就要看設計師的功力了。如果是為了讓讀者購買商品，就要讓讀者得知商品或服務的內容，還有實際購買的方法。此時，如何有系統的整理資訊（編輯作業），做出易於閱讀的版型（設計作業），都是考量重點。事實上，或許讀者不會按編輯或設計師的想法進行閱讀，但是，列出資訊的優先順序，讓讀者能自然而然依序閱讀的版型，是不可或缺的設計作業。了解誘導視線的法則我們先試著思考，當讀者看著頁面時如何移動視線。以文字為主的頁面，將文字放大自然會引起讀者的注意，這一點很容易理解。相同大小的文字，如果調整文字的顏色或濃淡，也可以達到凸顯效果。視線的流動依文字直排或橫排有所差異。一般來說，以文字為主的頁面，直排的視線流動會從頁面的右上到左下，橫排則從左上到右下。舉一個簡單的例子，就拿漫畫來說吧，漫畫的頁面其實隱含閱讀進行的規則。規則其實很簡單，當翻開跨頁的漫畫時，視線自然會從右上開始讀，隨著漫畫分格從右到左、從上到下依序移動，這是因為對白文字是直寫的關係，和第2章關於段落構造的說明是相同的原理。在橫寫的歐美英語圈，這種漫畫的閱讀規則就會改變，英文的閱讀順序是從左到右，因此，漫畫分格的閱讀方向剛好和日本漫畫相反。因此理論上，直排的頁面起頭在頁面右上方；橫排的頁面起點則是在左上方。當然，實際的頁面呈現或許會放在不同的位置，但是，在這樣的情況下，標題的文字就必須放大，讓它在整頁中有最突顯的效果才行。