Best Practices for Chinese Layout

1, Punctuations differ.

2, Use the right fonts

  • Punctuations not for Traditional Chinese.
  • Adobe Japan 1-6 do not contain some characters in Traditional, and lots of them in Simplified. Fallback will let your article looks like a black mail.
  • 漢字(Hanzi/Kanji) is used in Japan, China, Taiwan/HongKong and Vietnam. They have differences in between.
Glyphs differ between Tradition and Simplified Chinese.
Chinese System Font in Latest OS (updated 2015/11/7, OS X El Capitan/iOS 9/Android 5.0)

3, Proper line-height.

4, Justify is elixir.

5, No italic/oblique.

Cursive script in Chinese

6, Paragraph separation.

  1. Bookish

7, Kai is more bookish.

Kai is used for citation in a Chinese poem textbook

8, Break-all v.s. prohibition rules.

Justify with long latin word with Chinese
  1. short column like magazine layout, and also on your phone;
  2. there is a long latin word(or a lot of them) inline with Chinese characters;
  3. justify.
With Word-break: break-all. It's better but break some rules.

9, Careful about letter-spacing.

Bidi…Bidi…Bidi…

10, Simplified to Traditional not ok, but Traditional to Simplified works.

  • TC→SC:皇后、後世→皇后、
  • SC→TC:皇后、后世→皇后、
  • TC→SC:呂布→呂布
  • SC→TC:呂布→呂

--

--

--

W3C i18n invited expert, editor of "Requirements for Chinese Text Layout" (CLREQ), Evangelist. I provide consultancy of digital publishing in Taiwan.

Love podcasts or audiobooks? Learn on the go with our new app.

Recommended from Medium

3 things you can do when you lack UX research data and support

Research as Grounds for Product Experiences

Weekly Micro-Interactions #31

Redesigning Jollibee Delivery: The Revision (Part 2)

Warrior Wolf Guide Services Site Redesign

Planning your Wedding as a Graphic Designer

Inclusive web design: quick tips for beginners

Creating a Medium-fidelity UX Proof of Concept

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store
Bobby Tung

Bobby Tung

W3C i18n invited expert, editor of "Requirements for Chinese Text Layout" (CLREQ), Evangelist. I provide consultancy of digital publishing in Taiwan.

More from Medium

HTML5 Canvas Blend mode with globalCompositeOperation

Recreating Dribbble’s Page Layout with HTML + CSS

Dribbble’s Landing Page

CSS variables and UI improvement

Visually building websites