Internationalization

Internationalization 多語系跨不同程式語言套件

UI Design Guide for Multilingual Support

Layout Planning Principles

• Reserve sufficient space to accommodate potential text length variations across different languages
• Design with the longest text language as a baseline to ensure all translations display properly
• Provide contextual screenshots or context to the translation team to help them understand the actual application scenarios of features

Scripts

• i18n-js - npm "A small library to provide the i18n translations on the JavaScript."
• Introduction - i18next documentation "i18next is an internationalization-framework written in and for JavaScript"

CSS

• unicode-range - CSS: Cascading Style Sheets | MDN
  • Purpose: On a website that includes both Mandarin and English characters, the Mandarin section uses the AAA font, while the English section opts for the BBB font.

Further readings

• Design for internationalization. Build better products for people around… | by John Saito | Dropbox Design | Medium