top of page

Shaping
meanings

Shapes not only define the playable space, they also carry meanings and convey emotions.

​

Let's look at the most basic shapes and see what they can communicate to players.

Static.png

In this article, we'll dive into visual grammar by comparing shapes and their arrangements.
For each element, you will find 3 keywords that it generally conveys.

​

Think of this gallery as a toolbox, offering you visual tools to represent emotions.

​

When creating a level, play with shapes and use them to convey meanings as it's one of the many ways to work with Teach, Feel & Tell (learn more about the Teach / Feel / Tell Framework in this other article).

Find your own shape arrangements, and give them new keywords.

Make sure you use contrast to reinforce their impact (read more about contrast here).

​

Note: while most of the meanings conveyed by the following shapes are generally considered universal, some may be influenced by cultural background. For example, the way left & right movements are perceived can depend on the viewer's native reading direction.​

Big elements

BigElements.png
Immovable
Lasting
Imposing

Small Elements

SmallElements.png
Movable
Ephemeral
Focused

Cubes

Cube.png
Stable
Intentional
Trustworthy

Spheres

Sphere.png
Movable
Polished
Useful

Pyramids

Inverted pyramids

Pyramid.png
Stable
Grounded
Inspiring
InvertedPyramid.png
Unstable
Weird
Dangerous

Compressed

FlatPyramid.png
Immovable
Climbable
Safe

Spiked

PointyPyramid.png
Hazardous
Deadly
Scary

Sparse

Sparse.png
Empty
Easy to navigate
Loneliness

Dense

Dense.png
Crowded
Hard to navigate
Overwhelming

Spread out

SpreadOut.png
Organic
Distracted
Disconnected

Amassed

Amassed.png
Intentional
Focused
Connected

ORDER

Order.png
Understandable
Intentional
Stern

chaos

Chaos.png
Unpredictable
Unintentional
Anxiety

ANGULAR

LinearPath.png
Harsh
Erratic
Urban

CURVY

CurvyPath.png
Smooth
Flowing
Natural

BEneath

Beneath.png
Wonder
Vulnerability
Inspiring

ABOVE

Above.png
Pride
Dominance
Contemplating

Small room

SmallRoom.png
Misery
Trapped
Guided

Big room

BigRoom.png
Grandeur
Wandering
Contemplating

Dark

Dark.png
Mystery
Scary
Abandoned

Enlighten

Enlighten.png
Reveal
Safe
Inhabited

hard edges

HardEdges.png
Rough
Directional
Man-made

Soft edges

SoftEdges.png
Smooth
Flow
Natural

positive space

PositiveSpace.png
Defined
Intentional
Invite to stay

negative space

NegativeSpace.png
Undefined
Unintentional
Promote movement

In this exemple, Positive & Negative Space are architectural terms (these terms can have mutliple meanings).

​

Positive spaces are areas enclosed by elements; you can easily draw the shape created by these elements.

Negative spaces are undefined areas; you cannot draw a simple shape from the elements.

Static

Static.png
Dull
Stable
Dead

Moving

Moving2.gif
Has utility
Requires energy
Alive

Left To Right

LeftToRight2.gif
Comfortable
Going forward
Protagonist

Right to Left

RightToLeft2.gif
Uncomfortable
Going backward
Antagonist

This interpretation is mostly based on Western cinematographic conventions.

 

As mentioned in the introduction, this interpretation can be heavily influenced by cultural background and reading direction.

However, players around the world tend to be familiar with it.

Downward

UpToDown2.gif
Gravity
Natural
Downfall

Upward

DownToUp2.gif
Requires energy
Unnatural 
Ascension

Conclusion

When creating a blockout, think about the shape you're using, the story they tell, and the emotion they can evoke.

​

Due to our shared human experience, even simple shapes can carry meaning. For instance, a pointy triangle creates a sense of danger, as sharp objects can harm the human body.

​

Whenever I start a new project, I usually test these patterns with the game's 3Cs. Therefore I can see how each composition "feels" with the project's camera and it gives me a better sense of scale with the character ("Does a 4 meters high block feels imposing?").

​

This article is influenced by the work Molly Bang (Picture This: How pictures work) and David Orosz (Shaping Emotions: Utilizing Shape Language and Symbols in Level Design), do not hesitate to take a look at their fantastic work.

ER

bottom of page