LogoComiiic

漫畫 · Comiiic Learn

漫畫分鏡排版:讓漫畫讀起來更順暢

讀者翻開你的漫畫。你希望他們想的是「接下來會發生什麼?」,而不是「接下來該看哪裡?」。如果從第2格到第3格還需要地圖,排版就是在替讀者增加工作。

好的漫畫排版讓閱讀毫不費力。讀者跟著劇情走,聽著角色對話,自然地翻頁,甚至不會注意格子怎麼排列。花俏的形狀可以沒有,清楚的路線不能沒有。

今天,我們的老師和新手只記一條規則:別讓讀者停下來思考,下一眼該看哪裡。現在就用分格、對白框和一點留白,把這條規則用起來。

1. 引導讀者的視線

在細修某一格之前,先想想整頁。視線從哪裡進入?下一格是哪一格?頁面在哪裡結束?用簡單的方框和火柴人畫幾張小草圖。現在是在測試路線,不是在參加繪畫大賽。

選定閱讀方向,並保持一致。對於由左往右讀的漫畫,引導讀者沿著每一排由左讀到右,再移到下一排。由右往左讀的漫畫則把水平方向反過來。對白框也要遵循相同的順序。

先從清楚的分排和少量格子開始。角色的目光、動作或對白框,都可以把視線帶向下一個情節。這些提示是用來加強原本就明確的順序,不該負責拯救混亂的排版。

快速測試:把小草圖拿給別人看,不做說明,請對方依閱讀順序替格子編號。如果對方猶豫,就簡化排版。樸素清楚的一頁,勝過炫目卻讓人迷路的視覺迷宮。

2. 避免讓人困惑的四格交叉點

2×2的格線會在四個格子的角落交會處形成十字。這本身並不是問題:規整的格子也可以很好讀。但如果間距或畫面內容同時暗示往下看,讀者可能就會停頓。新手的感想是:「到底往哪邊啦?!」

沒必要時,不要讓上下兩排的格框對齊。如果中央看起來像岔路口,把其中一排的垂直分隔線稍微往旁邊挪一點。小小的錯位,就可能讓閱讀順序清楚許多。

保留清楚的排間橫向留白,讓同一排的格子仍能被看成一組。改變格子的寬度通常就夠了。解決一點小小的交通問題,不必搬出誇張的斜線格框。

把兩個版本縮小後比較。視線會先讀完第一排,再往下移動嗎?保留讀起來更自然的版本。錯位是一種工具,不是每種格線配置都必須遵守的規定。

3. 對白框也是排版的一部分

對白框就是讀者視線的路標。它們告訴讀者往哪裡走、接下來換誰說話。依照預定的閱讀順序擺放,並留出足夠間隔,讓第一句話和回應一眼就能分清。

畫頁面草圖時,就規劃對白框的位置。把實際對白大致寫進去,別只是樂觀地畫一個小橢圓。先把圖畫完,再把文字硬塞進倖存的空隙,會讓一場平靜的對話變成緊急搬家具現場。

對白框的尾巴要清楚指向說話的人。避免尾巴交叉,也別讓讀者為了讀一句回應還得往回跳。如果對話纏成一團,試著調整人物位置,或把部分對話分到另一格。

先不看圖,只依順序讀對白。接著用實際顯示尺寸檢查頁面,手機上也要看。如果讀字需要放大鏡,就刪減對白或多給它一些空間,而不是繼續縮小字級。

4. 給頁面一點呼吸空間

「這裡還空著,要填滿!」新手說著,又拿來一個對白框。先把那個對白框放下。留白可以區隔動作、讓對白保持清楚,也給讀者一點時間理解剛剛發生的事。

格子之間要留下明顯的間隙。對白框內的文字周圍要留空間,框外也別把細節擠在邊緣。所有間距不必一模一樣,重點是讓分組和界線清楚可見。

重要時刻可以視需要多給一點空間,例如揭曉真相、安靜的反應,或場景的重大變化。大格子可以邀請讀者停留,但畫面內容和對白也會影響節奏。更大不代表自動更有戲劇張力。

試著刪掉一句多餘的對白、一個背景細節或一個格子。動作仍然清楚嗎?頁面更好讀了嗎?那就保留騰出來的空間。直式捲動漫畫也要在手機上檢查間距:有用的停頓不該讓人以為故事突然消失了。

讓讀者自然地讀下去

完成之前,沿著分格的閱讀順序走一遍,把對白唸出聲,再以實際閱讀尺寸檢查留白。凡是還需要解釋路線的地方,都再調整一下。讀者應該忙著享受故事。

好的漫畫頁面不會說:「快看我的排版!」它會說:「繼續讀吧。」

準備好創作自己的漫畫了嗎?

使用Comiiic Create Studio,直接在瀏覽器中創作漫畫與數位藝術。

開啟Create Studio
← 所有指南