平面設計知識

跨境電商圖片中的中英文文案如何排版

從委託平面設計的角度,說明跨境電商圖片中中英文文案如何分層、對齊、控制字號與留白,並給出資料準備和交付檢查要點。

主題情境圖

先確定誰是主文案,誰是輔助文案

中英文同時出現在一張電商圖片裡,最容易出問題的地方不是字體好不好看,而是沒有先定主次。常見做法是:主標題只保留一種語言承擔主要資訊,另一種語言作為對照或補充,字號、字重明顯降一級。如果兩種語言都做成同樣大小、同樣粗細,畫面會變成兩塊並列的資訊,瀏覽時不知道先看哪邊。

假設一張產品主圖需要同時出現中文賣點和英文賣點,可以先決定:中文負責主要賣點,英文放在下方或一側作為對照;或者反過來,以英文為主,中文作為輔助。這個決定應在設計開始前確認,而不是等排版做完再調整,否則很容易推翻重排。

中英文混排時,字號和行距不能照搬同一套數值

中文和英文的字面高度、字間距、行高感受並不一樣。同一字號下,英文看起來往往比中文更小、更密。因此在中英文混排時,如果希望兩種文字視覺重量接近,英文通常需要比中文略大一點,或者至少不要直接沿用中文的字號。

行距同理。英文行距偏緊時容易顯得擁擠,中文行距偏鬆時又容易散。可行的處理方式是:中文段落用相對緊湊的行距,英文段落適當放寬;如果兩種語言在同一區塊內交替出現,先按其中一種語言定基準,再微調另一種,讓兩段文字看起來是同一層級,而不是一段明顯更擠。

具體數值取決於字體、字號和版面寬度,不需要追求一套固定參數,重點是讓兩種文字在視覺上處於同一層級。

對齊方式要統一,不要中英文各用一套

中英文混排常見的混亂來源,是中文左對齊、英文居中對齊,或者中文居中、英文左對齊。兩種語言如果對齊方式不同,版面會顯得鬆散,邊界也難控制。

更穩妥的做法是:同一區塊內的中英文使用同一種對齊方式。左對齊適合資訊量較大、需要閱讀順序的文案;居中對齊適合短句、主標題或畫面中心位置的強調。如果英文比中文長很多,左對齊通常更容易控制整體邊界;如果兩種語言都較短,居中對齊也可以,但要保證兩邊留白對稱。

另外,英文不要隨意斷行。一個單詞被拆到兩行,會影響閱讀,也容易讓整段文字看起來參差不齊。排版時應優先調整文字框寬度或字號,而不是強行斷詞。

留白和邊距要按最長的那一行來定

中英文混排時,兩種語言的字符數量不同,同一句話翻譯後長度可能差很多。如果先按中文長度定好版面,英文放進去後可能超出邊界;反過來也一樣。

處理方法是:先確認中英文各自的最終文案,再按較長的那一種來確定文字框寬度和邊距。圖片邊緣、產品邊緣和文字之間要留出安全距離,避免文字貼邊或壓到產品。電商圖片最終會被裁切或縮放,邊距留得太緊,裁切後容易出問題。

如果文案長度差異很大,可以考慮把英文拆成更短的分行,或者把其中一種語言移到次要位置,而不是硬塞進同一個文字框。

委託前需要準備哪些資料

為了讓排版一次到位,委託方在提交需求時最好提供:

  • 中英文最終文案,並標明哪一種是主文案、哪一種是輔助文案;
  • 產品圖片或已確認的視覺素材,以及圖片的使用範圍;
  • 品牌字體或已有字體規範,如果沒有,說明希望呈現的感覺;
  • 圖片的最終用途和尺寸要求,例如用於哪個平台、是否需要多種尺寸;
  • 是否需要保留可編輯檔案,以及後續由誰修改。

如果中英文文案還沒有定稿,排版階段反覆改字的機率會很高。先定文案,再做排版,通常比邊排邊改更省時間。

交付時要檢查什麼

收到設計稿後,建議按以下幾點檢查:

  • 中英文的主次關係是否清楚,第一眼看到的是不是預期的主文案;
  • 兩種語言的字號、行距、對齊是否協調,有沒有哪一邊明顯更擠或更散;
  • 英文有沒有被拆詞,中文有沒有出現不適合的斷行;
  • 文字有沒有貼邊、壓到產品,或在裁切後可能被切掉;
  • 交付的是成品圖片、可編輯檔案,還是兩者都有;如果是可編輯檔案,字體和圖層是否方便後續修改;
  • 如果圖片涉及印刷或包裝標籤,輸出要求需與承印方確認,包括尺寸、出血、色彩模式和檔案格式。

如果後續需要自己改文案,提前確認可編輯檔案的字體是否可用,避免打開後字體替換導致排版變化。相關設計服務可參考平面設計服務。

常見問題

中英文必須同時出現嗎?不一定。如果圖片空間有限,或目標受眾主要使用一種語言,可以只保留一種,另一種放到詳情頁或說明文字裡。是否同時出現,取決於實際使用場景。

英文一定要比中文大嗎?不是絕對。是否調整字號,取決於字體和視覺效果。關鍵是讓兩種語言看起來處於同一層級,而不是機械地設定誰大誰小。

可以直接用翻譯軟體的結果排版嗎?可以先用翻譯結果佔位,但正式排版前最好確認最終文案。翻譯長度和表達方式會影響版面,佔位文案和最終文案差異過大時,排版需要重做。

03 /

從了解,到實際應用

內容規劃
01

內容規劃

響應式頁面
02

響應式頁面

持續營運
03

持續營運