Form and Function in
2D Design
An Approach To Making Better
Game Design
Understanding 2D Design







Terminology
Theory and Methods
Design Elements and Interactivity
Color
Composition
Meaning and Intentionality
Message
Terminology




Design – the arrangement of visual elements
that contribute to a greater form
Form – the result of human input or method
that results in a visual outcome
Function – the practical, contextual, or personal
application of a form
Meaning – the symbolic and literal message or
use of a form
Terminology


Interpretation – the translation of a form’s
meaning or meanings through perspective
Appropriateness – whether or not it suits it’s
particular purpose.
Basics of Design Theory




Design is a Discipline
Design defines Form and Function
Design creates a balance
The Designer is an Interpreter and Mediator
Methodology



Research the subject, organize information
Determine the function, meaning, form
Analyze, identify problems, revise
Basic 2D Design Elements

Visual Presentation and Meaning
Symbolic
 Abstract
 Literal


Types of Form
Geometric
 Organic

Basic 2D Design Properties







Size
Shape
Texture
Color
Location
Direction
Space
Relativity and Interaction

Aspects of
“Gestalt”

Enclosure

Continuance

Proximity

Similarity
Space, Depth, and Perspective
2D Design Balance

Visual Weight
Symmetry
 Asymmetry
 Center of a circle


Color
Dynamic and active component
 Additive and Subtractive
 Palettes, Temperature, Proportion
 Meaning, Intent

Color Your World
Visual Composition






Simplicity vs. Complexity
Order vs. Chaos
Proportions and Ratio
Contrast and Juxtaposition
Continuity and center of Focus
Rhythm and Repetition
Meaning and Intentionality





Communication
Text and Symbols
Imagery and Metaphors
Persuasion and Disbelief
Interface