TYPE. Design Process

Size: px
Start display at page:

Download "TYPE. Design Process"

Transcription

1 TYPE Design Process

2 01 Vocabulary 02 Classification 03 Six Classic Typefaces 04 Readability 05 Ten Type Commandments 06 Inspiration 07 Assignment

3 01 Vocabulary 02 Classification 03 Six Classic Typefaces 04 Readability 05 Ten Type Commandments 06 Inspiration 07 Assignment

4

5

6

7

8

9

10

11

12

13

14 01 Vocabulary 02 Classification 03 Six Classic Typefaces 04 Readability 05 Ten Type Commandments 06 Inspiration 07 Assignment

15

16 Serif

17 SERIF - Old Style

18 SERIF - Transitional

19 SERIF - Neoclassic + Didone

20 SERIF - Slab

21 SERIF - Clarendon

22 SERIF - Glyphic

23 Sans - Serif

24 SANS SERIF - Grotesque

25 SANS SERIF - Square

26 SANS SERIF - Geometric

27 SANS SERIF - Humanistic

28 Script

29 Script - Formal

30 Script - Calligraphic

31 Script - Blackletter & Lombardic

32 Script - Casual

33 Decorative

34 Decorative

35 01 Vocabulary 02 Classification 03 Six Classic Typefaces 04 Readability 05 Ten Type Commandments 06 Inspiration 07 Assignment

36

37 Serif

38

39

40

41

42

43 Baskerville Baskerville Baskerville Baskerville Baskerville Baskerville

44

45

46

47

48

49

50

51

52 Sans - Serif

53

54

55

56

57

58

59

60

61

62

63 01 Vocabulary 02 Classification 03 Six Classic Typefaces 04 Readability 05 Ten Type Commandments 06 Inspiration 07 Assignment

64

65

66

67

68

69

70

71

72

73

74

75

76

77

78

79

80

81

82

83

84 01 Vocabulary 02 Classification 03 Six Classic Typefaces 04 Readability 05 Ten Type Commandments 06 Inspiration 07 Assignment

85

86

87

88

89

90

91

92

93

94

95 P.S. ALWAYS REMEMBER THE WHY

96 The font you use

97 will dictate the mood

98 and message of your design.

99 Some fonts feel elegant.

100 Others can feel juvenile.

101 Some evoke a time period.

102 Ps!b!qmbdf/

103 Or a culture.

104 Some feel casual.

105 Some feel light.

106 And others, heavy.

107 Some are not terribly legible.

108 some evoke energy and excitement.

109 And some are benign and bland.

110 Try to use a typeface with the appropriate voice. Each will communicate different things to your audience.

111 Be careful what you use for longer text. Most typefaces that are intended for display will be hard to read in paragraph format. Imagine reading a whole book of this.

112 Also! Serif type is easier to read in paragraph format than a sans-serif type. The serifs help move the eye along the horizontal lines of the text, making it more legible.

113 P.P.S. PLS DON T USE: PAPYRUS or COMIC SANS. EVER.

114 01 Vocabulary 02 Classification 03 Six Classic Typefaces 04 Readability 05 Ten Type Commandments 06 Inspiration 07 Assignment

115

116

117

118

119

120

121

122

123 01 Vocabulary 02 Classification 03 Six Classic Typefaces 04 Readability 05 Ten Type Commandments 06 Inspiration 07 Assignment

124 Assignment 1. Create 3 expressive words. An expressive word is one that manipulates the word s letterforms to communicate the meaning of the word. Feel free to use your sketch book, but your final designs should be made in either photoshop or illustrator. (do not use the word love) 2. Make a blog post about your work.

125

126

127

128

129

130

131 Assignment 1. Create 3 expressive words. An expressive word is one that manipulates the word s letterforms to communicate the meaning of the word. Feel free to use your sketch book, but your final designs should be made in either photoshop or illustrator. 2. Make a blog post about your work.

TYPE ANATOMY jtittle

TYPE ANATOMY jtittle TYPE ANATOMY TYPE ANATOMY TITTLE j Serif Typefaces Tt HUMANIST (a.k.a. Old Style ) - Modeled after the roman typefaces of 15 th & 16 th centuries - Closely related to calligraphy and hand movement CLASSIC

More information

How Typography Determines Readability: Serif vs. Sans Serif, and How To Combine Fonts.

How Typography Determines Readability: Serif vs. Sans Serif, and How To Combine Fonts. 18/03/2018 How Typography Determines Readability: Serif vs. Sans Serif, and How To Combine Fonts. Harshita Arora Follow 16 y/o entrepreneur & programmer. Formerly at Salesforce and MIT Launch. Creator

More information

Pre-Venetian or Ancient Humanist or Venetian Transitional Didone Slab Serifs

Pre-Venetian or Ancient Humanist or Venetian Transitional Didone Slab Serifs Pre-Venetian or Ancient Humanist or Venetian Transitional Didone Slab Serifs 1400 1500 1700 1800 Humanist Sans Serif Transitional Sans Serif Geometric Sans Serif Display Typefaces 1900 2000 Pre-Venetian

More information

Typography One typeface classification

Typography One typeface classification Typography One typeface classification Why classify? Classification helps us describe and navigate type choices Typeface classification helps to: 1. sort type (scholars, historians, type manufacturers),

More information

MODULE CM 2004 / STAGE 2 / SEMESTER 2 / SESSION Module title Design Principles and Context

MODULE CM 2004 / STAGE 2 / SEMESTER 2 / SESSION Module title Design Principles and Context MODULE CM 2004 / STAGE 2 / SEMESTER 2 / SESSION 06-07 Module title Design Principles and Context Typography Fonts are classified under the following headings. Old Face fonts make use of contrasting wide

More information

Font classification review

Font classification review Font classification review Taken from Lettering & Type by Bruce Willen Nolen Strals Old Style Transitional Modern Slab Serif Garamond ag Baskerville ag Bodoni ag Cowboys ab Sans Serif Gill Sans ag Decorative

More information

A Crash Course in Typography: Principles for Combining Typefaces - noupe

A Crash Course in Typography: Principles for Combining Typefaces - noupe A Crash Course in Typography: Principles for Combining Typefaces Cameron Chapman When combining typefaces, there are a couple of important principles you ll need to keep in mind, namely contrast and mood.

More information

Typography One typeface classification

Typography One typeface classification Typography One typeface classification Why classify? Classification helps us describe and navigate type choices Typeface classification helps to: 1. sort type (scholars, historians, type manufacturers),

More information

understanding typography

understanding typography understanding typography What is typography?! it is what language looks like! it is the art and technique of modifying type and arranging it on a page What does the arrangement of type mean? the arrangement

More information

Graphic Design. shawacademy LESSON 5. summarynotes INTRODUCTION TO TYPOGRAPHY. For further questions visit us online at:

Graphic Design. shawacademy LESSON 5. summarynotes INTRODUCTION TO TYPOGRAPHY. For further questions visit us online at: shawacademy Graphic Design LESSON 5 INTRODUCTION TO TYPOGRAPHY summarynotes The Diploma in Graphic Design Toolkit For further questions visit us online at: www.shawacademy.com Lesson 5 S shawacademy Lesson

More information

LESSON 7 Introduction to Typography

LESSON 7 Introduction to Typography FOUNDATION IN GRAPHIC DESIGN with ADOBE APPLICATIONS LESSON 7 Introduction to Typography Summary Notes WHAT IS TYPOGRAPHY? Typography is, quite simply, the art and technique of arranging type. Typography

More information

TYPOGRAPHY. ascender arm (as on the capital T) descender bar (as on the capital H) counter ear (as on the lower case g and r)

TYPOGRAPHY. ascender arm (as on the capital T) descender bar (as on the capital H) counter ear (as on the lower case g and r) TYPOGRAPHY Parts of letters: base line x-height ascender arm (as on the capital T) descender bar (as on the capital H) extenders bowl counter ear (as on the lower case g and r) serif stroke tail (as on

More information

The Evolution of Type. Movable Type: Johannes Gutenberg Early 15th Century

The Evolution of Type. Movable Type: Johannes Gutenberg Early 15th Century The Evolution of Type Movable Type: Johannes Gutenberg Early 15th Century Studio on Fire: Minneapolis Anatomy of Type cap height cross bar Anatomy n bowl describes g counter ascender finial stem type eye

More information

DESIGNING THE PAGE FOUNDATIONS OF DIGITAL DESIGN. Layout composition, the grid and typography. Prof. Eva Machauf

DESIGNING THE PAGE FOUNDATIONS OF DIGITAL DESIGN. Layout composition, the grid and typography. Prof. Eva Machauf DESIGNING THE PAGE Layout composition, the grid and typography FOUNDATIONS OF DIGITAL DESIGN Prof. Eva Machauf prof.machauf@gmail.com THE GRID The grid is the foundation of all design. Creating and working

More information

In your lifetime you ve seen billions of letters and millions of words, yet you might never have consciously noticed the typefaces you read.

In your lifetime you ve seen billions of letters and millions of words, yet you might never have consciously noticed the typefaces you read. In your lifetime you ve seen billions of letters and millions of words, yet you might never have consciously noticed the typefaces you read. Type is important because it is an unconscious persuader. It

More information

Baskerville. abcdefghijk For fun I like to jump cars while reading a quote by Albert Einstein.

Baskerville. abcdefghijk For fun I like to jump cars while reading a quote by Albert Einstein. serif Baskerville page 2 Baskerville page 3 Baskerville Baskerville Regular 26/28 while reading a quote by Baskerville italic 26/28 quote by Baskerville Semi bold 24/30 quote by Baskerville bold 24/26

More information

THINGS YOU NEED TO KNOW

THINGS YOU NEED TO KNOW TYPOGRAPHY THINGS YOU NEED TO KNOW to prevent your work from appearing amateurish. (p. 151) Only one space after punctuation (p. 152) What is monospaced type? (p. 152) Correct Quotation Marks (as soon

More information

Document and Web design has five goals:

Document and Web design has five goals: Document and Web design has five goals: to make a good impression on readers to help readers understand the structure and hierarchy of the information to help readers find the information they need to

More information

Putting type on a page without incorporating typographic principles is merely word processing. Terry Rydberg, Author Exploring InDesign 3

Putting type on a page without incorporating typographic principles is merely word processing. Terry Rydberg, Author Exploring InDesign 3 Putting type on a page without incorporating typographic principles is merely word processing. Terry Rydberg, Author Exploring InDesign 3 Typography The study of all elements of type as a means of visual

More information

TYPE BASICS Cartographic Design & Principles Winter 2016

TYPE BASICS Cartographic Design & Principles Winter 2016 TYPE BASICS Cartographic Design & Principles Winter 2016 Words on a Map Everything on the Earth has a name Names on a map, make it a map Otherwise it is a picture, photograph or design Assigning names

More information

Typography. is the foundation of good web design

Typography. is the foundation of good web design Typography is the foundation of good web design my name is Samantha Warren I am a web designer for Viget Labs I teach web & graphic design at the Center for Digital Imaging Arts at Boston University &

More information

Multimedia for the Web: Creating Digital Excitement. Multimedia Element Text

Multimedia for the Web: Creating Digital Excitement. Multimedia Element Text : Creating Digital Excitement Multimedia Element Text Chapter Concepts Discuss Fonts Understand Fonts Define Cascading Style Sheets (CSS) Explain Additional Options for Implementing Text on the Web Chapter

More information

Designing Research Posters. College of Art and Design Chris Jackson, Associate Dean Keli DiRisio, Assistant Professor

Designing Research Posters. College of Art and Design Chris Jackson, Associate Dean Keli DiRisio, Assistant Professor Designing Research Posters College of Art and Design Chris Jackson, Associate Dean Keli DiRisio, Assistant Professor Size and Orientation If you are NOT using the poster template: Start is with a 48"

More information

UNIVERSITY HOUSING COMMU- NICATION GUIDE TO DESIGN

UNIVERSITY HOUSING COMMU- NICATION GUIDE TO DESIGN UNIVERSITY HOUSING COMMU- NICATION GUIDE TO DESIGN INTRODUCTION Hello and welcome to the University Housing Communication Guide to Design! In this book, you will find various guides to help you enhance

More information

Font size. Tabl:e 2-4 Font Size Examples. Chapter 2.. Page Layout and Design 47. (font si ze="3"> (fo nt s ize="+l"> (font size="-l">

Font size. Tabl:e 2-4 Font Size Examples. Chapter 2.. Page Layout and Design 47. (font si ze=3> (fo nt s ize=+l> (font size=-l> Chapter 2.. Page Layout and Design 47 There are some limitations to using fonts. Although there are many fonts to choose from, for users to view those fonts, they have to be registered on the user's system.

More information

Better Beginnings: How to Capture Your Audience in 30 Seconds Carmen Taran Rexi Media

Better Beginnings: How to Capture Your Audience in 30 Seconds Carmen Taran Rexi Media 101 Better Beginnings: How to Capture Your Audience in 30 Seconds Carmen Taran Rexi Media January 28 & 29, 2010 Produced by Building Effective Interactivity into Your e-learning Better Beginnings How to

More information

jasonjuwono twentyfifteen TYPEDIA _ Typography Encyclopedia

jasonjuwono twentyfifteen TYPEDIA _ Typography Encyclopedia TYPEDIA _ Typography Encyclopedia ANATOMY_ Anatomy of a typeface Anatomy of a typeface What is a Font & Typeface? A design for a set of characters. A font is the combination of typeface and other qualities,

More information

art 118: intro to communication design // FALL 2011

art 118: intro to communication design // FALL 2011 t y p e specimen Due: Wednesday, November 30 ov e r v i e w A type specimen is a publication, that shows the range of a particular typeface in use. Printers and typographers have produced type specimens

More information

section four typography contents introduction...44 helvetica neue...45 bodoni...46 examples of type usage...47 body text examples...

section four typography contents introduction...44 helvetica neue...45 bodoni...46 examples of type usage...47 body text examples... section four typography 43 contents introduction...44 helvetica neue...45 bodoni...46 examples of type usage...47 body text examples...48 introduction Consistent application of type fonts and styles allows

More information

Typography 2! HCC 710 2/1 /13. Human&Centered,Compu/ng,at,University,of,Maryland,,Bal/more,County

Typography 2! HCC 710 2/1 /13. Human&Centered,Compu/ng,at,University,of,Maryland,,Bal/more,County Typography 2! HCC 710 2/1 /13 1, Human&Centered,Compu/ng,at,University,of,Maryland,,Bal/more,County Letterform Critiques! 25-30 minutes 2, Wordpress Questions / " Graphic Design Inspirations! 3, Human&Centered,Compu/ng,at,University,of,Maryland,,Bal/more,County

More information

Typesetting Tips. Put your best type forward.

Typesetting Tips. Put your best type forward. Typesetting Tips Put your best type forward. Do you want your audience to read your document? Improve your chances by making your article easy to read. Make the document difficult to read and To learn

More information

Unit 3--Alignment, Formatting Font--Size, Color, Style [Bold, Italic, and Underline] Block

Unit 3--Alignment, Formatting Font--Size, Color, Style [Bold, Italic, and Underline] Block Unit 3--Alignment, Formatting Font--Size, Color, Style [Bold, Italic, and Underline] Block Use the mouse pointer to select the text (or put a blue highlight behind it). Then, make the changes you need.

More information

ONE K CREATIVE. tools for social impact storytelling: CREATING A CONSISTENT BRand

ONE K CREATIVE. tools for social impact storytelling: CREATING A CONSISTENT BRand ONE K CREATIVE tools for social impact storytelling: CREATING A CONSISTENT BRand key elements to define for brand consistency DEFINING THE BASIC ELEMENTS OF YOUR BRAND ALLOWS YOUR TEAM - STAFF, BOARD MEMBERS,

More information

Objective 203 Apply production methods to plan and create advanced digital media graphics projects. Course Weight : 25%

Objective 203 Apply production methods to plan and create advanced digital media graphics projects. Course Weight : 25% Objective 203 Apply production methods to plan and create advanced digital media graphics projects. Course Weight : 25% Objective 203 - Graphics Objectives are broken down into three sub-objectives : pre-production,

More information

FOUNDATION IN GRAPHIC DESIGN. with ADOBE APPLICATIONS

FOUNDATION IN GRAPHIC DESIGN. with ADOBE APPLICATIONS FOUNDATION IN GRAPHIC DESIGN with ADOBE APPLICATIONS CAN YOU ALL HEAR ME? SPECIAL ANNOUNCEMENT Win a Lifetime Membership to Shaw Academy The draw will be held live during Lesson 8 * CONDITIONS Attend at

More information

Identity Guidelines 2018

Identity Guidelines 2018 Identity Guidelines 2018 Table of Contents The Signature Clear Space Minimum Size Color Formats Signature Misuses Color Palette Primary Color Palette Secondary Color Palette Support Typography: Sans Serif

More information

Unit 4. Multimedia Element: Text. Introduction to Multimedia Semester 2

Unit 4. Multimedia Element: Text. Introduction to Multimedia Semester 2 Unit 4 Multimedia Element: Text 2017-18 Semester 2 Unit Outline In this unit, we will learn Fonts Typography Serif, Sans Serif, Decorative Monospaced vs. Proportional Style Size Spacing Color Alignment

More information

User-Centered Website Development: A Human- Computer Interaction Approach

User-Centered Website Development: A Human- Computer Interaction Approach User-Centered Website Development: A Human- Computer Interaction Approach Daniel D. McCracken City College of New York Rosalee J. Wolfe DePaul University With a foreword by: Jared M. Spool, Founding Principal,

More information

Font Basics. Descender. Serif. With strokes on the extremities of the letters. T Script. Sans-Serif. No strokes on the end of the letters

Font Basics. Descender. Serif. With strokes on the extremities of the letters. T Script. Sans-Serif. No strokes on the end of the letters Font Basics Ascender Font Size d p x A X-height Cap height Counter The white space within letters Descender Bar A Serif With strokes on the extremities of the letters. T A Sans-Serif No strokes on the

More information

Typography in Design The principles of design describe the ways that artists use the elements of art in a work of art.

Typography in Design The principles of design describe the ways that artists use the elements of art in a work of art. Typography in Design The principles of design describe the ways that artists use the elements of art in a work of art. Aims & Outcomes: Aims: to understand typeface categories and how they are used in

More information

VOICE OF TYPE LECTURE 1

VOICE OF TYPE LECTURE 1 VOICE OF TYPE LECTURE 1 TYPOGRAPHY II COUNTY COLLEGE OF MORRIS PROFESSOR GAYLE REMBOLD FURBERT VOICE OF TYPE As you look at typefaces, analyze their forms, learn their history and learn how to use them

More information

The Visual Scientist Presents Poster Design

The Visual Scientist Presents Poster Design The Visual Scientist Presents Poster Design layout fonts science! Hailpern & Danilevsky www.thevisualscientist.com Topics Covered This is a how-to-guide for effectively presenting scientific work in the

More information

INTRODUCTION TO TYPOGRAPHY DESIGN

INTRODUCTION TO TYPOGRAPHY DESIGN INTRODUCTION TO TYPOGRAPHY DESIGN Goals of typographic design Typography plays an important role in how audiences perceive your document and its information. Good design is about capturing your audience

More information

Font, Typeface, Typeface Family. Selected Typographical Variables

Font, Typeface, Typeface Family. Selected Typographical Variables Font, Typeface, Typeface Family Font: A font is a set of printable or displayable text character in a specific style, weight, and size. E.g. Helvetica Italic 10 Point. Typeface: The type design for a set

More information

COPY/PASTE: Allows any item within a document to be copied and pasted within the same document or within compatible software applications.

COPY/PASTE: Allows any item within a document to be copied and pasted within the same document or within compatible software applications. You will need to understand basic terms and techniques used in DTP, as well as file types used within DTP and their advantages and disadvantages. This is separate from Elements and Principles of DTP which

More information

BASIC ABOUT TYPE TYPO GRAPHY

BASIC ABOUT TYPE TYPO GRAPHY BASIC ABOUT TYPE TYPO GRAPHY TYPOGRAPHY BASIC DESIGN Relative & Absolute measurements Absolute measurements Inche : Millimetres : Points : Pica 3 Inches 76.2 mm 216 Points 18 Picas 1 Inches = 3 Picas A

More information

TEXT MEDIA AND INFORMATION

TEXT MEDIA AND INFORMATION TEXT MEDIA AND INFORMATION Objectives Identify the basic elements in creating a text-based presentation. Evaluate the text-based presentation through the design principles and elements. But we know, irl,

More information

elaborate lettering. Calligraphy along with page layout.

elaborate lettering. Calligraphy along with page layout. Just the Ad stuff Middle Ages They used rounded elaborate lettering. Calligraphy along with page layout. www.printmag.com/typography/evolutiontypography-history 15 th century, printing press and development

More information

Topic 0b Graphics for Science & Engineering

Topic 0b Graphics for Science & Engineering Course Instructor Dr. Raymond C. Rumpf Office: A 337 Phone: (915) 747 6958 E Mail: rcrumpf@utep.edu Topic 0b Graphics for Science & Engineering EE 4386/5301 Computational Methods in EE Outline What are

More information

INTRODUCING THE Transition family

INTRODUCING THE Transition family INTRODUCING THE Transition family A TYPFACE DESIGNED BY JAN ERASMUS CIRCA 2006 INFORMATION GUIDE RELEASED AND DISTRIBUTED BY: Cybergraphics.bz ALSO DISTRIBUTED BY: Fonts.com Linotype.com ITC.com Transition

More information

ASerif. AfbcyE TYPE AND LETTERS

ASerif. AfbcyE TYPE AND LETTERS TYPE AND LETTERS Before 1455 books were made by hand. Only the wealthy could afford a book. A book could cost as much as an acre of land. Say! you bought two books for this class that will be $800,000

More information

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

Does This Font Make My Course Look Phat or Flat? David Anderson, Bank of America 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 Introduction "If you love it, you don't know much about typography.

More information

Good Publication Design

Good Publication Design Good Publication Design The top ten tips for creating professional print documents How do I create a well-designed print publication? Good publication design is an art form. Attractively presenting written

More information

Build websites that suit the needs and abilities of users

Build websites that suit the needs and abilities of users Goal 1 Build websites that suit the needs and abilities of users The main goal of many websites is to display information users need. 2 Tools for indicating importance in the visual information hierarchy

More information

Wissenschaftliche Poster-Präsentation

Wissenschaftliche Poster-Präsentation Wissenschaftliche Poster-Präsentation Assoc. Prof. Mathias Lux This work is licensed under a Creative Commons Attribution 4.0 International License. DIY Flipchart. What can a scientific poster achieve?

More information

Connect with Your Most Valued Asset Your Employees. Dynamic Signal

Connect with Your Most Valued Asset Your Employees. Dynamic Signal Connect with Your Most Valued Asset Your Employees Primary Logo Mark & Lockups Primary Monogram The most prominent brand element of the logo is the iconic lightning bolt monogram. This mark is simple yet

More information

Alphabet. elemental visual signs 26 characters frozen sounds

Alphabet. elemental visual signs 26 characters frozen sounds Alphabet elemental visual signs 26 characters frozen sounds Evolution Handwriting > minimum number of strokes Engraving > lowercase > minimum number of curved lines > capitals Letterforms Appearance of

More information

What is PowerPoint Good For? Using PowerPoint. What is PowerPoint Not So Good For? What is PowerPoint Terrible At? Modifying the Layout

What is PowerPoint Good For? Using PowerPoint. What is PowerPoint Not So Good For? What is PowerPoint Terrible At? Modifying the Layout What is PowerPoint Good For? Highlights Using PowerPoint Dynamic information some style issues Visual information What is PowerPoint Not So Good For? Textual information - Long sentences take time to read

More information

Principles of Typography

Principles of Typography Principles of Typography Different fonts send a different message to the reader. Categories: Sans serif Serif Script Decorative Fonts Sans-serif Fonts Easy to read, especially online Modern and clean Good

More information

Logos. North Dallas Shared Ministries

Logos. North Dallas Shared Ministries Brand Guidelines Logos The NDSM logo stands at the center of the NDSM brand. For this reason it must be reproduced and applied with consistency in all of our brand communications. It is essential that

More information

Visual Design. Gestalt Principles Creating Organization and Structure Typography. UI Visual Design Objectives

Visual Design. Gestalt Principles Creating Organization and Structure Typography. UI Visual Design Objectives Gestalt Principles Creating Organization and Structure Typography 1 UI Objectives 1. Information communication - Enforce desired relationships (and avoid undesired relationships) 2. Aesthetics - well designed,

More information

Microsoft PowerPoint 2013 Module

Microsoft PowerPoint 2013 Module Microsoft PowerPoint 2013 Module Signing your name below means the work you are turning in is your own work and you haven t given your work to anyone else. Name Period Seat Completed Activity Points Poss.

More information

serif: the short strokes that finish off the major strokes of the letterform. bracket: a curving joint between the serif and the stroke

serif: the short strokes that finish off the major strokes of the letterform. bracket: a curving joint between the serif and the stroke PARTS OF THE LETTER Typography evolved from handwriting, which is created by making a series of marks by hand; therefore, the fundamental element constructing a letterform is the linear stroke (stem).

More information

please save the date saturday, 31st january 2015 PLEASE SAVE THE DATE SATURDAY, 31ST JANUARY 2015

please save the date saturday, 31st january 2015 PLEASE SAVE THE DATE SATURDAY, 31ST JANUARY 2015 gill sans family Designers: Eric Gill for Monotype A classic humanist sans serif, great for use as body text. Highly recommended to pair with modern calligraphy scripts for a casual feel. This font also

More information

Helvetica Type Specimen Process book

Helvetica Type Specimen Process book Helvetica Type Specimen Process book Project Goal Using the history and typeface of Helvetica to inspire my design, the goal of this project was to create a booklet that would essentially sell the type

More information

Digital Design: How to disseminate ideas, research and good practice in a visually stimulating way. Dawne Bell December 2015

Digital Design: How to disseminate ideas, research and good practice in a visually stimulating way. Dawne Bell December 2015 Digital Design: How to disseminate ideas, research and good practice in a visually stimulating way. Dawne Bell December 2015 This workshop has been devised as a direct result of feedback by colleagues

More information

pokemon starters and the Classification of Type By: Sarah Cornell

pokemon starters and the Classification of Type By: Sarah Cornell pokemon starters and the Classification of Type By: Sarah Cornell Table of Contents Old Style Type Kanto Starters... 4-7 Transitoinal Type Hoenn Starters... 8-11 Modern Type Alola Starters... 12-15 Slab

More information

Friendly Fonts for your Design

Friendly Fonts for your Design Friendly Fonts for your Design Choosing the right typeface for your website copy is important, since it will affect the way your readers perceive your page (serious and formal, or friendly and casual).

More information

CONCEIVING YOUR WEBSITE & ONLINE COMMUNICATIONS STRATEGY: A Helpful Guide Written by Amy Lenzo, under Creative Commons Licensing

CONCEIVING YOUR WEBSITE & ONLINE COMMUNICATIONS STRATEGY: A Helpful Guide Written by Amy Lenzo, under Creative Commons Licensing CONCEIVING YOUR WEBSITE & ONLINE COMMUNICATIONS STRATEGY: A Helpful Guide Written by Amy Lenzo, under Creative Commons Licensing For most of us, an effective web site is an essential tool in today s world,

More information

Lumin Lumin Sans Lumin Sans Condensed Lumin Display

Lumin Lumin Sans Lumin Sans Condensed Lumin Display Typotheque type specimen & OpenType feature specification. Please read before using the fonts. Lumin Lumin Sans Lumin Sans Condensed Lumin Display OpenType font family supporting Latin based languages

More information

STONELAW HIGH GRAPHIC

STONELAW HIGH GRAPHIC GRAPHIC COMMUNICATION Technical Education THE A to Z of DTP Your knowledge of desktop publishing terminology will be expanded as you progress within the subject THE A to Z of DTP ALIGNMENT positions of

More information

HURME GEOMETRIC SANS

HURME GEOMETRIC SANS No.1 SHARP No.2 ALTERNATIVE HURME TYPEFACE SPECIMEN PRINT SAMPLES No.3 BLUNT No.4 SWASH Hurme Geometric Sans Typeface Specimen 03/20/2013 2 Page heading: Black. 30pt/30pt. Byline: Regular/Bold SmallCaps.

More information

font pairing FONT PAIRINGS GCEF

font pairing FONT PAIRINGS GCEF font pairing As the saying goes, type is a beautiful group of letters, not a group of beautiful letters. ~Matthew Carter image as a designer ASSETS and type Two Functions of Type In order for your type

More information

เพ มภาพตามเน อหาของแต ละบท. Basic of Web Design by Assoc. Prof. Churee Techawut and Dr. Ratsameetip Wita adapted into English by Dr.

เพ มภาพตามเน อหาของแต ละบท. Basic of Web Design by Assoc. Prof. Churee Techawut and Dr. Ratsameetip Wita adapted into English by Dr. เพ มภาพตามเน อหาของแต ละบท http://highlevelstudios.com/images/basic_design.jpg Basic of Web Design by Assoc. Prof. Churee Techawut and Dr. Ratsameetip Wita adapted into English by Dr. Prakarn Unachak 1.

More information

Using Text in Photoshop

Using Text in Photoshop Using Text in Photoshop So, we re going to take a break for a while from talking about photographs and how to manipulate them, and instead focus on some design elements! We re going to spend a while talking

More information

Typography. Figure 1. Excerpted From: Principles of Beautiful Web Design, by Jason Beaird Page 1

Typography. Figure 1. Excerpted From: Principles of Beautiful Web Design, by Jason Beaird Page 1 After studying typography for some time, you ll never look at a billboard, brochure, or book the same way again. You might start snapping pictures of ride signage at theme parks, rather than your kids.

More information

TOP 10 DESIGN MISTAKES

TOP 10 DESIGN MISTAKES TOP 10 DESIGN MISTAKES 1. Sizing Issues: This part is too big, that part is too small 2. Lack of Sharing Buttons: We want to share but how or where? 3. Mismatched Purpose: Site doesn't fit your goals 4.

More information

Comparing Serif and Sans Serif. Typeface Pairings on Maps. Nathan Finden

Comparing Serif and Sans Serif. Typeface Pairings on Maps. Nathan Finden Comparing Serif and Sans Serif Typeface Pairings on Maps by Nathan Finden A Thesis Presented in Partial Fulfillment of the Requirements for the Degree Master of Science in Technology Approved April 218

More information

Chapter 8: Rococo Graphic Design 18 th century

Chapter 8: Rococo Graphic Design 18 th century Chapter 8: Rococo Graphic Design 18 th century Romain du Roi (French for King s Roman) The first printing of the Romain du Roi at the beginning of the eighteenth century signified a shift to transitional

More information

Brand Guidelines. Version 1 / May 2016

Brand Guidelines. Version 1 / May 2016 Brand Guidelines Brand Guidelines 02 Contents 01 Introduction 03 02 Identity 04 02.1 The Hadrian s Wall World Heritage Site logo 04 02.2 Exclusion zone 05 02.3 Separated logo 06 02.4 Non UNESCO logo 07

More information

Document Design Chunking Similar Information Together

Document Design Chunking Similar Information Together Document Design Dieter Rams, a famous German designer whose work has influenced Apple s design aesthetic, is noted for his formula: Good design is as little design as possible (Rams). As a document designer,

More information

Enhancing Presentations with Slides and Other Visuals. Prentice Hall, 2008 Business Communication Today, 9e Chapter 17-1

Enhancing Presentations with Slides and Other Visuals. Prentice Hall, 2008 Business Communication Today, 9e Chapter 17-1 Enhancing Presentations with Slides and Other Visuals Prentice Hall, 2008 Business Communication Today, 9e Chapter 17-1 Structure of Presentation 1. Role of Visuals 2. Steps to Write Content 3. Design

More information

TEMPLATE ORDER GUIDE /

TEMPLATE ORDER GUIDE / TEMPLATE ORDER GUIDE / Our template order guide is filled with guidelines to help you complete the template order form. We want this to be a super easy and fun process for you! In order to prevent any

More information

DTP Theory Notes. Arbroath Academy - Technology Department - National 5 Graphic Communication

DTP Theory Notes. Arbroath Academy - Technology Department - National 5 Graphic Communication DTP Theory Notes What is Desktop Publishing? Desktop Publishing (DTP) is the process of using software to create different publications, e.g, magazines, brochures, posters, booklets,newspapers. Who makes

More information

TYPOGRAPHY. The art of type

TYPOGRAPHY. The art of type Typography TYPOGRAPHY The art of type TYPE All the letters (abc), Numbers (123) & characters (;? @) of the alphabet. MONOTYPE Trade name for hot metal composition system Monotype Corporation Machine Shop

More information

Brand Manual THE NEW CORPORATE DESIGN GUIDELINES FOR ARABRENEUR COMPANY CORPORATE DESIGN MANUAL V1 PREPARED FOR

Brand Manual THE NEW CORPORATE DESIGN GUIDELINES FOR ARABRENEUR COMPANY CORPORATE DESIGN MANUAL V1 PREPARED FOR Davinci Digital Agency +2 010 2000 99 32 Brand Manual THE NEW CORPORATE DESIGN GUIDELINES FOR ARABRENEUR COMPANY CORPORATE DESIGN MANUAL V1 PREPARED FOR Address Phone & Fax Online Arabreneur Company City

More information

The Essential. Web Design. Handbook

The Essential. Web Design. Handbook The Essential Web Design Handbook A complete guide to designing simple and beautiful websites from initial ideas to the final Photoshop project files. Rafal Tomal The Essential Web Design Handbook Version

More information

DIGITAL BANNER ADVERTISING GUIDELINES

DIGITAL BANNER ADVERTISING GUIDELINES 1 DIGITAL BANNER ADVERTISING GUIDELINES Version 1.0 March 2017 This document is subject to periodic revision. Please check www.leeds.ac.uk/comms to make sure you have the most recent version. Contents

More information

O M. O M logo specs. O M O M O M O M

O M. O M logo specs. O M O M O M O M overview. The useum of odern Art, or oa, is an art museum in anhattan that holds and displays a wide range of modern and contemporary art. oa is considrered to be one of the most influential museums in

More information

2006 by Softnet Systems, Inc. Page 1 of 9

2006 by Softnet Systems, Inc. Page 1 of 9 2006 by Softnet Systems, Inc. Page 1 of 9 Inserting Text Via Vocabulary Editor This is an easy technique well suited for situations where the text to be inserted is short and frequently used. You may think

More information

Before & After. Use the Principles Cheatsheet! From The Non-Designer s Design Book, Robin Williams Non-Designer s Design 8

Before & After. Use the Principles Cheatsheet! From The Non-Designer s Design Book, Robin Williams Non-Designer s Design 8 Before & After Use the Principles Cheatsheet! From The Non-Designer s Design Book, Robin Williams Non-Designer s Design 8 Before & After From The Non-Designer s Design Book, Robin Williams Non-Designer

More information

BRAND GUIDE JANUARY 2013 PREPARED BY JULIE ZACK GRAPHIC DESIGNER

BRAND GUIDE JANUARY 2013 PREPARED BY JULIE ZACK GRAPHIC DESIGNER BRAND GUIDE JANUARY 2013 PREPARED BY JULIE ZACK GRAPHIC DESIGNER 716.517.6298 BRIEF AERIS Latin word meaning air, atmosphere, ether, or weather. SPECIFICS Asbestos abatement Lead hazard control Mold mitigation

More information

8 Web Design Principles to Use IN ELEARNING DESIGN

8 Web Design Principles to Use IN ELEARNING DESIGN 8 Web Design Principles to Use IN ELEARNING DESIGN (813) 901-8600 info@elogiclearning.com elogiclearning.com TABLE OF CONTENTS 1. Purpose 3 2. Communication 4 3. Typefaces 5 4. Colors 6 5. White or Negative

More information

Part Two: Website Design

Part Two: Website Design Get Started Building Your Website Part One: Planning Get started building your website Part Two: Website Design [insert your branding here] Design 101 Choose your Template Your Business Logo or Website

More information

LECTURE 4 THE USES OF TEXT IN MULTIMEDIA

LECTURE 4 THE USES OF TEXT IN MULTIMEDIA LECTURE 4 THE USES OF TEXT IN MULTIMEDIA 1 Objective Media Types What text is How text is created and stored in the computer How text is used in Multimedia Systems Advantages and Disadvantages of using

More information

Writing and Document Design Lecture 6 Typography

Writing and Document Design Lecture 6 Typography Writing and Document Design Lecture 6 Typography Last week We looked at Kress and van Leeuwen s work on composition/layout and considered its usefulness as both an analytic tool (a way of analysing and

More information

Basic PowerPoint Guidelines. Tips for Creating Great Presentations

Basic PowerPoint Guidelines. Tips for Creating Great Presentations Basic PowerPoint Guidelines Tips for Creating Great Presentations Fonts No more than 2 fonts per slide Serif fonts- fonts with curves - Times New Roman Sans Serif fonts- clean, block fonts- Arial Script-

More information

MEDIA KIT. MARCH 2019 / v. 1

MEDIA KIT. MARCH 2019 / v. 1 MEDIA KIT MARCH 2019 / v. 1 BRAND CONSTRUCTION three elements: the Symbol, the (HOLDINGS). To maintain its impact and immediate visual recognition, no text, graphic element, or edge should interfere with

More information

To make Roadtrip Nation Web pages accessible to all, here are a few plugins for the Chrome browser to help you.

To make Roadtrip Nation Web pages accessible to all, here are a few plugins for the Chrome browser to help you. To make Roadtrip Nation Web pages accessible to all, here are a few plugins for the Chrome browser to help you. These plugins will read the text aloud for you, allow you to speak your answers instead of

More information

fonts Some famous (and infamous) fonts

fonts Some famous (and infamous) fonts fonts It s easy to forget that fonts have been around for hundreds of years, and the writing styles of ancient cultures have influenced their creation for thousands of years. The people who design fonts

More information