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

Spellings Wk 4 and Wk 5 for Grade 4 at CAPS
Spellings Wk 4 and Wk 5 for Grade 4 at CAPSSpellings Wk 4 and Wk 5 for Grade 4 at CAPS
Spellings Wk 4 and Wk 5 for Grade 4 at CAPS
AnaAcapella
 
The basics of sentences session 3pptx.pptx
The basics of sentences session 3pptx.pptxThe basics of sentences session 3pptx.pptx
The basics of sentences session 3pptx.pptx
heathfieldcps1
 

Recently uploaded (20)

Basic Civil Engineering first year Notes- Chapter 4 Building.pptx
Basic Civil Engineering first year Notes- Chapter 4 Building.pptxBasic Civil Engineering first year Notes- Chapter 4 Building.pptx
Basic Civil Engineering first year Notes- Chapter 4 Building.pptx
 
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
 
SOC 101 Demonstration of Learning Presentation
SOC 101 Demonstration of Learning PresentationSOC 101 Demonstration of Learning Presentation
SOC 101 Demonstration of Learning Presentation
 
REMIFENTANIL: An Ultra short acting opioid.pptx
REMIFENTANIL: An Ultra short acting opioid.pptxREMIFENTANIL: An Ultra short acting opioid.pptx
REMIFENTANIL: An Ultra short acting opioid.pptx
 
Spellings Wk 4 and Wk 5 for Grade 4 at CAPS
Spellings Wk 4 and Wk 5 for Grade 4 at CAPSSpellings Wk 4 and Wk 5 for Grade 4 at CAPS
Spellings Wk 4 and Wk 5 for Grade 4 at CAPS
 
Wellbeing inclusion and digital dystopias.pptx
Wellbeing inclusion and digital dystopias.pptxWellbeing inclusion and digital dystopias.pptx
Wellbeing inclusion and digital dystopias.pptx
 
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.
 
dusjagr & nano talk on open tools for agriculture research and learning
dusjagr & nano talk on open tools for agriculture research and learningdusjagr & nano talk on open tools for agriculture research and learning
dusjagr & nano talk on open tools for agriculture research and learning
 
AIM of Education-Teachers Training-2024.ppt
AIM of Education-Teachers Training-2024.pptAIM of Education-Teachers Training-2024.ppt
AIM of Education-Teachers Training-2024.ppt
 
NO1 Top Black Magic Specialist In Lahore Black magic In Pakistan Kala Ilam Ex...
NO1 Top Black Magic Specialist In Lahore Black magic In Pakistan Kala Ilam Ex...NO1 Top Black Magic Specialist In Lahore Black magic In Pakistan Kala Ilam Ex...
NO1 Top Black Magic Specialist In Lahore Black magic In Pakistan Kala Ilam Ex...
 
COMMUNICATING NEGATIVE NEWS - APPROACHES .pptx
COMMUNICATING NEGATIVE NEWS - APPROACHES .pptxCOMMUNICATING NEGATIVE NEWS - APPROACHES .pptx
COMMUNICATING NEGATIVE NEWS - APPROACHES .pptx
 
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
 
Beyond_Borders_Understanding_Anime_and_Manga_Fandom_A_Comprehensive_Audience_...
Beyond_Borders_Understanding_Anime_and_Manga_Fandom_A_Comprehensive_Audience_...Beyond_Borders_Understanding_Anime_and_Manga_Fandom_A_Comprehensive_Audience_...
Beyond_Borders_Understanding_Anime_and_Manga_Fandom_A_Comprehensive_Audience_...
 
The basics of sentences session 3pptx.pptx
The basics of sentences session 3pptx.pptxThe basics of sentences session 3pptx.pptx
The basics of sentences session 3pptx.pptx
 
Accessible Digital Futures project (20/03/2024)
Accessible Digital Futures project (20/03/2024)Accessible Digital Futures project (20/03/2024)
Accessible Digital Futures project (20/03/2024)
 
Basic Intentional Injuries Health Education
Basic Intentional Injuries Health EducationBasic Intentional Injuries Health Education
Basic Intentional Injuries Health Education
 
Details on CBSE Compartment Exam.pptx1111
Details on CBSE Compartment Exam.pptx1111Details on CBSE Compartment Exam.pptx1111
Details on CBSE Compartment Exam.pptx1111
 
Interdisciplinary_Insights_Data_Collection_Methods.pptx
Interdisciplinary_Insights_Data_Collection_Methods.pptxInterdisciplinary_Insights_Data_Collection_Methods.pptx
Interdisciplinary_Insights_Data_Collection_Methods.pptx
 
Unit 3 Emotional Intelligence and Spiritual Intelligence.pdf
Unit 3 Emotional Intelligence and Spiritual Intelligence.pdfUnit 3 Emotional Intelligence and Spiritual Intelligence.pdf
Unit 3 Emotional Intelligence and Spiritual Intelligence.pdf
 
Tatlong Kwento ni Lola basyang-1.pdf arts
Tatlong Kwento ni Lola basyang-1.pdf artsTatlong Kwento ni Lola basyang-1.pdf arts
Tatlong Kwento ni Lola basyang-1.pdf arts
 

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