SlideShare a Scribd company logo
1 of 38
Download to read offline
2013

Game Design 2
Lecture 3: Text

http://gcugd2.com

david.farrell@gcu.ac.uk
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
Cap Height

play
Cap Height

X Height

play
Cap Height

X Height

Baseline

play
Cap Height

X Height

Baseline

play
Ascender
Cap Height

X Height

Baseline

play
Ascender

Descender
Serifs

Cap Height

X Height

Baseline

play
Ascender

Descender
Serifs

Cap Height

X Height

Baseline

play
Ascender

Descender

Counter
Serifs

Cap Height

X Height

Baseline

play
Ascender

Descender

Counter

Kerning
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.
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’
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 in large quantities
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, sometimes
text effects cannot be applied.
Questions?

More Related Content

What's hot

Game Design 2: Lecture 10 - UI Layout
Game Design 2: Lecture 10 - UI LayoutGame Design 2: Lecture 10 - UI Layout
Game Design 2: Lecture 10 - UI Layout
David Farrell
 
Game Design 2: Lecture 9 - Immersion through UI
Game Design 2: Lecture 9 - Immersion through UIGame Design 2: Lecture 9 - Immersion through UI
Game Design 2: Lecture 9 - Immersion through UI
David Farrell
 
Assignment 1 Favourite Game Presentation
Assignment 1 Favourite Game PresentationAssignment 1 Favourite Game Presentation
Assignment 1 Favourite Game Presentation
guest6650f2a
 
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
David Farrell
 

What's hot (19)

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
 
Game Design 2 (2010): Lecture 2 - Menu Flow
Game Design 2 (2010): Lecture 2 - Menu FlowGame Design 2 (2010): Lecture 2 - Menu Flow
Game Design 2 (2010): Lecture 2 - Menu Flow
 
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: Lecture 10 - UI Layout
Game Design 2: Lecture 10 - UI LayoutGame Design 2: Lecture 10 - UI Layout
Game Design 2: Lecture 10 - UI Layout
 
Game Design 2: Lecture 1 - Introduction
Game Design 2: Lecture 1 - IntroductionGame Design 2: Lecture 1 - Introduction
Game Design 2: Lecture 1 - Introduction
 
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): 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): 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 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: Lecture 9 - Immersion through UI
Game Design 2: Lecture 9 - Immersion through UIGame Design 2: Lecture 9 - Immersion through UI
Game Design 2: Lecture 9 - Immersion through UI
 
Windows Phone XNA Games
Windows Phone XNA GamesWindows Phone XNA Games
Windows Phone XNA Games
 
Assignment 1 Favourite Game Presentation
Assignment 1 Favourite Game PresentationAssignment 1 Favourite Game Presentation
Assignment 1 Favourite Game Presentation
 
Design preso #1
Design preso #1Design preso #1
Design preso #1
 
Bad Game Design: Spooky Usability in Games
Bad Game Design: Spooky Usability in GamesBad Game Design: Spooky Usability in Games
Bad Game Design: Spooky Usability in Games
 
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
 
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 features
Game featuresGame features
Game features
 
Hybrid Game Development with GameSalad
Hybrid Game Development with GameSaladHybrid Game Development with GameSalad
Hybrid Game Development with GameSalad
 
Cross-Platform Software Design
Cross-Platform Software DesignCross-Platform Software Design
Cross-Platform Software Design
 

Viewers also liked

Serious games cwltgm
Serious games   cwltgmSerious games   cwltgm
Serious games cwltgm
David Farrell
 
Mindset Training 2 - Goal Orientation
Mindset Training 2 - Goal OrientationMindset Training 2 - Goal Orientation
Mindset Training 2 - Goal Orientation
David 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 mindsets
David Farrell
 

Viewers also liked (9)

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
 
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
 
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 (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 Development Project Management/Concept
Game Development Project Management/ConceptGame Development Project Management/Concept
Game Development Project Management/Concept
 
Game Design: The Production Plan
Game Design: The Production PlanGame Design: The Production Plan
Game Design: The Production Plan
 

Similar to Game Design 2 (2013): Lecture 3 - Use of Text in design.

Castro Chapter 10
Castro Chapter 10Castro Chapter 10
Castro Chapter 10
Jeff Byrnes
 
Power Point Design Keys
Power Point Design KeysPower Point Design Keys
Power Point Design Keys
astridcarol09
 

Similar to Game Design 2 (2013): Lecture 3 - Use of Text in design. (20)

Games Design 2 - Lecture 5 - Text
Games Design 2 - Lecture 5 - TextGames Design 2 - Lecture 5 - Text
Games Design 2 - Lecture 5 - Text
 
Game Design 2: Text (2011)
Game Design 2: Text (2011)Game Design 2: Text (2011)
Game Design 2: Text (2011)
 
Game Design 2 (2010): Lecture 4 - Text
Game Design 2 (2010): Lecture 4 - TextGame Design 2 (2010): Lecture 4 - Text
Game Design 2 (2010): Lecture 4 - Text
 
Videogame localization & technology_ how to enhance the power of translation.pdf
Videogame localization & technology_ how to enhance the power of translation.pdfVideogame localization & technology_ how to enhance the power of translation.pdf
Videogame localization & technology_ how to enhance the power of translation.pdf
 
Full stack accessibility
Full stack accessibilityFull stack accessibility
Full stack accessibility
 
Text
TextText
Text
 
Full stack accessibility
Full stack accessibilityFull stack accessibility
Full stack accessibility
 
Castro Chapter 10
Castro Chapter 10Castro Chapter 10
Castro Chapter 10
 
Creating Fixed-Layout EPUBs
Creating Fixed-Layout EPUBsCreating Fixed-Layout EPUBs
Creating Fixed-Layout EPUBs
 
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
 
How Not to Piss off Your Printing Press
How Not to Piss off Your Printing PressHow Not to Piss off Your Printing Press
How Not to Piss off Your Printing Press
 
Amine-AGT-Dubai
Amine-AGT-DubaiAmine-AGT-Dubai
Amine-AGT-Dubai
 
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...
 
Test Your Fancy-Pants Website for Accessibility
Test Your Fancy-Pants Website for AccessibilityTest Your Fancy-Pants Website for Accessibility
Test Your Fancy-Pants Website for Accessibility
 
Multimedia composition
Multimedia composition Multimedia composition
Multimedia composition
 
Text
TextText
Text
 
Poster session fall2013_duspviz
Poster session fall2013_duspvizPoster session fall2013_duspviz
Poster session fall2013_duspviz
 
Presentation guide 2
Presentation guide 2Presentation guide 2
Presentation guide 2
 
Cocoa text talk.key
Cocoa text talk.keyCocoa text talk.key
Cocoa text talk.key
 
Power Point Design Keys
Power Point Design KeysPower Point Design Keys
Power Point Design Keys
 

More from David Farrell

Game Design 2: Lecture 12 - Platform Specific Design
Game Design 2: Lecture 12 - Platform Specific DesignGame Design 2: Lecture 12 - Platform Specific Design
Game Design 2: Lecture 12 - Platform Specific Design
David Farrell
 
Game Design 2: Lecture 11 - Colour
Game Design 2: Lecture 11 - ColourGame Design 2: Lecture 11 - Colour
Game Design 2: Lecture 11 - Colour
David Farrell
 
The impact of affect in serious games
The impact of affect in serious gamesThe impact of affect in serious games
The impact of affect in serious games
David Farrell
 
Comu346 lecture 6 - evaluation
Comu346   lecture 6 - evaluationComu346   lecture 6 - evaluation
Comu346 lecture 6 - evaluation
David Farrell
 

More from David Farrell (11)

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 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: Micro and Macro Data Visualisation
Game Design 2: Micro and Macro Data VisualisationGame Design 2: Micro and Macro Data Visualisation
Game Design 2: Micro and Macro Data Visualisation
 
Game Design 2: Lecture 13 - Layering and Separation of Data Visualisation
Game Design 2: Lecture 13 - Layering and Separation of Data VisualisationGame Design 2: Lecture 13 - Layering and Separation of Data Visualisation
Game Design 2: Lecture 13 - Layering and Separation of Data Visualisation
 
Game Design 2: Lecture 12 - Platform Specific Design
Game Design 2: Lecture 12 - Platform Specific DesignGame Design 2: Lecture 12 - Platform Specific Design
Game Design 2: Lecture 12 - Platform Specific Design
 
Game Design 2: Lecture 11 - Colour
Game Design 2: Lecture 11 - ColourGame Design 2: Lecture 11 - Colour
Game Design 2: Lecture 11 - Colour
 
Game Design 2: Lecture 8 - Semiotics and Icon Design
Game Design 2: Lecture 8 - Semiotics and Icon DesignGame Design 2: Lecture 8 - Semiotics and Icon Design
Game Design 2: Lecture 8 - Semiotics and Icon Design
 
Mindset talk
Mindset talkMindset talk
Mindset talk
 
The impact of affect in serious games
The impact of affect in serious gamesThe impact of affect in serious games
The impact of affect in serious games
 
Comu346 lecture 6 - evaluation
Comu346   lecture 6 - evaluationComu346   lecture 6 - evaluation
Comu346 lecture 6 - evaluation
 

Recently uploaded

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
 
Activity 01 - Artificial Culture (1).pdf
Activity 01 - Artificial Culture (1).pdfActivity 01 - Artificial Culture (1).pdf
Activity 01 - Artificial Culture (1).pdf
ciinovamais
 
1029-Danh muc Sach Giao Khoa khoi 6.pdf
1029-Danh muc Sach Giao Khoa khoi  6.pdf1029-Danh muc Sach Giao Khoa khoi  6.pdf
1029-Danh muc Sach Giao Khoa khoi 6.pdf
QucHHunhnh
 

Recently uploaded (20)

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...
 
Unit-IV; Professional Sales Representative (PSR).pptx
Unit-IV; Professional Sales Representative (PSR).pptxUnit-IV; Professional Sales Representative (PSR).pptx
Unit-IV; Professional Sales Representative (PSR).pptx
 
Mixin Classes in Odoo 17 How to Extend Models Using Mixin Classes
Mixin Classes in Odoo 17  How to Extend Models Using Mixin ClassesMixin Classes in Odoo 17  How to Extend Models Using Mixin Classes
Mixin Classes in Odoo 17 How to Extend Models Using Mixin Classes
 
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.
 
Unit-IV- Pharma. Marketing Channels.pptx
Unit-IV- Pharma. Marketing Channels.pptxUnit-IV- Pharma. Marketing Channels.pptx
Unit-IV- Pharma. Marketing Channels.pptx
 
Magic bus Group work1and 2 (Team 3).pptx
Magic bus Group work1and 2 (Team 3).pptxMagic bus Group work1and 2 (Team 3).pptx
Magic bus Group work1and 2 (Team 3).pptx
 
Kodo Millet PPT made by Ghanshyam bairwa college of Agriculture kumher bhara...
Kodo Millet  PPT made by Ghanshyam bairwa college of Agriculture kumher bhara...Kodo Millet  PPT made by Ghanshyam bairwa college of Agriculture kumher bhara...
Kodo Millet PPT made by Ghanshyam bairwa college of Agriculture kumher bhara...
 
Holdier Curriculum Vitae (April 2024).pdf
Holdier Curriculum Vitae (April 2024).pdfHoldier Curriculum Vitae (April 2024).pdf
Holdier Curriculum Vitae (April 2024).pdf
 
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
 
Application orientated numerical on hev.ppt
Application orientated numerical on hev.pptApplication orientated numerical on hev.ppt
Application orientated numerical on hev.ppt
 
Understanding Accommodations and Modifications
Understanding  Accommodations and ModificationsUnderstanding  Accommodations and Modifications
Understanding Accommodations and Modifications
 
Activity 01 - Artificial Culture (1).pdf
Activity 01 - Artificial Culture (1).pdfActivity 01 - Artificial Culture (1).pdf
Activity 01 - Artificial Culture (1).pdf
 
1029-Danh muc Sach Giao Khoa khoi 6.pdf
1029-Danh muc Sach Giao Khoa khoi  6.pdf1029-Danh muc Sach Giao Khoa khoi  6.pdf
1029-Danh muc Sach Giao Khoa khoi 6.pdf
 
Mehran University Newsletter Vol-X, Issue-I, 2024
Mehran University Newsletter Vol-X, Issue-I, 2024Mehran University Newsletter Vol-X, Issue-I, 2024
Mehran University Newsletter Vol-X, Issue-I, 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
 
PROCESS RECORDING FORMAT.docx
PROCESS      RECORDING        FORMAT.docxPROCESS      RECORDING        FORMAT.docx
PROCESS RECORDING FORMAT.docx
 
Spatium Project Simulation student brief
Spatium Project Simulation student briefSpatium Project Simulation student brief
Spatium Project Simulation student brief
 
How to Give a Domain for a Field in Odoo 17
How to Give a Domain for a Field in Odoo 17How to Give a Domain for a Field in Odoo 17
How to Give a Domain for a Field in Odoo 17
 
Food safety_Challenges food safety laboratories_.pdf
Food safety_Challenges food safety laboratories_.pdfFood safety_Challenges food safety laboratories_.pdf
Food safety_Challenges food safety laboratories_.pdf
 
SOC 101 Demonstration of Learning Presentation
SOC 101 Demonstration of Learning PresentationSOC 101 Demonstration of Learning Presentation
SOC 101 Demonstration of Learning Presentation
 

Game Design 2 (2013): Lecture 3 - Use of Text in design.