Chapter 6.1 Visual Design

9
Chapter 6.1 Visual Design

description

Chapter 6.1 Visual Design. Visual Design. The management and presentation of visual information Two dimensional & three dimensional communication The “Look and Feel” of the game Examples of the intended visual design can be found in the “Art Bible” which the lead artist creates. - PowerPoint PPT Presentation

Transcript of Chapter 6.1 Visual Design

Page 1: Chapter 6.1 Visual Design

Chapter 6.1Visual Design

Page 2: Chapter 6.1 Visual Design

2

Visual Design

The management and presentation of visual information Two dimensional & three dimensional

communication The “Look and Feel” of the game Examples of the intended visual

design can be found in the “Art Bible” which the lead artist creates

Page 3: Chapter 6.1 Visual Design

3

Graphic Design Principles

Balance Symmetrical balance Asymmetrical balance

Rhythm Emphasis Unity

Page 4: Chapter 6.1 Visual Design

4

Elements of Graphic Design

Line Shape Space Texture Size Color

Line Shape Space Texture Size

QQ

Page 5: Chapter 6.1 Visual Design

5

Color Theory The Visible Spectrum

“Roy G. Biv” (Red, Orange, Yellow, Green, Blue, Indigo, Violet)

Hue Describes the distinct characteristic of color that

distinguishes red from yellow from blue. Saturation

The strength of a color with respect to its value Value

The amount of white or black a color, also known as its brightness

Page 6: Chapter 6.1 Visual Design

6

Color Theory (2) Subtractive Color

Reflected light suchas printing (CMYK)& painting

Additive Color Emissive light such

as computer screens (RGB) or television.

Page 7: Chapter 6.1 Visual Design

7

User Interface Design Simplicity

Keep the UI as simple as possible Consistency

Make the UI predictable Target user (demographics)

Know the target audience Color usage

Don’t rely on color to carry a design Learn about the psychology of color

Feedback mechanisms Inform the user of events and actions via feedback

Page 8: Chapter 6.1 Visual Design

8

Design Elements A flow chart helps

visualize a design

Establish a design grid

Create a tiered menu system Allow advanced user to customize

Localization considerations Don’t embed text in graphics if possible Allow 30% around words for languages that have larger

character counts per word (such as German)

Page 9: Chapter 6.1 Visual Design

9

Design Elements (2) Typographic Fundamentals

Serif vs. san-serif fonts

International font considerations Kerning and hinting

Creating a game font Allow ample time for production