Game Design 2 (2010): Lecture 4 - Text
1 like302 views
The document discusses the visual use of text in game design, focusing on the personalities of fonts, functional typographic elements, and the importance of legibility. It emphasizes effective font pairing, color contrast, and animation in text, while highlighting the need for clarity and minimal text usage to enhance user experience. Additionally, it touches on technical considerations for internationalization and text compatibility in dynamic environments.
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)
- 6. Font components play
- 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
- 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
- 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
- 28. Text as visualisation • Word Clouds
- 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.