One-Page Designs Stone Librande Creative Director, EA/Maxis Note: Please turn on the notes view to...

72
One-Page Designs One-Page Designs Stone Librande Stone Librande Creative Director, EA/Maxis Creative Director, EA/Maxis Note: Please turn on the notes view to see the spoken portion of this presentation.

Transcript of One-Page Designs Stone Librande Creative Director, EA/Maxis Note: Please turn on the notes view to...

Page 1: One-Page Designs Stone Librande Creative Director, EA/Maxis Note: Please turn on the notes view to see the spoken portion of this presentation.

One-Page DesignsOne-Page Designs

Stone LibrandeStone LibrandeCreative Director, EA/MaxisCreative Director, EA/Maxis

Note: Please turn on the notes view to see the spoken portion of this presentation.

Page 2: One-Page Designs Stone Librande Creative Director, EA/Maxis Note: Please turn on the notes view to see the spoken portion of this presentation.

OverviewOverview

• Standard design documentation Standard design documentation

• What are one-page designs?What are one-page designs?

• Creating your own one-page Creating your own one-page

designsdesigns

• BenefitsBenefits

Page 3: One-Page Designs Stone Librande Creative Director, EA/Maxis Note: Please turn on the notes view to see the spoken portion of this presentation.

Design BiblesDesign Bibles

Page 4: One-Page Designs Stone Librande Creative Director, EA/Maxis Note: Please turn on the notes view to see the spoken portion of this presentation.

4. Sound and Music

4.1. Goals, style, format

4.2. Sound effects

4.2.1 GUI

4.2.2.Special effects

4.2.3.Environment

4.3. Music

4.3.1. Events

4.3.2. System screens

4.3.3. Level theme

4.3.4. Situations

4.3.5. Cinematic soundtrack

5. Story

5.1 Backstory and world

5.2. Character descriptions

5.3. Game text, dialog requirements

5.4. Sample scripts

6. Level Requirements

6.1. Level Diagrams

6.1.1. Flow diagrams

6.2. Asset revelation schedule

1. Game Mechanics

1.1. Core Gameplay

1.2. Game Flow

1.3. Characters/Units

1.4. Gameplay Elements

1.5. Game Physics

1.6. Statistics

1.7. AI

1.8. Multiplayer

2. User Interface

2.1. Flow chart

2.2. Functional Requirements

2.3. Mock-up

2.4. Buttons, icons, pointers

3. Art and Video

3.1. Goals, style, mood

3.2. 2D art and animation

3.2.1. GUI

3.2.2. Special Effects

3.3. 3D art and animation

3.4. Cinematics

Page 5: One-Page Designs Stone Librande Creative Director, EA/Maxis Note: Please turn on the notes view to see the spoken portion of this presentation.
Page 6: One-Page Designs Stone Librande Creative Director, EA/Maxis Note: Please turn on the notes view to see the spoken portion of this presentation.
Page 7: One-Page Designs Stone Librande Creative Director, EA/Maxis Note: Please turn on the notes view to see the spoken portion of this presentation.
Page 8: One-Page Designs Stone Librande Creative Director, EA/Maxis Note: Please turn on the notes view to see the spoken portion of this presentation.

ProsPros• Definitive source of informationDefinitive source of information• Entire design is in one placeEntire design is in one place

• The act of creating the The act of creating the document is the act of document is the act of

designing the gamedesigning the game

ConsCons• Doesn’t scale upDoesn’t scale up• Hard to manage updatesHard to manage updates• Difficult to searchDifficult to search

Page 9: One-Page Designs Stone Librande Creative Director, EA/Maxis Note: Please turn on the notes view to see the spoken portion of this presentation.

Design WikiDesign Wiki

Page 10: One-Page Designs Stone Librande Creative Director, EA/Maxis Note: Please turn on the notes view to see the spoken portion of this presentation.
Page 11: One-Page Designs Stone Librande Creative Director, EA/Maxis Note: Please turn on the notes view to see the spoken portion of this presentation.
Page 12: One-Page Designs Stone Librande Creative Director, EA/Maxis Note: Please turn on the notes view to see the spoken portion of this presentation.
Page 13: One-Page Designs Stone Librande Creative Director, EA/Maxis Note: Please turn on the notes view to see the spoken portion of this presentation.
Page 14: One-Page Designs Stone Librande Creative Director, EA/Maxis Note: Please turn on the notes view to see the spoken portion of this presentation.

ProsPros• Easy accessEasy access• Easy to updateEasy to update• Bite-sized chunksBite-sized chunks• Team contributionsTeam contributions• History tracking and History tracking and

accountabilityaccountability

ConsCons• Requires constant maintenanceRequires constant maintenance• Hides design relationshipsHides design relationships• Low resolutionLow resolution• Frustrating viewport limitationsFrustrating viewport limitations

Page 15: One-Page Designs Stone Librande Creative Director, EA/Maxis Note: Please turn on the notes view to see the spoken portion of this presentation.

• ProblemProblem: Most people don’t : Most people don’t read past the first page or read past the first page or screen.screen.

• SolutionSolution: Only use one page.: Only use one page.

ObservationObservation

Page 16: One-Page Designs Stone Librande Creative Director, EA/Maxis Note: Please turn on the notes view to see the spoken portion of this presentation.

One-Page DesignOne-Page DesignInspirationsInspirations

Page 17: One-Page Designs Stone Librande Creative Director, EA/Maxis Note: Please turn on the notes view to see the spoken portion of this presentation.
Page 18: One-Page Designs Stone Librande Creative Director, EA/Maxis Note: Please turn on the notes view to see the spoken portion of this presentation.
Page 19: One-Page Designs Stone Librande Creative Director, EA/Maxis Note: Please turn on the notes view to see the spoken portion of this presentation.
Page 20: One-Page Designs Stone Librande Creative Director, EA/Maxis Note: Please turn on the notes view to see the spoken portion of this presentation.
Page 21: One-Page Designs Stone Librande Creative Director, EA/Maxis Note: Please turn on the notes view to see the spoken portion of this presentation.
Page 22: One-Page Designs Stone Librande Creative Director, EA/Maxis Note: Please turn on the notes view to see the spoken portion of this presentation.

One-Page DesignOne-Page DesignExamplesExamples

Page 23: One-Page Designs Stone Librande Creative Director, EA/Maxis Note: Please turn on the notes view to see the spoken portion of this presentation.
Page 24: One-Page Designs Stone Librande Creative Director, EA/Maxis Note: Please turn on the notes view to see the spoken portion of this presentation.
Page 25: One-Page Designs Stone Librande Creative Director, EA/Maxis Note: Please turn on the notes view to see the spoken portion of this presentation.
Page 26: One-Page Designs Stone Librande Creative Director, EA/Maxis Note: Please turn on the notes view to see the spoken portion of this presentation.
Page 27: One-Page Designs Stone Librande Creative Director, EA/Maxis Note: Please turn on the notes view to see the spoken portion of this presentation.
Page 28: One-Page Designs Stone Librande Creative Director, EA/Maxis Note: Please turn on the notes view to see the spoken portion of this presentation.
Page 29: One-Page Designs Stone Librande Creative Director, EA/Maxis Note: Please turn on the notes view to see the spoken portion of this presentation.
Page 30: One-Page Designs Stone Librande Creative Director, EA/Maxis Note: Please turn on the notes view to see the spoken portion of this presentation.
Page 31: One-Page Designs Stone Librande Creative Director, EA/Maxis Note: Please turn on the notes view to see the spoken portion of this presentation.
Page 32: One-Page Designs Stone Librande Creative Director, EA/Maxis Note: Please turn on the notes view to see the spoken portion of this presentation.
Page 33: One-Page Designs Stone Librande Creative Director, EA/Maxis Note: Please turn on the notes view to see the spoken portion of this presentation.
Page 34: One-Page Designs Stone Librande Creative Director, EA/Maxis Note: Please turn on the notes view to see the spoken portion of this presentation.
Page 35: One-Page Designs Stone Librande Creative Director, EA/Maxis Note: Please turn on the notes view to see the spoken portion of this presentation.
Page 36: One-Page Designs Stone Librande Creative Director, EA/Maxis Note: Please turn on the notes view to see the spoken portion of this presentation.
Page 37: One-Page Designs Stone Librande Creative Director, EA/Maxis Note: Please turn on the notes view to see the spoken portion of this presentation.
Page 38: One-Page Designs Stone Librande Creative Director, EA/Maxis Note: Please turn on the notes view to see the spoken portion of this presentation.
Page 39: One-Page Designs Stone Librande Creative Director, EA/Maxis Note: Please turn on the notes view to see the spoken portion of this presentation.
Page 40: One-Page Designs Stone Librande Creative Director, EA/Maxis Note: Please turn on the notes view to see the spoken portion of this presentation.
Page 41: One-Page Designs Stone Librande Creative Director, EA/Maxis Note: Please turn on the notes view to see the spoken portion of this presentation.
Page 42: One-Page Designs Stone Librande Creative Director, EA/Maxis Note: Please turn on the notes view to see the spoken portion of this presentation.
Page 43: One-Page Designs Stone Librande Creative Director, EA/Maxis Note: Please turn on the notes view to see the spoken portion of this presentation.
Page 44: One-Page Designs Stone Librande Creative Director, EA/Maxis Note: Please turn on the notes view to see the spoken portion of this presentation.

Creating a One-Page Creating a One-Page DesignDesign

Page 45: One-Page Designs Stone Librande Creative Director, EA/Maxis Note: Please turn on the notes view to see the spoken portion of this presentation.
Page 46: One-Page Designs Stone Librande Creative Director, EA/Maxis Note: Please turn on the notes view to see the spoken portion of this presentation.
Page 47: One-Page Designs Stone Librande Creative Director, EA/Maxis Note: Please turn on the notes view to see the spoken portion of this presentation.
Page 48: One-Page Designs Stone Librande Creative Director, EA/Maxis Note: Please turn on the notes view to see the spoken portion of this presentation.

Flow ChartsFlow Charts

Page 49: One-Page Designs Stone Librande Creative Director, EA/Maxis Note: Please turn on the notes view to see the spoken portion of this presentation.
Page 50: One-Page Designs Stone Librande Creative Director, EA/Maxis Note: Please turn on the notes view to see the spoken portion of this presentation.

StoryboardsStoryboards

Page 51: One-Page Designs Stone Librande Creative Director, EA/Maxis Note: Please turn on the notes view to see the spoken portion of this presentation.

Time + SpaceTime + Space

Page 52: One-Page Designs Stone Librande Creative Director, EA/Maxis Note: Please turn on the notes view to see the spoken portion of this presentation.

Relationships Between ModulesRelationships Between Modules

Page 53: One-Page Designs Stone Librande Creative Director, EA/Maxis Note: Please turn on the notes view to see the spoken portion of this presentation.

Relationships Between UnitsRelationships Between Units

Page 54: One-Page Designs Stone Librande Creative Director, EA/Maxis Note: Please turn on the notes view to see the spoken portion of this presentation.
Page 55: One-Page Designs Stone Librande Creative Director, EA/Maxis Note: Please turn on the notes view to see the spoken portion of this presentation.

MatrixMatrix

Page 56: One-Page Designs Stone Librande Creative Director, EA/Maxis Note: Please turn on the notes view to see the spoken portion of this presentation.

ArcherFighter Mage Scout Thief WarlockF

ireM

etal

Nat

ure

Wat

er

Character ClassF

acti

on

Page 57: One-Page Designs Stone Librande Creative Director, EA/Maxis Note: Please turn on the notes view to see the spoken portion of this presentation.

ArcherFighter Mage Scout Thief WarlockF

ireM

etal

Nat

ure

Wat

er

Character ClassF

acti

on

Rage

Cleave

x

x

x

Piercing

Hunting

x

Fireball

x

x

Ice Bolt

x

x

Tracking

Swimming

x

Backstab

x

Potion

Demon

x

Golem

x

Page 58: One-Page Designs Stone Librande Creative Director, EA/Maxis Note: Please turn on the notes view to see the spoken portion of this presentation.
Page 59: One-Page Designs Stone Librande Creative Director, EA/Maxis Note: Please turn on the notes view to see the spoken portion of this presentation.
Page 60: One-Page Designs Stone Librande Creative Director, EA/Maxis Note: Please turn on the notes view to see the spoken portion of this presentation.
Page 61: One-Page Designs Stone Librande Creative Director, EA/Maxis Note: Please turn on the notes view to see the spoken portion of this presentation.
Page 62: One-Page Designs Stone Librande Creative Director, EA/Maxis Note: Please turn on the notes view to see the spoken portion of this presentation.
Page 63: One-Page Designs Stone Librande Creative Director, EA/Maxis Note: Please turn on the notes view to see the spoken portion of this presentation.
Page 64: One-Page Designs Stone Librande Creative Director, EA/Maxis Note: Please turn on the notes view to see the spoken portion of this presentation.
Page 65: One-Page Designs Stone Librande Creative Director, EA/Maxis Note: Please turn on the notes view to see the spoken portion of this presentation.
Page 66: One-Page Designs Stone Librande Creative Director, EA/Maxis Note: Please turn on the notes view to see the spoken portion of this presentation.
Page 67: One-Page Designs Stone Librande Creative Director, EA/Maxis Note: Please turn on the notes view to see the spoken portion of this presentation.

BenefitsBenefits

• TeamTeam Easy to share designs across teamEasy to share designs across team

Make sure the designs are seenMake sure the designs are seen

Hand out pencils and encourage Hand out pencils and encourage participationparticipation

Page 68: One-Page Designs Stone Librande Creative Director, EA/Maxis Note: Please turn on the notes view to see the spoken portion of this presentation.
Page 69: One-Page Designs Stone Librande Creative Director, EA/Maxis Note: Please turn on the notes view to see the spoken portion of this presentation.
Page 70: One-Page Designs Stone Librande Creative Director, EA/Maxis Note: Please turn on the notes view to see the spoken portion of this presentation.

BenefitsBenefits

• You (the designer)You (the designer) Forces a complete understandingForces a complete understanding

Forces concise design Forces concise design

Highlights relationships in the Highlights relationships in the systemsystem

Aids problem solvingAids problem solving

Page 71: One-Page Designs Stone Librande Creative Director, EA/Maxis Note: Please turn on the notes view to see the spoken portion of this presentation.

• The goal of design is to The goal of design is to efficiently communicate ideas.efficiently communicate ideas.

• It can take a lot of time and It can take a lot of time and effort, but isn’t that what you effort, but isn’t that what you are getting paid for?are getting paid for?

• People will read your designs!People will read your designs!

Page 72: One-Page Designs Stone Librande Creative Director, EA/Maxis Note: Please turn on the notes view to see the spoken portion of this presentation.

Thank you!Thank you!

www.stonetronix.comwww.stonetronix.com