This file includes FILLABLE FORM FIELDS. Enter your answers and then save the form as a PDF with your name to submit. Ex: 4CChrisJohnson.pdf.

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

Alphabet. elemental visual signs 26 characters frozen sounds

VOICE OF TYPE LECTURE 1

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

Project 2 reminders: Hand in your typed book summary/response at end of class today. Make sure to include your name and section.

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)

LESSON 7 Introduction to Typography

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

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

a e yp fi Letterform Anatomy Ascender Shoulder Tittle Bowl Crossbar Stem or Main Stroke Terminal Leg Ascent Line Cap Line Mean Line Baseline

TYPE ANATOMY jtittle

Font classification review

Franklin Gothic. Seniors: Use larger text that is clear and legible. (Souvenir, Times, Garamond, Helvetica)

Typography One typeface classification

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

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

Principles of Typography

TYPO GRA PHY THE ANATOMY OF TYPE A BRIEF HISTORY OF TYPOGRAPHY WHAT IS YOUR TYPE ACTUALLY SAYING? OPEN FONT DISCUSSION

Typesetting Tips. Put your best type forward.

C L A S S 2 T Y P O G R A P H Y. FOUNDATIONS OF GRAPHIC DESIGN MW 8 a.m.

The Visual Scientist Presents Poster Design

> what is a font? Times New Roman [10 pts] Times New Roman [12 pts] Times New Roman [14 pts] Times New Roman [18 pts] Times New Roman [24 pts]

Typographic hierarchy: How to prioritize information

INTRODUCTION TO TYPOGRAPHY DESIGN

The Poster Presentation

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

DIGITAL PRINT DESIGN (568 )

TYPE BASICS Cartographic Design & Principles Winter 2016

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

ASerif. AfbcyE TYPE AND LETTERS

proj 5 A/B kerning & introduction to the grid

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

Typography. is the foundation of good web design

FOUNDATION IN GRAPHIC DESIGN. with ADOBE APPLICATIONS

Beyond Captioning: Tips and Tricks for Accessible Course Design

Font, Typeface, Typeface Family. Selected Typographical Variables

Typefaces are character sets based on distinct design characteristics.

Welcome to TechComm Fundamentals Bootcamp, Session 6 THE SESSION WILL START IN A FEW MINUTES. MUTE YOUR PHONE, PLEASE!

Typography Manual. Edition Number 02, 2016 by Chris Do 2016 Chris Do

WATER (No kerning) WATER (Automatic Kerning) WATER (Manual Kerning).

Typographic. Alphabet. Book. Interactive PDF of typographic rules & terms YOU NEED TO KNOW. Home. Table of Contents

Crimes Against Typography. Shela Vang 13 images Collaborative Partner: Daha Lee 12 images

Center for Genome Engineering

H A-Z of DTP Features

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

Build websites that suit the needs and abilities of users

Writing and Document Design Lecture 6 Typography

WEB TYPOGRAPHY FOR WEB DEVELOPERS. Matej Latin Lead UX/UI Designer at Autotrader.co.uk

BASIC ABOUT TYPE TYPO GRAPHY

Typography/ Layout and Design

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

SUCCESSFUL TYPE? Interface Aesthetics

OUR TYPOGRAPHY APPROVED UNIVERS FONTS. Univers 65 Bold Univers 65 Bold Oblique Univers 75 Black Univers 75 Black Oblique

Wissenschaftliche Poster-Präsentation

understanding typography

TEXT MEDIA AND INFORMATION

Developing successful posters using Microsoft PowerPoint

jasonjuwono twentyfifteen TYPEDIA _ Typography Encyclopedia

TEMPLATE ORDER GUIDE /

Script for Interview about LATEX and Friends

Document Design Chunking Similar Information Together

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

TYPOGRAPHY. The art of type

Typography One typeface classification

anatomy cap height x-height baseline descender ligature finial terminal ascender spine small capital uppercase counter cross bar lowercase

HEL HEL HEL HEL VETIC HEL VETIC HEL HEL VETICA HEL HEL ETICA ETIC VETIC HEL VETIC HEL HEL C VETICA ETI- HEL HEL VETI HEL VETICA VETIC HEL HEL VETICA

Photo by Kelly Giddings

communication design and the web John Zimmerman HCI Institute and the School of Design, Carnegie Mellon University 17 November 2010

WELCOME TO WESTCONN ATHLETICS BRAND GUIDELINES

Adjust the point size

Graphic Standards 1/28/13

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

Typography Main typography EC Square Sans Pro

Design that Enhances Readability

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

> objective(s): Students will create a text-only design in either Adobe Illustrator or Photoshop

Digital Print Design DESCRIPTION. EXAM INFORMATION Items

GD I // SPRING

Accessible Documents & Presentations. By Amy Maes, DNOM

LECTURE 4 THE USES OF TEXT IN MULTIMEDIA

TOOLKIT for Making Written Material Clear and Effective. SECTION 2: Detailed guidelines for writing and design

Guiding Principles for PowerPoint Presentations

BRAND. For Internal Use Only Not For Use With The Public. For help and guidance on our brand standards, contact

Using Text in Photoshop

Prerequisites: CUNY proficiency in reading, writing and mathematics OR Co-requisite: ENG 092R (ESOL 032R) and/or ENG 092W (ESOL 031W), as required.

UNIVERSITY HOUSING COMMU- NICATION GUIDE TO DESIGN

Step by Step: Scientific Poster Making Using PowerPoint 2010

PLANNING. CAEL Networked Worlds WEEK 2

ALL CAPS Text set completely in UPPERCASE or all capital letters. Also refered to as: Uppercase

Project Justification

USE OF AUDIO VISUAL AIDS. Shital Moktan

Web Design, 5 th Edition

elaborate lettering. Calligraphy along with page layout.

elaborate lettering. Calligraphy along with page layout.

Knightswood Secondary School. Graphic Communication. Desktop Publishing otes. Auto Tracing

Accessible Presentation Guide

1. Our Brand Defined

Designerly Presentations: An Annotated Guide

UNC Eshelman School of Pharmacy

COURSE DESIGN ACCESSIBILITY CHECKLIST

Transcription:

BASIC SKILLS: TYPOGRAPHY This file includes FILLABLE FORM FIELDS. Enter your answers and then save the form as a PDF with your name to submit. Ex: 4CChrisJohnson.pdf Kristy Ryan Name: Overview Complete all four parts of this exercise: Part A: Anatomy of a Letterform Part B: Rules of Typography Part C: Font Pairings Part D: Gestalt Letter Design

Part A: Anatomy of a Letterform Using the following diagram, fill in the blanks with the correct anatomy. Refer to chapter 8 of your Visual FOCUS book for guidance. Upercase 1. 8. Lowercase 2. 9. Ascender 3. 10. Capline Meanline 4. 11. 5. 12. Point Size 6. 13. X-Height 7. 14. Stress Descender Serif Kerning Stroke Baseline Stem

Part B: Rules of Typography For questions 1-10, view each example. In the field below, write in your own words what is incorrect about the example and what needs to be fixed. Look in Chapter 8 of your Visual FOCUS and refer to the Rules of Typography to help guide you. 1. This image uses two serifs. This should be avoided because there needs to be a greater difference between the title and body. 2. The headline font is too distracting and difficult to read. It should be replaced with a simpler san-serif font.

3. There should not be an indent and space, this makes it look like chunks of information are missing. 4. This is just a big chunk of words. It should be separated into simpler, easier to read chunks of information every few sentences to make it more appealing.

5. You should never center body copy, it is distracting and makes the information appear messy. 6. This is using a modern typeface which has thin serifs that make it difficult to read. The user should use something sans serif instead.

7. The subtitle looks out of place when it actually belongs with the title. It is a distraction and draws the readers eye away. 8. There are several things wrong with this. First it looks messy with no consistency. Paragraphys are choppy and start haphazardly everywhere. Textually we have several errors, namely the orphan, widow and bad ragging which make it look very unappealing.

The font type on this one is incorrect. It should not go over 12pt. 9. 10. These bullets are spaced too far away from the text.

Part C: Font Pairings Fill in the Blanks with an appropriate font from a contrasting category in the below list. Be sure to list the font (and category in parenthesis) in the same general sizes, as shown below. Using the following fonts, choose one for each question below. Keep in mind that there may be a couple that work for each, but just pick one per question and you may only use one once. Open Sans: Regular Adobe Caslon Pro: Regular Elephant Aleo: Regular Arizonia Calluna: Regular always forever Lato: Light Swingdancer Adriane Text: Bold Fira Sans: Regular Proxima Nova: Light Baskerville: Regular Aktiv Grotesk: Light Skippy Sharp Title (14-18pt) Body Copy (10-12 pt) Proxima Nova: Light (sans serif) Baskerville: Regular (serif) Adriane Text Bold (Sans serif) Open Sans Reg (Sans Serif) Elephant (oldstyle) Skippy Sharp (Sans Serif) Arizonia (script) Aleo: Regular (serif) Open Sans Regular (sans serif) Fira sans: Regular (sans serif) Swingdancer (script) Always forever (script) Aktiv Grotesk: Light (Sans Serif) Fira Sans Regular (serif) Lato: Light (sans serif

Part D: Gestalt Letter Design For this part of the exercise, choose a typeface from the list below. Trace the letters, practice drawing the letters, and look at different weights. This will be the key to help you in the next part of this exercise. Participate in a gestalt exercise similar to the one on pages 176-177 of Visual FOCUS. Except, this time, hand-draw a shape or picture using only letters from your chosen typeface. Use an 8 ½ by 11 blank piece of paper to draw your gestalt letter design. Remember to review the principles of gestalt found in Chapter 6 of Visual FOCUS as you are completing this assignment. Be creative! Examples: CHOOSE ONE TYPEFACE Elephant Didot Garamond Rockwell Book Antiqua *If you do not have any of these fonts on your computer, you can search the internet and download them for free. Submission: Take a photo of your gestalt letter design page with a camera or phone. Then submit the JPEG along with your completed PDF of this exercise.