日本版面的法則——大師級解密,5大精彩範例,版型、字體、色彩、留白到配圖,帶你學好、學滿

{{ _getLangText('m_detailInformation_goodsAuthorText') }}gaatii光體
{{ _getLangText('m_detailInformation_goodsPublisherText') }}原點
2024年07月01日
ISBN:9786267466308
{{ _getLangText('m_detailInformation_goodsTips1Text') }}
{{ _getLangText('m_detailInformation_goodsActivityText') }}
{{ activityObj.name }}

{{_getLangText("m_detailIntroduction_goodsIntroductionText") }}

【大師級解密,破譯日本版面美學】


最好用的分解圖 × 原創者專業解析

原研哉、古平正義、木住野彰悟、田部井美奈、佐藤大介、棈木寬和、羽田純

大師帶你看懂法則背後的創作原理


群組關係∣幾何規劃∣文字走向∣版面軸心∣放射或漸變∣

留白∣對稱或重覆∣色域選擇

這些「基礎問題」,都是破解千變萬化的日式版面之道


不只驚嘆日式版面的破格演出,各類平面領域一道通關

100+商業案例 × 5大版面要素分解圖

再輕飄的風格都能緊緊抓住,再蹦跳的風格都有規則可循


▌沒學會,每次設計都要重新來

各種平面設計領域一次打通,從電影海報、書籍設計到餐廳menu、音樂節門票、保養品、服飾品牌廣告、徽章設計,各行各業,各種風格,各種平面大小,一一示範拆解千變萬化的日本版面之道。如何讓落落長文案秒變最有力的「圖像表現」?商標位置怎麼放?字體風格怎樣與產品搭配?色彩如何表達商品訴求?俗艷的漸變色有哪幾種「正確使用方式」?如何使用超過十種顏色,版面依然乾淨?不同商品的適用色域其實有跡可循?「留白」不是唯一妙計?學會日本也很會的超密麻排版才是真高手?留白何時用於突顯焦點,何時用於締造想像空間?字體的筆劃撇捺怎麼拉,才能給出正確心理暗示?


▌8大平面手法,活潑運用,變化無窮

重複──相同元素重複布局。

近似──多個相似元素組合,形成相關性。

漸變──一個元素有規律地變化。

放射──以一點或多點為中心,向四處擴散或向中心聚集。

軸向──將模組元素布局於中心點周圍或其兩側。

密集──基本元素自由排列,形成疏密不一的畫面。

對比──任何的大小、方向、疏密、虛實、造型、色彩、肌理等都能構成對比效果。

節奏──重複的主題或元素在規則或不規則的間隔上出現。

「不會固定持續地喜好單一的價值觀,這也是日式審美意識的特色吧。」


▌分解圖畫出來,秒懂日式版面法則

日式版面風格為何跨度如此大?可極簡療癒,也可極盡華麗搞怪,該正經時又能質感超群。日式版面超前時代一小步的破格驚艷感,並不只是「民族特技」;從「平面構成、文字排版、色彩、留白、圖像」五大排版要素,從布局、幾何規劃到文字方向,直接畫給你看,一目瞭然,破譯日本版面美學:


‧圖像如何超魄力?試試將圖像反過來當成「尺規」,用圖像來定義版面配置

‧文字滿版縱橫還能「超整齊」又「超易讀」?其中暗含了「負空間」的運用

‧版面如何強勢擄獲視覺?試試將本該隱形的排版法則直接「具像化」

‧文字の魄力不猶豫:大膽加底線、加橫幅、或讓字直接超出版面

‧文字の低調即亮點:思索版面的視覺閱讀順序,就能在版面最低調處找到最亮眼的位置

‧系列海報中一眼即辨的「孿生感」從何而來?請大膽套用「互補色」

‧版面中的寫實照片太過突兀?看日式版面如何讓它「圖像式地」與版面融合


▌五大排版要素,深入日式版面邏輯

‧版面構成

「重覆、近似、漸變、放射、軸向、密集、對比、節奏」等版面技巧如何排列組合?採用「對角構圖」就能為平面創造出布料般的「密織感」?為何要用「□△○」幾何圖形創造「網格中的網格」?當版面上文案滿布,利用「重複」與「字體大小對比」,落落長文案秒變最有力的「圖像表現」!


‧字體排版

字體圖符化的訣竅就藏在「傳統寫法」裡?書籍內頁設計如何呼應封面設計?字的哪種「排列隊形」可以創造千斤壓頂感?字體的筆劃撇捺怎麼拉,才能給出正確心理暗示?時下流行的中英融合字如何做到「絕不硬拗」?


‧色彩

如何利用色塊的組合與對比打造海報的「空間感」?俗艷的漸變色有哪幾種「正確使用方式」?哪種形狀的構圖與配色,適合創造「鏡象感」?復古風配色搭上Risograph印刷機的「錯位」效果,是內行人必懂的超絕應用?使用超過十種顏色,版面依然乾淨明亮?日式版面如何思考色彩與印刷材質效果?


‧留白

留白不是憑直覺,利用網格來「算」留白比例?留白時的視覺焦點與視覺動線如何安排?留白何時用於突顯焦點,何時用於締造想像空間?


‧配圖

圖像看起來好像在動,Z字排列+「近大遠小」概念就能創造縱深動感?如何有效運用主視覺旁的「裝飾性紋樣」?圖像細節刻意缺失,更能增加想像空間?「像素」除了是風格,也要能是版面各元素間的「過渡」?華麗圖像沒祕密,一個圖像竟能同時採用「手寫字、手繪插圖、向量繪圖、產品實物照」超雜燴手法?


{{ _getLangText('m_detailAuthorBookList_titleText') }}