141 likes | 263 Views
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.
E N D
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
2D Design Balance • Visual Weight • Symmetry • Asymmetry • Center of a circle • Color • Dynamic and active component • Additive and Subtractive • Palettes, Temperature, Proportion • Meaning, Intent
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