Digital Interactive Media. The Art of Type. Copyright Texas Education Agency, All rights reserved. 1

Similar documents
Graphic Design Basics. Shannon B. Neely. Pacific Northwest National Laboratory Graphics and Multimedia Design Group

Visual Communication Program Assessment Revised Graphic Design Portfolio Checklist/Assessment

Producing accessible materials for print and online

BRAND LOGO USAGE GUIDELINES SEPTEMBER 2002

Developing Effective Marketing Materials: Newspaper and Magazine Print Advertising Design Considerations

Recommendations for Designing Home Library Service Flyers NSW Home Library Service Working Group

Chapter 2 Review Questions and Answers

Brand Style Guide 2010 v.1

When older typesetting methods gave

PMS 342 PMS 425 Black White

Developing Effective Marketing Materials: Brochure Design Considerations

SMU Student Affairs Style Guide

Adjunct Assistant Professor Gayle Rembold Furbert. Typography II. County College of Morris Graphic Design Degree Program

Divide your material into sections, for example: Abstract, Introduction, Methods, Results, Conclusions

standards graphic standards manual

Serif or Modern Fonts

Visual Design Basics: Creating Effective Handouts, Flyers and Brochures

Newsletter Design, Layout and Content Tips

Composition and Layout Techniques

The Point Cloud Library Logo

Using this Brand Guide

Sample Table. Columns. Column 1 Column 2 Column 3 Row 1 Cell 1 Cell 2 Cell 3 Row 2 Cell 4 Cell 5 Cell 6 Row 3 Cell 7 Cell 8 Cell 9.

SUNY Osweeks S Logo Design

Word Processing programs and their uses

How to Copyright Your Book

Guide to design and layout

Branding. Packet Contents

Society of Petroleum Engineers Graphic Standards Guide

IM 2701 Multimedia Design and Web Development BSc in Business Information Systems. Chapter 01 Introduction to Multimedia Design

1.1. Design elements

DESIGN. Basic Principles of

Roles of Visuals in Instruction

Making it clear. Guidelines to producing printed material for people who are blind or partially sighted.

How to Design a Photo Based on Text, Word and Graphics

Fundamentals of Design

Yearbook Workflow English Desktop Publishing Susan O'Connor Coral Reef High School Miami, FL

MARKETING ABSTRACT PLAN

HOW TO SUCCEED WITH NEWSPAPER ADVERTISING

Identity Guide. HHMI Identity Guidelines V 1.2 1

How to Use the PTA Logo and Tagline

Guidelines for Creating Accessible Printed Posters. Stephen F. Gilson, Ph.D. Robert M. Kitchin Jr., MSW

Universal Design Principles Checklist

WBU PowerPoint Guidelines

Web Design.

THE. Fundamentals GRAPHIC DESIGN DEGREE PROGRAM COUNTY COLLEGE OF MORRIS. Typography II ADJ UNCT ASSISTAN T PROF ESSOR GAYLE REMBOLD FURBERT

B R A N D I N G G U I D E L I N E S

Graphic Standards Manual

CommunicationBulletins

BRAND GUIDELINES AND STANDARDS

September Cayuga Community College Brand Profile Graphic Standards

Better Homes and Gardens Real Estate LLC Franchisee Identity Standards Manual

The Logo 3. Fiksu Logo

SUGGESTED FORMATTING IDEAS FOR FLYERS

CONTENTS. 3 Introduction. 7 Nuance Corporate Signature. 5 Nuance Corporate Signature Color. Minimum Size and Clearspace Requirements

Stanford University Department of Athletics, Physical Education, and Recreation STYLE GUIDE

How To Communicate The Cyber Security Summit Brand To A Large Audience

Developing Academic Posters Using a Single PowerPoint Slide

Design Standards. March Visual Management Handbook. (260-VI-VMH, First Edition, March 2008)

Course Syllabus. Technical Writing Certificate - Basic

BRAND IDENTITY GRAPHIC STANDARDS MANUAL

Appendix C. Sign Design Guidelines. Sign Types and Placement

BRAND REHAB. Four Steps to a Bigger, Better Brand

Dr. Lisa White

MS Word 2007 practical notes

Tips for Presenting Online to People Who Are Blind or Visually Impaired

Graphic Standards Manual

CONTENTS. Effective Communication Six Steps to a Successful Newsletter Online Networking Chapter Mailings... 11

Corporate Identity Standards and Trademarks Manual

Making an Impact with your Poster

Page layout & typography. graphic design

MONROE TOWNSHIP PUBLIC SCHOOLS

Making a Great Poster. A Great Poster is:

Colour Science Typography Frontend Dev

Graphic Communication Desktop Publishing

BRAND + STYLE GUIDELINES

Protecting the power of a pure identity.

Interactive Brand Guidelines Brand Standards 2012

Shoreline Community College elearning Best Practice Guidelines

Introduction to Logo Design

Graphic Design Promotion (63) Scoring Rubric/Rating Sheet

Campaign Guidelines STEP IN. STAND UP.

Associate Degree for Transfer. Logo Guidelines. Revised - October 2012

HIT THE GROUND RUNNING MS WORD INTRODUCTION

The FIAT Brand. Key Visual Elements and Usage Guidelines

Hierarchy, Space, Placement & Alignment as a primary factors in visual organization.

Primary. Service Marks. Trademarks & GE Identity Program. These guidelines apply to all users of GE s primary trademarks and service marks.

MLA Formatting in Microsoft Word 2010/2011

MANUSCRIPT TITLE (CENTERED, 14 POINT BOLD, SANS SERIF FONT, MAJUSCULE)

Franklin & Marshall College Athletics Identity Guide

Brand Guidelines Stationery - Business Cards

The Role of Reactive Typography in the Design of Flexible Hypertext Documents

DIY Formatting and Layout Guidelines

DeVry University and Keller Graduate School of Management C O - B R A N D E D GUIDELIN ES

size and proportion Graphic Standards Manual Version 1.3 January 2014

Words By Wendy. Small Business Marketing Tips How to make your promotional dollars work harder

Symantec Identity Guidelines. Version 3 - March 2012

Digital Billboard Design Tips

Medicare Claims Processing Manual

Commercial and Promotional uses of Washington Campus Compact s Marks and Verbiage

Designing a Logo. Design 1

Transcription:

Digital Interactive Media The Art of Type 1

Objectives: l Achieve a working knowledge of basic typography terms l Learn the categories of type 2

Type l Have you ever thought about how your words look on a page? l Have you ever looked at something you created, and it just did not look right? Sometimes that can be fixed with a simple change of the type. 3

Typography l So, what is Typography? l Typography is the art and process of arranging type on a page. l Simply changing the typeface, size, color, weight, and placement of type in your design can add extra emphasis to your words and enhance the visual appeal of your message. 4

Typeface: l A typeface is a set of letterforms, number, and symbols unified by a common visual design. (Typeface Shown is Tabasco) l The word font is sometimes used interchangeably with the word typeface. 5

Type Styles: l Each typeface may also have a variety of type styles, which are modified versions like italic, bold, condensed and extended. l These specific typestyles are created to preserve the look and feel of typeface. They help extend the use of the typeface. 6

Type Family: l Some typefaces have more versions than those above; they may have outlines, be shaded, or decorated. This whole related group of type styles based on a typeface is called a type family. 7

Type Family: l Below is an example of the type family Action Man. 8

Type Terms: l Type is usually measured in points. There are 72 points in an inch. The larger the point size, the larger the type. l l Normally small point sizes like 6, 8, 10, and 12 are used for body copy. Large point sizes like 14, 18, 20, and higher are used for headlines, display lines, etc. l Weight is the thickness of the stroke on the text. Some text weights, like italics, are light and airy. Others, like bold, are heavy and thick. Most type families have different weights. 9

Alignment: l Most people know the common types of alignments; however, most people do not realize what each type of alignment should be used for. l Center Alignment: used for short amounts of text; in a flyer, announcement, etc. l Left Alignment: easy to read, and useful in any type application. l Right Alignment: used sparingly since it is hard to read. l Justified Alignment: common in magazines and newspapers. 10

Leading l Leading is the vertical space between lines of type on a page. l The first paragraph shows major leading between lines of text. l The second paragraph shows normal leading between the lines of text. 11

Kerning l Kerning is the adjustment of space between two individual letters to improve appearance. l The first 3 lines show adjusted kerning between the letters of the placeholder text. l The last 2 lines show normal kerning. 12

Type of Types: l All type fits into four major categories. They are l Serif l Sans Serif l Script l Decorative 13

Serif l Serif fonts are a typeface that have those little ears and feet at the end of individual letters. l Looking at the heading, you can see those ears and feet most clearly on the S. l Times New Roman is an example of a Serif font. l Serif fonts are very popular due to their fast readability and conservative nature. They are a great choice for body text and work well in a wide range of projects. 14

Sans Serif l Sans serif fonts do not have those little ears or feet on its letters. l Arial is an example of a sans serif font. You can see by this example that their letters have a very clean modern look. l Sans serif fonts make it easier for a reader to identify each letter, but they actually slow down a reader s reading speed. l Sans serif fonts are great for headline and display type. 15

l Script typefaces have a feeling of handwritten designs. l The font can seem formal or in some cases, very informal. l Script faces are best used sparingly. They are very hard to read. However, they can add that pop of interest to your piece. Don t be afraid to mix script with other styles to add interest to your work. 16

l Decorative typeface is a category containing the fonts that basically don t fit into any of the other categories. l These typefaces are usually extremely difficult to read and should be used sparingly. l Due to these fonts readability, they are best used for headlines and display text. 17