Games Design 2 - Lecture 5 - Text
•Télécharger en tant que KEY, PDF•
0 j'aime•382 vues
Lecture 5 in the Caledonian University course COMU346 - Games Design 2 which looks at data visualisation and games interface design.
Recommandé
Contenu connexe
En vedette
Similaire à Games Design 2 - Lecture 5 - Text
Similaire à Games Design 2 - Lecture 5 - Text (20)
Plus de David Farrell
Plus de David Farrell (20)
Dernier
Dernier (20)
Games Design 2 - Lecture 5 - Text
- 1. Game Design 2 Lecture 5: Text http://www.comu346.com dfarrell@davidlearnsgames.com
- 2. Errata and News • TV Shows worth watching (iPlayer): • Gameswipe • Design for Live • There will be no classes next week • Objectified film - Dundee - October 27th
- 3. Objectified
- 5. Tuesday, 27th October • 3.30 train arrives around 5pm. • Denki @ DCA around 5.30 • Film at 6 • Last train is at 21.52, arrive at 23.15 • £20 (ish) for train + £3.20 for tickets
- 6. World of Goo • http://bit.ly/worldofgootour • Layering & Seperation • Cursor outline and trail • Parallax scrolling • Blur • Shadows
- 7. Reading • Duarte 140 - 155 • Fox 87-98
- 8. Two Questions • How do you use text visually? • How can text help you visualise data?
- 9. Anthropomorphised Fonts • Fonts have personality. • Serious • Playful • Friendly •Tense • Annoying • Distressed
- 10. Functional Fonts •fixed width fonts { useful for programming; because characters line up; } • Other fonts are suitable for OCR
- 12. play Cap Height
- 15. play Cap Height Ascender X Height Baseline
- 16. play Cap Height Ascender X Height Baseline Descender
- 17. Serifs play Cap Height Ascender X Height Baseline Descender
- 18. Serifs play Cap Height Ascender X Height Baseline Descender Counter
- 19. Serif Fonts • The serifs connect letters • useful at small point size • or in large paragraphs • problematic for dyslexics
- 20. Sans Serif Fonts • Sans means ‘without’ • generally accepted as easier to read • work better on computer screens
- 21. Ligatures • firefly • note how the ‘f’ and ‘i’ interact • firefly • Keynote applies ligatures but not to ‘fl’
- 22. 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.
- 23. 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
- 24. 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
- 28. 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
- 30. Using Text • Where possible, show don’t tell • but where necessary tell • Use little text • Even in adventure games, people don’t read • Avoid UPPPERCASE
- 31. 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
- 32. Text as visualisation • Word Clouds
- 39. 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.