1. Form and Function in 2D Design
An Approach To Making Better Game Design

2. Understanding 2D Design
Terminology
Theory and Methods
Design Elements and Interactivity
Color
Composition
Meaning and Intentionality
Message

3. 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

4. Terminology
Interpretation – the translation of a form’s meaning or meanings through perspective
Appropriateness – whether or not it suits it’s particular purpose.

5. Basics of Design Theory
Design is a Discipline
Design defines Form and Function
Design creates a balance
The Designer is an Interpreter and Mediator

6. Methodology Research the subject, organize information
Determine the function, meaning, form
Analyze, identify problems, revise

7. Basic 2D Design Elements
Visual Presentation and Meaning
Symbolic
Abstract
Literal
Types of Form
Geometric
Organic

8. Basic 2D Design Properties
Size
Shape
Texture
Color
Location
Direction
Space

9. Relativity and Interaction
Aspects of “Gestalt”
Enclosure
Continuance
Proximity
Similarity

10. Space, Depth, and Perspective

11. 2D Design Balance Visual Weight Color Symmetry Asymmetry
Center of a circle
Color
Dynamic and active component
Additive and Subtractive
Palettes, Temperature, Proportion
Meaning, Intent

12. Color Your World

13. Visual Composition Simplicity vs. Complexity Order vs. Chaos
Proportions and Ratio
Contrast and Juxtaposition
Continuity and center of Focus
Rhythm and Repetition

14. Meaning and Intentionality
Communication
Text and Symbols
Imagery and Metaphors
Persuasion and Disbelief
Interface