Text and colour

VectorPaint bilingual titles: balance Chinese, English and supporting information

Use a Chinese–English event title to practise hierarchy, apparent type size, line spacing and alignment rather than matching font-size numbers mechanically.

English translation of the Chinese original, translated on . The article body uses automated translation; app descriptions, historical reading notes and video subtitles receive separate editorial checks. Original publication dates, attribution, code and version notes are retained.

Chinese and English can look different in size even at the same font size. A bilingual title must coordinate visible glyph size, line spacing, and hierarchy. This article uses VectorPaint to create a 春日写生 / Spring Sketch title card with a date, practicing relationships among text elements.

Check the meaning in both languages first

Prepare the Chinese title, English title, and supporting information, confirming that they refer to the same thing. The example is practice copy only; real events require checked translation, date, and location. Do not remove meaning-changing words merely to make the English length attractive.

Create a 900×700 px canvas with the main title at the top, the other language in the middle, and a date and short description below. Decide which language is the primary reading entry point before setting size hierarchy. Bilingual titles do not require equally large lines; a clear priority reduces visual competition.

Create three separate text objects

Create Chinese, English, and supporting text separately with the text tool and apply the entered content. Separate objects make size and placement easier to adjust and prevent one font change from affecting a whole mixed-language passage. Start with a clear Chinese typeface and a compatible English one, leaving decorative lettering out for now.

Start with a larger Chinese title, slightly smaller English, and smaller supporting information. The numbers are only starting points; compare the actual letterforms next. Internal space, uppercase-to-lowercase proportions, and stroke weight differ between fonts, so equal numerical sizes do not guarantee equal visual size.

Compare visible character height and stroke weight first

Temporarily place the Chinese and English side by side to compare Chinese character squares with uppercase and lowercase letter heights. If the English feels weak, slightly increase its size or choose a more suitable weight. If it is too heavy, change one thing first rather than reducing both size and opacity together.

Keep text clear, especially light-weight English lettering. Thin pale text on a colored background may need stronger contrast. Establish a dark-text-on-light-background baseline before adding color so a type problem is not mistaken for a color problem.

Organize the two titles around a shared boundary

Use either a shared left edge or a centered composition. For left alignment, compare visible glyphs with object boundaries; some initial English letters include extra space. For centering, assess the visual weight of the entire line. Establish a baseline with alignment tools, then make only tiny optical adjustments.

Do not push English into position with many spaces. Spaces are content, and changing the font or words changes that layout. Control position through object movement or alignment and line spacing through the vertical relationship. Keeping these operations separate makes later edits clearer.

Handle width differences according to text length

The Chinese title may contain only four characters while the English has two long words. Let the English extend naturally or break it into two lines at a sensible point instead of forcing both languages to the same width. Horizontal compression changes the typeface's design and is usually not the first solution to different lengths.

If line widths differ greatly, compare font size and layout before simplifying supporting copy. Preserve the title's full meaning. Break English at phrase boundaries and avoid splitting a tight Chinese phrase unnaturally. Recheck line counts and margins after every content change.

Give supporting information its own rhythm

Put the date, location, or short description below the title with a shared left edge or centerline and a distinct gap. Supporting information need not be as prominent as the title, but must remain readable at the actual display size. A thin line or small color shape can separate it, but first try establishing hierarchy with space alone.

Standardize the date's numerals, colon, and Chinese and English punctuation too. For real publication, confirm that the year, weekday, and time agree; keep the example nature clear in a practice design. Check visual appearance separately from content so an attractive font does not conceal an incorrect date.

Check at two sizes and export

Inspect hierarchy on the full canvas, then reduce it to phone display width and read every line. If the English requires zooming, improve readability or remove decoration. Temporarily hide background shapes to check whether the typography works alone, then restore them for comparison.

Keep an original with editable text and export a PNG preview. For SVG or PDF, check missing characters, font substitution, and wrapping in the receiving environment. Before creating an outlined text copy, save the version that still allows typing and label their different purposes. Finally, compare every Chinese, English, and supporting-information character so old wording has not slipped into an output.

Frequently asked questions

Must both languages use the same font family? Not necessarily. What matters is coordinated stroke character, weight, and purpose, with every character available. Choosing fonts that display the content correctly before comparing their visual relationship is more useful than matching font-family names alone.

What if the English still looks too light after enlarging it? The cause may be weight, letterform structure, or color contrast. Keep the size fixed and compare another weight or a typeface better suited to small sizes. Do not enlarge the text while also adding a translucent shadow; simultaneous changes obscure the cause.

Check punctuation and numeral shapes

In mixed Chinese and English typography, brackets, slashes, colons, and numerals may use different fonts and sit higher or lower than neighboring text. Enlarge the date and English subtitle to check missing characters and unintended spaces, then return to normal size. If one or two symbols cause misalignment, correct the content or font choice before moving the whole Chinese passage. Small consistencies make the languages relate more naturally.

Related tutorials and sources

Observe the rhythm of letter spacing, Bilingual information in a series identity.

Based on VectorPaint App Store description and the available feature entry points; Apple release information Checked on October 23, 2026: public version 1.0.7, requiring iOS / iPadOS 17 or later. The dimensions, wording and shapes in this guide are suggested exercises.