Advanced · Design and spatial systems
Golden ratio in art composition
Compare a centered tree with an offset arrangement. Use golden sections to test space and emphasis, without treating a ratio as a rule for beauty.
Interactive study plate
Divide the frame
Look here: The trunk meets the hill at the lower-right intersection.
The verticals mark 38.2% and 61.8% of the width; the horizontals mark the same fractions of the height. On a 100 × 75 frame, the lower horizontal is y = 46.35. Draw these four lines on your thumbnail.
Reference image
Tree, hill and winding path — an original DrawGrid vector landscape. Source: DrawGrid original vector lesson plates; no external artwork or stock image is used.
Golden-section divisions
The overlay uses the same frame coordinates as this reference. Switch each layer on to compare the indicated relationships.
Three-value demonstration
The same tree, hill and path reduced to three values. The trunk stays at 61.8% of the frame width.
All steps for reading and practice
1. Divide the frame
The verticals mark 38.2% and 61.8% of the width; the horizontals mark the same fractions of the height. On a 100 × 75 frame, the lower horizontal is y = 46.35. Draw these four lines on your thumbnail.
Check: Check fractions against the whole frame, not just the land area.
2. Read the large areas
Turn on Tree, hill and path. The hill occupies roughly the lower 38.2% while the sky keeps a larger quiet area. Trace the hill boundary once; do not flatten its curves to the horizontal guide.
Check: A horizon is a design choice. Golden sections are optional placement aids.
3. Place the focal accent
Mark the trunk base at (61.8, 46.35) and the canopy around the upper-right intersection. Follow the pale path from the bottom-left edge to the trunk. Keep the tree darkest so it remains the focal accent.
Check: A path that stops short of the trunk weakens that connection.
4. Compare centered and offset
Compare the centered version below with the offset version in the main plate. Moving the same tree from 50% to 61.8% opens the left side and lengthens the approach along the path. Keep the centered version if you want a more formal, stable arrangement.
Check: Neither version is inherently better. Choose one and write the effect you want.
5. Test without the grid
The demonstration removes branch detail but keeps the selected layout. Draw both versions as 5-minute thumbnails. Hide all overlays, then check the trunk base, canopy width and path endpoint against the reference.
Check: Finish when the tree remains the strongest accent without any visible grid.
Continue Section III