Does This Font Make My Course Look Phat or Flat? David Anderson, Bank of America

Transcription

1 301 Does This Font Make My Course Look Phat or Flat? David Produced by Not Just a Pretty Interface: Visuals and Graphics that Enhance Learning

2 Introduction "If you love it, you don't know much about typography. If you hate it, you really don't know much about typography, either, and you should get another hobby. Vincent Connare designer of Comic Sans 1 Introduction 2 Page 1

3 Introduction Common elearning writing voices: Voice Characteristics #1 Formal #2 Informal #3 Casual #4 Technical 3 Introduction Session goals: Type personality Basic principles of type Most common type mistakes Selecting and combining fonts 4 Page 2

4 Type Basics - Introduction At the end of this session, you should be able to: Understand how to apply type design principles Know how to select appropriate fonts for each project Learn where to find trendy fonts Is this a strong or weak learning objective? Why? 5 Type Basics - Introduction 6 Page 3

5 Type Basics - Introduction 7 Type Basics - Introduction 8 Page 4

6 Type Basics - Introduction 9 Type Basics - Introduction 10 Page 5

7 Type Personalities Page 6

8 13 14 Page 7

9 15 16 Page 8

10 17 Type Personalities - RESULTS 18 Page 9

11 Type Personalities Page 10

12 Selecting Fonts for Elearning Courses 21 Font Selection Poll: System or Custom? 22 Page 11

13 Selecting Fonts for Elearning Courses Basic guidelines: Thousands of fonts where to start? Begin with the content what s the topic? Consider the audience Three examples: Compliance Leadership Technology/Systems 23 Selecting Fonts for Elearning Courses Topics Compliance-Legal Leadership-Coaching Technology- Systems Concepts 24 Page 12

14 Selecting Fonts for Elearning Courses Topics Concepts Compliance-Legal Leadership-Coaching Technology- Systems Ethics, Workplace Harassment, Sarbanes-Oxley Code of Conduct Legal Rigid Formal Authority Neutrality Business Strength 25 Selecting Fonts for Elearning Courses Topics Concepts Compliance-Legal Leadership-Coaching Technology- Systems Ethics, Workplace Harassment, Sarbanes-Oxley Code of Conduct Legal Rigid Formal Authority Neutrality Business Strength Partnering for Results Virtual Teams Performance Management Teamwork Cooperation Success People Honesty Authentic 26 Page 13

15 Selecting Fonts for Elearning Courses Topics Concepts Compliance-Legal Leadership-Coaching Technology- Systems Ethics, Workplace Harassment, Sarbanes-Oxley Code of Conduct Legal Rigid Formal Authority Neutrality Business Strength Partnering for Results Virtual Teams Performance Management Teamwork Cooperation Success People Honesty Authentic Point of sale systems Database Accounting Future Science High-tech Geometric shapes Digital media Internet tubes 27 Selecting Fonts for Elearning Courses Compliance-Legal Ethics, Workplace Harassment, Sarbanes-Oxley Code of Conduct Legal Rigid Formal Authority Neutrality Business Strength 28 Page 14

16 Selecting Fonts for Elearning Courses Leadership-Coaching Partnering for Results Virtual Teams Performance Management Teamwork Cooperation Success People Honesty Authentic 29 Selecting Fonts for Elearning Courses Technology-Systems Point of sale systems Database Accounting Future Science High-tech Geometric shapes Digital media Internet tubes 30 Page 15

17 Selecting Fonts for Elearning Courses What s missing: Colors Layout Design elements Bullets Info boxes Call outs Imagery Content 31 Font Selection: Will this work for you? 32 Page 16

18 5 Techniques for Using Emphasis Basic techniques for emphasis: Size Weight Color Reverse type Mixing typefaces 33 5 Techniques for Using Emphasis Emphasis: Size 1 34 Page 17

19 5 Techniques for Using Emphasis Emphasis: Size Larger text is noticed first 35 5 Techniques for Using Emphasis Emphasis: Size Larger text is noticed first 36 Page 18

20 5 Techniques for Using Emphasis Emphasis: Size Larger text is noticed first 37 5 Techniques for Using Emphasis Emphasis: Size Larger text is noticed first 38 Page 19

21 5 Techniques for Using Emphasis 39 5 Techniques for Using Emphasis 40 Page 20

22 Combining Typefaces 2008 The elearning Guild 41 5 Techniques for Using Emphasis Combining typefaces: Contrast most important Widths Weights Sizes Avoid typefaces with similar weight and size Context fonts must support the content The fonts can disagree but there must be a relationship with the content Keep it within two families 42 Page 21

23 5 Techniques for Using Emphasis 43 5 Techniques for Using Emphasis 44 Page 22

24 Emphasis Poll: Will this work for you? 45 Sources of Inspiration 46 Page 23

25 Thank you! Questions? Get in touch? 47 Page 24