SlideShare uma empresa Scribd logo
1 de 35
2010


                   Game Design 2
                         Lecture 4: Text




http://www.comu346.com                     dfarrell@davidlearnsgames.com
Reading


• Duarte 140 - 155
• Fox 87-98
Two Questions


• How can you use text visually to
  accomplish design goals?
• How can text help you visualise data?
Anthropomorphised Fonts
 • Fonts have personality.
  • Serious
  • Playful
  • Friendly
  •Tense
  • Annoying
  • Distressed
Functional Fonts

•fixed    width fonts {
      useful for programming;
      because characters line up;
  }

• Other fonts are suitable for OCR
 • (0 vs O)
Font components


     play
play
Cap Height
play
Cap Height


X Height
play
Cap Height


X Height




Baseline
play
Cap Height

               Ascender
X Height




Baseline
play
Cap Height

               Ascender
X Height




Baseline

                          Descender
Serifs




             play
Cap Height

               Ascender
X Height




Baseline

                          Descender
Serifs




             play
Cap Height

                        Ascender
X Height




Baseline

                                   Descender

              Counter
Serifs




             play
Cap Height

                                 Ascender
X Height




Baseline

                                            Descender

                       Counter



             Kerning
Serif Fonts

•
The serifs connect letters
• useful at small point size
• or in large paragraphs
• problematic for dyslexics
Sans Serif Fonts

•
Sans means ‘without’
• generally accepted as easier to read
• work better on computer screens
Ligatures

•
firefly
• note how the ‘f’ and ‘i’ interact without
    ligatures

•
firefly
• Apple apply ligatures to ‘fi’ but not to ‘fl’
Kerning

• Fixed   width fonts look strange
  because they force equidistant spacing
  between letters.
• Kerning is the process of adjusting space
  between letters to soothe the eye.
Mixing Fonts

• Paired fonts can be effective.
 • one for header
 • one for main text
• Have a really GOOD reason before going
  to three or more fonts
Colour & Contrast
• Essential in menus & HUD
• If game is dark, use light text
• If game is light, use dark text
• If cannot guarantee background, add a
  border to text
 • can be x pixel border or container space
Animating Text

• Only animate if it adds meaning
 • Nintendo style of conversation is to
    animate blocks of text
• Colour change for rollovers == OK
• Colour change to make GUI shiny == bad
Using Text
• Where possible, show don’t tell
 • but where necessary tell
 • Tufte: “to clarify, add detail”
• Use little text
 • Even in adventure games, people don’t read
 • WOW - http://bit.ly/wowtextlimit
• Avoid UPPPERCASE
Using Text

• Sparing use of colour or emphasis can
  pass on important information
• If you allow resizing of text, test extremes
  to see how your design holds up (especially
  true of web browser based games)
• Consider fully justifying blocks of text
Text as visualisation
• Word Clouds
Internationalisation

• Not all fonts are compatible
• UTF-8 fonts should work
• Much care needed if copy / pasting
• If using dynamically loaded text, often text
  effects cannot be applied.

Mais conteúdo relacionado

Mais procurados

Home selling steps to sell process design 1 powerpoint presentation slides.
Home selling steps to sell process design 1 powerpoint presentation slides.Home selling steps to sell process design 1 powerpoint presentation slides.
Home selling steps to sell process design 1 powerpoint presentation slides.SlideTeam.net
 
Home selling steps to sell process style design 1 powerpoint ppt slides.
Home selling steps to sell process style design 1 powerpoint ppt slides.Home selling steps to sell process style design 1 powerpoint ppt slides.
Home selling steps to sell process style design 1 powerpoint ppt slides.SlideTeam.net
 
Home selling steps to sell strategy design 1 powerpoint ppt slides.
Home selling steps to sell strategy design 1 powerpoint ppt slides.Home selling steps to sell strategy design 1 powerpoint ppt slides.
Home selling steps to sell strategy design 1 powerpoint ppt slides.SlideTeam.net
 
Home selling steps to sell process design 1 powerpoint presentation templates.
Home selling steps to sell process design 1 powerpoint presentation templates.Home selling steps to sell process design 1 powerpoint presentation templates.
Home selling steps to sell process design 1 powerpoint presentation templates.SlideTeam.net
 
Home selling steps to sell process style design 1 powerpoint ppt templates.
Home selling steps to sell process style design 1 powerpoint ppt templates.Home selling steps to sell process style design 1 powerpoint ppt templates.
Home selling steps to sell process style design 1 powerpoint ppt templates.SlideTeam.net
 
Home selling steps to sell process design 1 powerpoint ppt templates.
Home selling steps to sell process design 1 powerpoint ppt templates.Home selling steps to sell process design 1 powerpoint ppt templates.
Home selling steps to sell process design 1 powerpoint ppt templates.SlideTeam.net
 
Home selling steps to sell process design 1 powerpoint ppt slides.
Home selling steps to sell process design 1 powerpoint ppt slides.Home selling steps to sell process design 1 powerpoint ppt slides.
Home selling steps to sell process design 1 powerpoint ppt slides.SlideTeam.net
 
Home selling steps to sell process style design 1 powerpoint presentation tem...
Home selling steps to sell process style design 1 powerpoint presentation tem...Home selling steps to sell process style design 1 powerpoint presentation tem...
Home selling steps to sell process style design 1 powerpoint presentation tem...SlideTeam.net
 
Home selling steps to sell strategy design 1 powerpoint ppt templates.
Home selling steps to sell strategy design 1 powerpoint ppt templates.Home selling steps to sell strategy design 1 powerpoint ppt templates.
Home selling steps to sell strategy design 1 powerpoint ppt templates.SlideTeam.net
 
Home selling steps to sell strategy style design 1 powerpoint ppt templates.
Home selling steps to sell strategy style design 1 powerpoint ppt templates.Home selling steps to sell strategy style design 1 powerpoint ppt templates.
Home selling steps to sell strategy style design 1 powerpoint ppt templates.SlideTeam.net
 
Home selling steps to sell strategy style design 1 powerpoint ppt slides.
Home selling steps to sell strategy style design 1 powerpoint ppt slides.Home selling steps to sell strategy style design 1 powerpoint ppt slides.
Home selling steps to sell strategy style design 1 powerpoint ppt slides.SlideTeam.net
 
Home selling steps to sell strategy style design 1 powerpoint presentation te...
Home selling steps to sell strategy style design 1 powerpoint presentation te...Home selling steps to sell strategy style design 1 powerpoint presentation te...
Home selling steps to sell strategy style design 1 powerpoint presentation te...SlideTeam.net
 
Home selling steps to sell strategy design 1 powerpoint presentation templates.
Home selling steps to sell strategy design 1 powerpoint presentation templates.Home selling steps to sell strategy design 1 powerpoint presentation templates.
Home selling steps to sell strategy design 1 powerpoint presentation templates.SlideTeam.net
 
Home selling steps to sell strategy design 1 powerpoint presentation slides.
Home selling steps to sell strategy design 1 powerpoint presentation slides.Home selling steps to sell strategy design 1 powerpoint presentation slides.
Home selling steps to sell strategy design 1 powerpoint presentation slides.SlideTeam.net
 
Home selling steps to sell strategy style design 1 powerpoint presentation sl...
Home selling steps to sell strategy style design 1 powerpoint presentation sl...Home selling steps to sell strategy style design 1 powerpoint presentation sl...
Home selling steps to sell strategy style design 1 powerpoint presentation sl...SlideTeam.net
 
Stanford font test presentation #2
Stanford font test presentation #2Stanford font test presentation #2
Stanford font test presentation #2suzywbates
 
Stanford font test presentation
Stanford font test presentationStanford font test presentation
Stanford font test presentationsuzywbates
 

Mais procurados (17)

Home selling steps to sell process design 1 powerpoint presentation slides.
Home selling steps to sell process design 1 powerpoint presentation slides.Home selling steps to sell process design 1 powerpoint presentation slides.
Home selling steps to sell process design 1 powerpoint presentation slides.
 
Home selling steps to sell process style design 1 powerpoint ppt slides.
Home selling steps to sell process style design 1 powerpoint ppt slides.Home selling steps to sell process style design 1 powerpoint ppt slides.
Home selling steps to sell process style design 1 powerpoint ppt slides.
 
Home selling steps to sell strategy design 1 powerpoint ppt slides.
Home selling steps to sell strategy design 1 powerpoint ppt slides.Home selling steps to sell strategy design 1 powerpoint ppt slides.
Home selling steps to sell strategy design 1 powerpoint ppt slides.
 
Home selling steps to sell process design 1 powerpoint presentation templates.
Home selling steps to sell process design 1 powerpoint presentation templates.Home selling steps to sell process design 1 powerpoint presentation templates.
Home selling steps to sell process design 1 powerpoint presentation templates.
 
Home selling steps to sell process style design 1 powerpoint ppt templates.
Home selling steps to sell process style design 1 powerpoint ppt templates.Home selling steps to sell process style design 1 powerpoint ppt templates.
Home selling steps to sell process style design 1 powerpoint ppt templates.
 
Home selling steps to sell process design 1 powerpoint ppt templates.
Home selling steps to sell process design 1 powerpoint ppt templates.Home selling steps to sell process design 1 powerpoint ppt templates.
Home selling steps to sell process design 1 powerpoint ppt templates.
 
Home selling steps to sell process design 1 powerpoint ppt slides.
Home selling steps to sell process design 1 powerpoint ppt slides.Home selling steps to sell process design 1 powerpoint ppt slides.
Home selling steps to sell process design 1 powerpoint ppt slides.
 
Home selling steps to sell process style design 1 powerpoint presentation tem...
Home selling steps to sell process style design 1 powerpoint presentation tem...Home selling steps to sell process style design 1 powerpoint presentation tem...
Home selling steps to sell process style design 1 powerpoint presentation tem...
 
Home selling steps to sell strategy design 1 powerpoint ppt templates.
Home selling steps to sell strategy design 1 powerpoint ppt templates.Home selling steps to sell strategy design 1 powerpoint ppt templates.
Home selling steps to sell strategy design 1 powerpoint ppt templates.
 
Home selling steps to sell strategy style design 1 powerpoint ppt templates.
Home selling steps to sell strategy style design 1 powerpoint ppt templates.Home selling steps to sell strategy style design 1 powerpoint ppt templates.
Home selling steps to sell strategy style design 1 powerpoint ppt templates.
 
Home selling steps to sell strategy style design 1 powerpoint ppt slides.
Home selling steps to sell strategy style design 1 powerpoint ppt slides.Home selling steps to sell strategy style design 1 powerpoint ppt slides.
Home selling steps to sell strategy style design 1 powerpoint ppt slides.
 
Home selling steps to sell strategy style design 1 powerpoint presentation te...
Home selling steps to sell strategy style design 1 powerpoint presentation te...Home selling steps to sell strategy style design 1 powerpoint presentation te...
Home selling steps to sell strategy style design 1 powerpoint presentation te...
 
Home selling steps to sell strategy design 1 powerpoint presentation templates.
Home selling steps to sell strategy design 1 powerpoint presentation templates.Home selling steps to sell strategy design 1 powerpoint presentation templates.
Home selling steps to sell strategy design 1 powerpoint presentation templates.
 
Home selling steps to sell strategy design 1 powerpoint presentation slides.
Home selling steps to sell strategy design 1 powerpoint presentation slides.Home selling steps to sell strategy design 1 powerpoint presentation slides.
Home selling steps to sell strategy design 1 powerpoint presentation slides.
 
Home selling steps to sell strategy style design 1 powerpoint presentation sl...
Home selling steps to sell strategy style design 1 powerpoint presentation sl...Home selling steps to sell strategy style design 1 powerpoint presentation sl...
Home selling steps to sell strategy style design 1 powerpoint presentation sl...
 
Stanford font test presentation #2
Stanford font test presentation #2Stanford font test presentation #2
Stanford font test presentation #2
 
Stanford font test presentation
Stanford font test presentationStanford font test presentation
Stanford font test presentation
 

Destaque

Destaque (12)

Bijeljina_ZoviMe Prezentacija1 (SR)_02.02.2010_VC
Bijeljina_ZoviMe Prezentacija1 (SR)_02.02.2010_VCBijeljina_ZoviMe Prezentacija1 (SR)_02.02.2010_VC
Bijeljina_ZoviMe Prezentacija1 (SR)_02.02.2010_VC
 
Engineering Resume
Engineering ResumeEngineering Resume
Engineering Resume
 
Shruti CV
Shruti CVShruti CV
Shruti CV
 
48-Au Printemps Toti Camacho Jean Ferrat
48-Au Printemps Toti Camacho Jean Ferrat48-Au Printemps Toti Camacho Jean Ferrat
48-Au Printemps Toti Camacho Jean Ferrat
 
7-Annick Giverny
7-Annick Giverny7-Annick Giverny
7-Annick Giverny
 
Stress management (1)
Stress management (1)Stress management (1)
Stress management (1)
 
The Expanding Universe
The Expanding UniverseThe Expanding Universe
The Expanding Universe
 
SM Policy Snapshot
SM Policy SnapshotSM Policy Snapshot
SM Policy Snapshot
 
Electronic Lab Notebooks - IdeaLab
Electronic Lab Notebooks - IdeaLabElectronic Lab Notebooks - IdeaLab
Electronic Lab Notebooks - IdeaLab
 
Testimonial
TestimonialTestimonial
Testimonial
 
Ion ied11 manual
Ion ied11 manualIon ied11 manual
Ion ied11 manual
 
Mobiili tyrnävä 100915
Mobiili tyrnävä 100915Mobiili tyrnävä 100915
Mobiili tyrnävä 100915
 

Semelhante a Game Design 2 (2010): Lecture 4 - Text

Game Design 2 (2013): Lecture 3 - Use of Text in design.
Game Design 2 (2013): Lecture 3 - Use of Text in design.Game Design 2 (2013): Lecture 3 - Use of Text in design.
Game Design 2 (2013): Lecture 3 - Use of Text in design.David Farrell
 
Principles Of Power Point Design Manipulating Typography
Principles Of Power Point Design  Manipulating TypographyPrinciples Of Power Point Design  Manipulating Typography
Principles Of Power Point Design Manipulating TypographyJohn Fallon
 
Best Practices for Incredible Web Typography
Best Practices for Incredible Web TypographyBest Practices for Incredible Web Typography
Best Practices for Incredible Web TypographyExtensis
 
Castro Chapter 10
Castro Chapter 10Castro Chapter 10
Castro Chapter 10Jeff Byrnes
 
Visual Literacy Basics.Key
Visual Literacy Basics.KeyVisual Literacy Basics.Key
Visual Literacy Basics.KeyStratervation
 
prepress 1st chapter.pptx
prepress 1st chapter.pptxprepress 1st chapter.pptx
prepress 1st chapter.pptxIndumeenalR
 
Infinum Android Talks #03 - Android Design Best Practices - for Designers and...
Infinum Android Talks #03 - Android Design Best Practices - for Designers and...Infinum Android Talks #03 - Android Design Best Practices - for Designers and...
Infinum Android Talks #03 - Android Design Best Practices - for Designers and...Infinum
 
Android Talks #3 Android Design Best Practices - for Designers and Developers
Android Talks #3 Android Design Best Practices - for Designers and DevelopersAndroid Talks #3 Android Design Best Practices - for Designers and Developers
Android Talks #3 Android Design Best Practices - for Designers and DevelopersDenis_infinum
 
Beautiful Web Typography: 7 tips on de-sucking the web
Beautiful Web Typography: 7 tips on de-sucking the webBeautiful Web Typography: 7 tips on de-sucking the web
Beautiful Web Typography: 7 tips on de-sucking the webPascal Klein
 

Semelhante a Game Design 2 (2010): Lecture 4 - Text (12)

Game Design 2 (2013): Lecture 3 - Use of Text in design.
Game Design 2 (2013): Lecture 3 - Use of Text in design.Game Design 2 (2013): Lecture 3 - Use of Text in design.
Game Design 2 (2013): Lecture 3 - Use of Text in design.
 
Principles Of Power Point Design Manipulating Typography
Principles Of Power Point Design  Manipulating TypographyPrinciples Of Power Point Design  Manipulating Typography
Principles Of Power Point Design Manipulating Typography
 
Best Practices for Incredible Web Typography
Best Practices for Incredible Web TypographyBest Practices for Incredible Web Typography
Best Practices for Incredible Web Typography
 
Castro Chapter 10
Castro Chapter 10Castro Chapter 10
Castro Chapter 10
 
Visual Literacy Basics.Key
Visual Literacy Basics.KeyVisual Literacy Basics.Key
Visual Literacy Basics.Key
 
Rob design
Rob designRob design
Rob design
 
Typography
TypographyTypography
Typography
 
prepress 1st chapter.pptx
prepress 1st chapter.pptxprepress 1st chapter.pptx
prepress 1st chapter.pptx
 
Text
TextText
Text
 
Infinum Android Talks #03 - Android Design Best Practices - for Designers and...
Infinum Android Talks #03 - Android Design Best Practices - for Designers and...Infinum Android Talks #03 - Android Design Best Practices - for Designers and...
Infinum Android Talks #03 - Android Design Best Practices - for Designers and...
 
Android Talks #3 Android Design Best Practices - for Designers and Developers
Android Talks #3 Android Design Best Practices - for Designers and DevelopersAndroid Talks #3 Android Design Best Practices - for Designers and Developers
Android Talks #3 Android Design Best Practices - for Designers and Developers
 
Beautiful Web Typography: 7 tips on de-sucking the web
Beautiful Web Typography: 7 tips on de-sucking the webBeautiful Web Typography: 7 tips on de-sucking the web
Beautiful Web Typography: 7 tips on de-sucking the web
 

Mais de David Farrell

Game design 2 (2013): Lecture 14 - Revision
Game design 2 (2013): Lecture 14 - RevisionGame design 2 (2013): Lecture 14 - Revision
Game design 2 (2013): Lecture 14 - RevisionDavid Farrell
 
Game design 2 (2013): Lecture 13 - Colour
Game design 2 (2013): Lecture 13 - ColourGame design 2 (2013): Lecture 13 - Colour
Game design 2 (2013): Lecture 13 - ColourDavid Farrell
 
Game design 2 (2013): Lecture 12 - Usability, Layout and Metaphor
Game design 2 (2013): Lecture 12 - Usability, Layout and MetaphorGame design 2 (2013): Lecture 12 - Usability, Layout and Metaphor
Game design 2 (2013): Lecture 12 - Usability, Layout and MetaphorDavid Farrell
 
Game design 2 (2013): Lecture 11 - User Feedback in Game Design
Game design 2 (2013): Lecture 11 - User Feedback in Game DesignGame design 2 (2013): Lecture 11 - User Feedback in Game Design
Game design 2 (2013): Lecture 11 - User Feedback in Game DesignDavid Farrell
 
Game design 2 (2013): Lecture 10 - Expert Evaluation Methods for Game UI
Game design 2 (2013): Lecture 10 - Expert Evaluation Methods for Game UIGame design 2 (2013): Lecture 10 - Expert Evaluation Methods for Game UI
Game design 2 (2013): Lecture 10 - Expert Evaluation Methods for Game UIDavid Farrell
 
Game Design 2 (2013): Lecture 9 - Micro and Macro Design for Game Communication
Game Design 2 (2013): Lecture 9 - Micro and Macro Design for Game CommunicationGame Design 2 (2013): Lecture 9 - Micro and Macro Design for Game Communication
Game Design 2 (2013): Lecture 9 - Micro and Macro Design for Game CommunicationDavid Farrell
 
Game Design 2 (2013): Lecture 8 - Layering and Separation for Game Communication
Game Design 2 (2013): Lecture 8 - Layering and Separation for Game CommunicationGame Design 2 (2013): Lecture 8 - Layering and Separation for Game Communication
Game Design 2 (2013): Lecture 8 - Layering and Separation for Game CommunicationDavid Farrell
 
Game Design 2 (2013): Immersion Through Game UI
Game Design 2 (2013): Immersion Through Game UIGame Design 2 (2013): Immersion Through Game UI
Game Design 2 (2013): Immersion Through Game UIDavid Farrell
 
Game Design 2 (2013): Lecture 6 - Icons and Semiotics in Game UI Design
 Game Design 2 (2013): Lecture 6 - Icons and Semiotics in Game UI Design Game Design 2 (2013): Lecture 6 - Icons and Semiotics in Game UI Design
Game Design 2 (2013): Lecture 6 - Icons and Semiotics in Game UI DesignDavid Farrell
 
Game Design 2 (2013): Lecture 5 - Game UI Prototyping
Game Design 2 (2013): Lecture 5 - Game UI PrototypingGame Design 2 (2013): Lecture 5 - Game UI Prototyping
Game Design 2 (2013): Lecture 5 - Game UI PrototypingDavid Farrell
 
Game Design 2 (2013): Lecture 4 - UI Components
Game Design 2 (2013): Lecture 4 - UI ComponentsGame Design 2 (2013): Lecture 4 - UI Components
Game Design 2 (2013): Lecture 4 - UI ComponentsDavid Farrell
 
GCU Game Design 2 (2013): Lecture 2 - Menu Flow
GCU Game Design 2 (2013): Lecture 2 - Menu FlowGCU Game Design 2 (2013): Lecture 2 - Menu Flow
GCU Game Design 2 (2013): Lecture 2 - Menu FlowDavid Farrell
 
Cognitive Walkthrough for Learning Through Game Mechanics at ECGBL13
Cognitive Walkthrough for Learning Through Game Mechanics at ECGBL13Cognitive Walkthrough for Learning Through Game Mechanics at ECGBL13
Cognitive Walkthrough for Learning Through Game Mechanics at ECGBL13David Farrell
 
Game Design 2: Lecture 1 - Introduction
Game Design 2: Lecture 1 - IntroductionGame Design 2: Lecture 1 - Introduction
Game Design 2: Lecture 1 - IntroductionDavid Farrell
 
Alchemy Vs Chemistry: The Emperor's New Serious Game (Pecha Kucha)
Alchemy Vs Chemistry: The Emperor's New Serious Game (Pecha Kucha)Alchemy Vs Chemistry: The Emperor's New Serious Game (Pecha Kucha)
Alchemy Vs Chemistry: The Emperor's New Serious Game (Pecha Kucha)David Farrell
 
Serious games career quest
Serious games   career questSerious games   career quest
Serious games career questDavid Farrell
 
Serious games cwltgm
Serious games   cwltgmSerious games   cwltgm
Serious games cwltgmDavid Farrell
 
Mindset Training 2 - Goal Orientation
Mindset Training 2 - Goal OrientationMindset Training 2 - Goal Orientation
Mindset Training 2 - Goal OrientationDavid Farrell
 
Mindset Training 1 - what are growth and fixed mindsets
Mindset Training 1 - what are growth and fixed mindsetsMindset Training 1 - what are growth and fixed mindsets
Mindset Training 1 - what are growth and fixed mindsetsDavid Farrell
 
Game Design 2: UI in Games - Revision Lecture
Game Design 2: UI in Games - Revision LectureGame Design 2: UI in Games - Revision Lecture
Game Design 2: UI in Games - Revision LectureDavid Farrell
 

Mais de David Farrell (20)

Game design 2 (2013): Lecture 14 - Revision
Game design 2 (2013): Lecture 14 - RevisionGame design 2 (2013): Lecture 14 - Revision
Game design 2 (2013): Lecture 14 - Revision
 
Game design 2 (2013): Lecture 13 - Colour
Game design 2 (2013): Lecture 13 - ColourGame design 2 (2013): Lecture 13 - Colour
Game design 2 (2013): Lecture 13 - Colour
 
Game design 2 (2013): Lecture 12 - Usability, Layout and Metaphor
Game design 2 (2013): Lecture 12 - Usability, Layout and MetaphorGame design 2 (2013): Lecture 12 - Usability, Layout and Metaphor
Game design 2 (2013): Lecture 12 - Usability, Layout and Metaphor
 
Game design 2 (2013): Lecture 11 - User Feedback in Game Design
Game design 2 (2013): Lecture 11 - User Feedback in Game DesignGame design 2 (2013): Lecture 11 - User Feedback in Game Design
Game design 2 (2013): Lecture 11 - User Feedback in Game Design
 
Game design 2 (2013): Lecture 10 - Expert Evaluation Methods for Game UI
Game design 2 (2013): Lecture 10 - Expert Evaluation Methods for Game UIGame design 2 (2013): Lecture 10 - Expert Evaluation Methods for Game UI
Game design 2 (2013): Lecture 10 - Expert Evaluation Methods for Game UI
 
Game Design 2 (2013): Lecture 9 - Micro and Macro Design for Game Communication
Game Design 2 (2013): Lecture 9 - Micro and Macro Design for Game CommunicationGame Design 2 (2013): Lecture 9 - Micro and Macro Design for Game Communication
Game Design 2 (2013): Lecture 9 - Micro and Macro Design for Game Communication
 
Game Design 2 (2013): Lecture 8 - Layering and Separation for Game Communication
Game Design 2 (2013): Lecture 8 - Layering and Separation for Game CommunicationGame Design 2 (2013): Lecture 8 - Layering and Separation for Game Communication
Game Design 2 (2013): Lecture 8 - Layering and Separation for Game Communication
 
Game Design 2 (2013): Immersion Through Game UI
Game Design 2 (2013): Immersion Through Game UIGame Design 2 (2013): Immersion Through Game UI
Game Design 2 (2013): Immersion Through Game UI
 
Game Design 2 (2013): Lecture 6 - Icons and Semiotics in Game UI Design
 Game Design 2 (2013): Lecture 6 - Icons and Semiotics in Game UI Design Game Design 2 (2013): Lecture 6 - Icons and Semiotics in Game UI Design
Game Design 2 (2013): Lecture 6 - Icons and Semiotics in Game UI Design
 
Game Design 2 (2013): Lecture 5 - Game UI Prototyping
Game Design 2 (2013): Lecture 5 - Game UI PrototypingGame Design 2 (2013): Lecture 5 - Game UI Prototyping
Game Design 2 (2013): Lecture 5 - Game UI Prototyping
 
Game Design 2 (2013): Lecture 4 - UI Components
Game Design 2 (2013): Lecture 4 - UI ComponentsGame Design 2 (2013): Lecture 4 - UI Components
Game Design 2 (2013): Lecture 4 - UI Components
 
GCU Game Design 2 (2013): Lecture 2 - Menu Flow
GCU Game Design 2 (2013): Lecture 2 - Menu FlowGCU Game Design 2 (2013): Lecture 2 - Menu Flow
GCU Game Design 2 (2013): Lecture 2 - Menu Flow
 
Cognitive Walkthrough for Learning Through Game Mechanics at ECGBL13
Cognitive Walkthrough for Learning Through Game Mechanics at ECGBL13Cognitive Walkthrough for Learning Through Game Mechanics at ECGBL13
Cognitive Walkthrough for Learning Through Game Mechanics at ECGBL13
 
Game Design 2: Lecture 1 - Introduction
Game Design 2: Lecture 1 - IntroductionGame Design 2: Lecture 1 - Introduction
Game Design 2: Lecture 1 - Introduction
 
Alchemy Vs Chemistry: The Emperor's New Serious Game (Pecha Kucha)
Alchemy Vs Chemistry: The Emperor's New Serious Game (Pecha Kucha)Alchemy Vs Chemistry: The Emperor's New Serious Game (Pecha Kucha)
Alchemy Vs Chemistry: The Emperor's New Serious Game (Pecha Kucha)
 
Serious games career quest
Serious games   career questSerious games   career quest
Serious games career quest
 
Serious games cwltgm
Serious games   cwltgmSerious games   cwltgm
Serious games cwltgm
 
Mindset Training 2 - Goal Orientation
Mindset Training 2 - Goal OrientationMindset Training 2 - Goal Orientation
Mindset Training 2 - Goal Orientation
 
Mindset Training 1 - what are growth and fixed mindsets
Mindset Training 1 - what are growth and fixed mindsetsMindset Training 1 - what are growth and fixed mindsets
Mindset Training 1 - what are growth and fixed mindsets
 
Game Design 2: UI in Games - Revision Lecture
Game Design 2: UI in Games - Revision LectureGame Design 2: UI in Games - Revision Lecture
Game Design 2: UI in Games - Revision Lecture
 

Último

On National Teacher Day, meet the 2024-25 Kenan Fellows
On National Teacher Day, meet the 2024-25 Kenan FellowsOn National Teacher Day, meet the 2024-25 Kenan Fellows
On National Teacher Day, meet the 2024-25 Kenan FellowsMebane Rash
 
Wellbeing inclusion and digital dystopias.pptx
Wellbeing inclusion and digital dystopias.pptxWellbeing inclusion and digital dystopias.pptx
Wellbeing inclusion and digital dystopias.pptxJisc
 
FSB Advising Checklist - Orientation 2024
FSB Advising Checklist - Orientation 2024FSB Advising Checklist - Orientation 2024
FSB Advising Checklist - Orientation 2024Elizabeth Walsh
 
How to Create and Manage Wizard in Odoo 17
How to Create and Manage Wizard in Odoo 17How to Create and Manage Wizard in Odoo 17
How to Create and Manage Wizard in Odoo 17Celine George
 
80 ĐỀ THI THỬ TUYỂN SINH TIẾNG ANH VÀO 10 SỞ GD – ĐT THÀNH PHỐ HỒ CHÍ MINH NĂ...
80 ĐỀ THI THỬ TUYỂN SINH TIẾNG ANH VÀO 10 SỞ GD – ĐT THÀNH PHỐ HỒ CHÍ MINH NĂ...80 ĐỀ THI THỬ TUYỂN SINH TIẾNG ANH VÀO 10 SỞ GD – ĐT THÀNH PHỐ HỒ CHÍ MINH NĂ...
80 ĐỀ THI THỬ TUYỂN SINH TIẾNG ANH VÀO 10 SỞ GD – ĐT THÀNH PHỐ HỒ CHÍ MINH NĂ...Nguyen Thanh Tu Collection
 
SOC 101 Demonstration of Learning Presentation
SOC 101 Demonstration of Learning PresentationSOC 101 Demonstration of Learning Presentation
SOC 101 Demonstration of Learning Presentationcamerronhm
 
Jual Obat Aborsi Hongkong ( Asli No.1 ) 085657271886 Obat Penggugur Kandungan...
Jual Obat Aborsi Hongkong ( Asli No.1 ) 085657271886 Obat Penggugur Kandungan...Jual Obat Aborsi Hongkong ( Asli No.1 ) 085657271886 Obat Penggugur Kandungan...
Jual Obat Aborsi Hongkong ( Asli No.1 ) 085657271886 Obat Penggugur Kandungan...ZurliaSoop
 
Micro-Scholarship, What it is, How can it help me.pdf
Micro-Scholarship, What it is, How can it help me.pdfMicro-Scholarship, What it is, How can it help me.pdf
Micro-Scholarship, What it is, How can it help me.pdfPoh-Sun Goh
 
This PowerPoint helps students to consider the concept of infinity.
This PowerPoint helps students to consider the concept of infinity.This PowerPoint helps students to consider the concept of infinity.
This PowerPoint helps students to consider the concept of infinity.christianmathematics
 
Making communications land - Are they received and understood as intended? we...
Making communications land - Are they received and understood as intended? we...Making communications land - Are they received and understood as intended? we...
Making communications land - Are they received and understood as intended? we...Association for Project Management
 
Python Notes for mca i year students osmania university.docx
Python Notes for mca i year students osmania university.docxPython Notes for mca i year students osmania university.docx
Python Notes for mca i year students osmania university.docxRamakrishna Reddy Bijjam
 
ICT Role in 21st Century Education & its Challenges.pptx
ICT Role in 21st Century Education & its Challenges.pptxICT Role in 21st Century Education & its Challenges.pptx
ICT Role in 21st Century Education & its Challenges.pptxAreebaZafar22
 
Sensory_Experience_and_Emotional_Resonance_in_Gabriel_Okaras_The_Piano_and_Th...
Sensory_Experience_and_Emotional_Resonance_in_Gabriel_Okaras_The_Piano_and_Th...Sensory_Experience_and_Emotional_Resonance_in_Gabriel_Okaras_The_Piano_and_Th...
Sensory_Experience_and_Emotional_Resonance_in_Gabriel_Okaras_The_Piano_and_Th...Pooja Bhuva
 
How to setup Pycharm environment for Odoo 17.pptx
How to setup Pycharm environment for Odoo 17.pptxHow to setup Pycharm environment for Odoo 17.pptx
How to setup Pycharm environment for Odoo 17.pptxCeline George
 
SKILL OF INTRODUCING THE LESSON MICRO SKILLS.pptx
SKILL OF INTRODUCING THE LESSON MICRO SKILLS.pptxSKILL OF INTRODUCING THE LESSON MICRO SKILLS.pptx
SKILL OF INTRODUCING THE LESSON MICRO SKILLS.pptxAmanpreet Kaur
 
Single or Multiple melodic lines structure
Single or Multiple melodic lines structureSingle or Multiple melodic lines structure
Single or Multiple melodic lines structuredhanjurrannsibayan2
 
Graduate Outcomes Presentation Slides - English
Graduate Outcomes Presentation Slides - EnglishGraduate Outcomes Presentation Slides - English
Graduate Outcomes Presentation Slides - Englishneillewis46
 
Jamworks pilot and AI at Jisc (20/03/2024)
Jamworks pilot and AI at Jisc (20/03/2024)Jamworks pilot and AI at Jisc (20/03/2024)
Jamworks pilot and AI at Jisc (20/03/2024)Jisc
 
Towards a code of practice for AI in AT.pptx
Towards a code of practice for AI in AT.pptxTowards a code of practice for AI in AT.pptx
Towards a code of practice for AI in AT.pptxJisc
 
Interdisciplinary_Insights_Data_Collection_Methods.pptx
Interdisciplinary_Insights_Data_Collection_Methods.pptxInterdisciplinary_Insights_Data_Collection_Methods.pptx
Interdisciplinary_Insights_Data_Collection_Methods.pptxPooja Bhuva
 

Último (20)

On National Teacher Day, meet the 2024-25 Kenan Fellows
On National Teacher Day, meet the 2024-25 Kenan FellowsOn National Teacher Day, meet the 2024-25 Kenan Fellows
On National Teacher Day, meet the 2024-25 Kenan Fellows
 
Wellbeing inclusion and digital dystopias.pptx
Wellbeing inclusion and digital dystopias.pptxWellbeing inclusion and digital dystopias.pptx
Wellbeing inclusion and digital dystopias.pptx
 
FSB Advising Checklist - Orientation 2024
FSB Advising Checklist - Orientation 2024FSB Advising Checklist - Orientation 2024
FSB Advising Checklist - Orientation 2024
 
How to Create and Manage Wizard in Odoo 17
How to Create and Manage Wizard in Odoo 17How to Create and Manage Wizard in Odoo 17
How to Create and Manage Wizard in Odoo 17
 
80 ĐỀ THI THỬ TUYỂN SINH TIẾNG ANH VÀO 10 SỞ GD – ĐT THÀNH PHỐ HỒ CHÍ MINH NĂ...
80 ĐỀ THI THỬ TUYỂN SINH TIẾNG ANH VÀO 10 SỞ GD – ĐT THÀNH PHỐ HỒ CHÍ MINH NĂ...80 ĐỀ THI THỬ TUYỂN SINH TIẾNG ANH VÀO 10 SỞ GD – ĐT THÀNH PHỐ HỒ CHÍ MINH NĂ...
80 ĐỀ THI THỬ TUYỂN SINH TIẾNG ANH VÀO 10 SỞ GD – ĐT THÀNH PHỐ HỒ CHÍ MINH NĂ...
 
SOC 101 Demonstration of Learning Presentation
SOC 101 Demonstration of Learning PresentationSOC 101 Demonstration of Learning Presentation
SOC 101 Demonstration of Learning Presentation
 
Jual Obat Aborsi Hongkong ( Asli No.1 ) 085657271886 Obat Penggugur Kandungan...
Jual Obat Aborsi Hongkong ( Asli No.1 ) 085657271886 Obat Penggugur Kandungan...Jual Obat Aborsi Hongkong ( Asli No.1 ) 085657271886 Obat Penggugur Kandungan...
Jual Obat Aborsi Hongkong ( Asli No.1 ) 085657271886 Obat Penggugur Kandungan...
 
Micro-Scholarship, What it is, How can it help me.pdf
Micro-Scholarship, What it is, How can it help me.pdfMicro-Scholarship, What it is, How can it help me.pdf
Micro-Scholarship, What it is, How can it help me.pdf
 
This PowerPoint helps students to consider the concept of infinity.
This PowerPoint helps students to consider the concept of infinity.This PowerPoint helps students to consider the concept of infinity.
This PowerPoint helps students to consider the concept of infinity.
 
Making communications land - Are they received and understood as intended? we...
Making communications land - Are they received and understood as intended? we...Making communications land - Are they received and understood as intended? we...
Making communications land - Are they received and understood as intended? we...
 
Python Notes for mca i year students osmania university.docx
Python Notes for mca i year students osmania university.docxPython Notes for mca i year students osmania university.docx
Python Notes for mca i year students osmania university.docx
 
ICT Role in 21st Century Education & its Challenges.pptx
ICT Role in 21st Century Education & its Challenges.pptxICT Role in 21st Century Education & its Challenges.pptx
ICT Role in 21st Century Education & its Challenges.pptx
 
Sensory_Experience_and_Emotional_Resonance_in_Gabriel_Okaras_The_Piano_and_Th...
Sensory_Experience_and_Emotional_Resonance_in_Gabriel_Okaras_The_Piano_and_Th...Sensory_Experience_and_Emotional_Resonance_in_Gabriel_Okaras_The_Piano_and_Th...
Sensory_Experience_and_Emotional_Resonance_in_Gabriel_Okaras_The_Piano_and_Th...
 
How to setup Pycharm environment for Odoo 17.pptx
How to setup Pycharm environment for Odoo 17.pptxHow to setup Pycharm environment for Odoo 17.pptx
How to setup Pycharm environment for Odoo 17.pptx
 
SKILL OF INTRODUCING THE LESSON MICRO SKILLS.pptx
SKILL OF INTRODUCING THE LESSON MICRO SKILLS.pptxSKILL OF INTRODUCING THE LESSON MICRO SKILLS.pptx
SKILL OF INTRODUCING THE LESSON MICRO SKILLS.pptx
 
Single or Multiple melodic lines structure
Single or Multiple melodic lines structureSingle or Multiple melodic lines structure
Single or Multiple melodic lines structure
 
Graduate Outcomes Presentation Slides - English
Graduate Outcomes Presentation Slides - EnglishGraduate Outcomes Presentation Slides - English
Graduate Outcomes Presentation Slides - English
 
Jamworks pilot and AI at Jisc (20/03/2024)
Jamworks pilot and AI at Jisc (20/03/2024)Jamworks pilot and AI at Jisc (20/03/2024)
Jamworks pilot and AI at Jisc (20/03/2024)
 
Towards a code of practice for AI in AT.pptx
Towards a code of practice for AI in AT.pptxTowards a code of practice for AI in AT.pptx
Towards a code of practice for AI in AT.pptx
 
Interdisciplinary_Insights_Data_Collection_Methods.pptx
Interdisciplinary_Insights_Data_Collection_Methods.pptxInterdisciplinary_Insights_Data_Collection_Methods.pptx
Interdisciplinary_Insights_Data_Collection_Methods.pptx
 

Game Design 2 (2010): Lecture 4 - Text

  • 1. 2010 Game Design 2 Lecture 4: Text http://www.comu346.com dfarrell@davidlearnsgames.com
  • 2. Reading • Duarte 140 - 155 • Fox 87-98
  • 3. Two Questions • How can you use text visually to accomplish design goals? • How can text help you visualise data?
  • 4. Anthropomorphised Fonts • Fonts have personality. • Serious • Playful • Friendly •Tense • Annoying • Distressed
  • 5. Functional Fonts •fixed width fonts { useful for programming; because characters line up; } • Other fonts are suitable for OCR • (0 vs O)
  • 10. play Cap Height Ascender X Height Baseline
  • 11. play Cap Height Ascender X Height Baseline Descender
  • 12. Serifs play Cap Height Ascender X Height Baseline Descender
  • 13. Serifs play Cap Height Ascender X Height Baseline Descender Counter
  • 14. Serifs play Cap Height Ascender X Height Baseline Descender Counter Kerning
  • 15. Serif Fonts • The serifs connect letters • useful at small point size • or in large paragraphs • problematic for dyslexics
  • 16. Sans Serif Fonts • Sans means ‘without’ • generally accepted as easier to read • work better on computer screens
  • 17. Ligatures • firefly • note how the ‘f’ and ‘i’ interact without ligatures • firefly • Apple apply ligatures to ‘fi’ but not to ‘fl’
  • 18. Kerning • Fixed width fonts look strange because they force equidistant spacing between letters. • Kerning is the process of adjusting space between letters to soothe the eye.
  • 19. Mixing Fonts • Paired fonts can be effective. • one for header • one for main text • Have a really GOOD reason before going to three or more fonts
  • 20. Colour & Contrast • Essential in menus & HUD • If game is dark, use light text • If game is light, use dark text • If cannot guarantee background, add a border to text • can be x pixel border or container space
  • 21.
  • 22.
  • 23.
  • 24. Animating Text • Only animate if it adds meaning • Nintendo style of conversation is to animate blocks of text • Colour change for rollovers == OK • Colour change to make GUI shiny == bad
  • 25.
  • 26. Using Text • Where possible, show don’t tell • but where necessary tell • Tufte: “to clarify, add detail” • Use little text • Even in adventure games, people don’t read • WOW - http://bit.ly/wowtextlimit • Avoid UPPPERCASE
  • 27. Using Text • Sparing use of colour or emphasis can pass on important information • If you allow resizing of text, test extremes to see how your design holds up (especially true of web browser based games) • Consider fully justifying blocks of text
  • 29.
  • 30.
  • 31.
  • 32.
  • 33.
  • 34.
  • 35. Internationalisation • Not all fonts are compatible • UTF-8 fonts should work • Much care needed if copy / pasting • If using dynamically loaded text, often text effects cannot be applied.

Notas do Editor