Character Components and Spatial Layouts in Hanzi

Capítulo 3

Estimated reading time: 6 minutes

+ Exercise

Why components and layouts matter

Most Chinese characters are built from components (parts that appear again and again). A component can be a full character on its own (like ) or a shape that mainly appears inside other characters (like ). The spatial layout is the way components are arranged inside the square writing space. Learning layouts helps you (1) write with better balance, (2) recognize characters faster, and (3) guess where to look for familiar parts.

1) Common layouts

A. Left–right (左右结构)

Two main blocks sit side by side. Often one side is a semantic hint and the other side is a sound hint, but for this chapter focus on shape placement.

  • Examples: = (left) + (right); = (left) + (right); = (left) + (right)
  • Writing/recognition tip: treat each side as a “mini-square” that must still look complete.

B. Top–bottom (上下结构)

One block sits above another.

  • Examples: = (top) + (bottom); = (top) + (bottom); = (top) + (bottom)
  • Tip: the top often becomes flatter (compressed vertically) to leave room for the bottom.

C. Enclosing (全包围)

A component surrounds another component on all sides.

  • Examples: = outer + inner 玉/王; = outer + inner
  • Tip: keep the inner part centered; don’t let it touch the frame.

D. Semi-enclosing (半包围)

A component wraps around another part from one side, leaving an opening.

Continue in our app.
  • Listen to the audio with the screen off.
  • Earn a certificate upon completion.
  • Over 5000 courses for you to explore!
Or continue reading below...
Download App

Download the app

  • Left semi-enclosing: = 广 (wraps from top-left) + (inside/right)
  • Bottom semi-enclosing: has a bottom enclosure-like shape; includes an enclosing bottom part around inner strokes
  • Movement/road-like: , include wrapping from left-bottom to right-bottom
  • Tip: the “wrapper” should feel like it contains the other part, not collide with it.

E. Stacked variants (multi-part layouts)

Many characters are not just two blocks. They may be left–middle–right, top–middle–bottom, or a mix of enclosing plus internal stacking.

  • Left–middle–right: = (left) + (middle) + (right)
  • Top–middle–bottom: can be viewed as (top/middle) + (bottom), with internal stacking inside
  • Enclosing + inside split: = outer with inner ; = outer with inner

2) Proportion rules: making components fit and look balanced

A. Compression and expansion

Components change shape depending on where they sit. This is not “decorative”; it is a practical adjustment so everything fits the square and remains readable.

SituationWhat usually happensExample
Component becomes a side part (left or right)It often becomes narrower in ,
Component becomes a top partIt often becomes flatter (shorter vertically): is a flattened top form
Component becomes a bottom partIt may widen to “support” the character: bottom spreads to stabilize
Component becomes an enclosing frameIt expands to create space inside in ,

B. Visual center of gravity

Even though characters sit in a square, they should not look like they are falling left/right or top/bottom. Aim for a stable “visual weight.” Use these checks:

  • Left–right balance: if the left component is visually heavy (many strokes), the right side may need slightly more space, or the heavy side must be compressed more.
  • Top–bottom balance: if the bottom is heavy, keep the top compact; if the top is heavy, avoid making the bottom too small.
  • Inner spacing: leave breathing room between components. Crowding reduces recognition.

Quick self-check: cover one component with your finger. Does the remaining part still look centered and complete? If not, you likely stretched or squeezed something too much.

C. Alignment rules you can apply immediately

  • Shared edges: in left–right characters, align the tops of the two components unless one is intentionally lower (common with on the right/bottom).
  • Anchor lines: many components have a “spine” (a vertical or central structure). Keep spines roughly parallel and centered within their mini-squares.
  • Support base: bottoms often form a stable base. Avoid a tiny bottom under a wide top unless the character’s standard form demands it.

3) Decomposition practice: break characters into parts and label positions

Goal: look at a character and describe its layout and components without guessing meaning. Do this as a repeatable routine.

Step-by-step routine

  1. Identify the layout: left–right, top–bottom, enclosing, semi-enclosing, or stacked.
  2. Mark the main boundary: imagine a dividing line (vertical for left–right, horizontal for top–bottom, frame for enclosing).
  3. Name each component (use the common component name or the closest standalone character form).
  4. Label positions: left/right/top/bottom/inside/outside, or left–middle–right, etc.
  5. Note shape changes: e.g., becomes , becomes , becomes or depending on position.

Guided examples (with labels)

好  = 女 (left) + 子 (right)        [left–right]
草  = 艹 (top) + 早 (bottom)       [top–bottom]
国  = 囗 (outside) + 玉/王 (inside) [enclosing]
床  = 广 (semi-enclosing, top-left) + 木 (inside/right) [semi-enclosing]
谢  = 讠 (left) + 身 (middle) + 寸 (right) [left–middle–right]

Your turn: decomposition worksheet

For each character, write: (1) layout type, (2) components, (3) position labels.

Check yourself (answers):

  • : left–right; (left) + (right)
  • : enclosing; (outside) + (inside)
  • : top–bottom; (top) + (bottom); and inside is left–right +
  • : semi-enclosing/stacked; left part with wrapping at bottom-right
  • : enclosing; (outside) + (inside)

4) Recomposition practice: assemble components into a balanced character

Goal: given components, choose the correct layout and adjust proportions so the final character looks standard and stable.

Step-by-step routine

  1. Decide the layout from the component types: frames suggest enclosing; side forms like , , often indicate left-side components; , often indicate top components; often sits as a wrapping bottom-right.
  2. Allocate space: lightly plan each component’s “mini-square.”
  3. Compress/expand: narrow side components, flatten top components, widen supportive bottoms, enlarge frames.
  4. Align and center: keep inner parts centered within their container; keep left–right parts aligned at top and base unless the standard form differs.
  5. Final balance check: the character should not lean; gaps should be even; no part should look cramped.

Practice set A (choose layout + assemble)

  • Components: + → target character: (left–right; left is narrow)
  • Components: + → target character: (top–bottom; top is flattened)
  • Components: + → target character: (enclosing; inner centered)
  • Components: + → target character: (enclosing; keep inner away from frame)

Practice set B (balance challenge)

These are common places where beginners mis-size components. Follow the notes while assembling.

  • + (left–right; is narrow and tall; keeps its internal spacing)
  • + (left–right; is narrow; right side must not be squeezed too much)
  • + + (top–bottom with internal stacking; is flat; bottom part should feel centered under the roof)
  • + (semi-enclosing; keep low and flowing, not too tall)

5) Recognition tasks: spot the same component across different characters

Goal: train your eyes to recognize a component even when it changes shape or position. This speeds up reading because you stop seeing characters as “random lines” and start seeing familiar building blocks.

A. Same component, different positions

Circle (mentally or on paper) the shared component in each group and label its position (left/top/inside/etc.).

  • family: , , , (find as left, right, repeated, or inside)
  • family: , , , (find as inside a frame, as a left-side block, or as a repeated part)
  • family: , , , (note: may appear as bottom or side form )

B. Shape-change recognition (component variants)

Match the variant to its “full” component. Then find it in the example characters.

Variant you may seeRelated componentExample characters to scan
, ,
, ,
, ,
, ,
movement/walk component, ,

C. Rapid recognition drill (timed)

Set a 60-second timer. For each line, underline the target component wherever it appears.

  • Target :
  • Target :
  • Target :

When you finish, choose two characters from the drill and state their layout type and component positions (for example: “enclosing, outside + inside”).

Now answer the exercise about the content:

When writing an enclosing (全包围) character like 国 or 园, what is the best way to place the inner component?

You are right! Congratulations, now go to the next page

You missed! Try again.

In an enclosing layout, the outer frame should create space inside. The inner part should stay centered and not collide with or touch the frame, which keeps the character readable and balanced.

Next chapter

Radicals as Meaning Clues: Using 部首 to Guess Categories

Arrow Right Icon
Free Ebook cover Chinese Characters for Beginners: A Friendly Path from Zero to Literacy
30%

Chinese Characters for Beginners: A Friendly Path from Zero to Literacy

New course

10 pages

Download the app to earn free Certification and listen to the courses in the background, even with the screen off.