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 Color 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