HISTORY OF TYPE Before there were letters there were pictures. The first type message that we find in history was a series of pictures that told.

Slides:



Advertisements
Similar presentations
The Key Element in Desktop Publishing Design
Advertisements

Aa Introduction to Visual Communications PART 1: Typography TGJ 2OI BLUEVALE COLLEGIATE INSTITUTE 2a Introduction to Typography.ppt.
® Copyright 2008 Adobe Systems Incorporated. All rights reserved. ® ® 1 INTRODUCTION TO TYPOGRAPHY DESIGN.
More Information on Graphic Design & Color: A few pointers for your websites & other e- publications Dr. Jennifer Bowie.
2006 Adobe Systems Incorporated. All Rights Reserved. 1 INTRODUCTION TO TYPOGRAPHY DESIGN.
Typography (The study of font).
Typography the art of using (text) fonts and font styles to produce professional looking publications the art of using (text) fonts and font styles to.
Typography Usability & Readability
The Elements of Typography. The Anatomy of Type Baseline: The invisible line where letters sit.
LineLine What is a line? What lines do you see in this room? How can lines be different? Are they all straight?
1.01 Investigate typefaces and fonts.
1.01A – What typefaces should be used for various displays?????
1.01 Investigate typefaces and fonts.
Multimedia & Webpage Design
Type. Type Relationships  Type is the basic building block of any printed page.  Since it is often necessary to have more than one typeface on a page,
® Copyright 2008 Adobe Systems Incorporated. All rights reserved. ® ® 1 INTRODUCTION TO TYPOGRAPHY DESIGN Vocabulary and Guidelines.
Categories TYPE of Text is the most essential ingredient in design communication. With type you communicate in two distinct ways. The first message your.
Typography and Space for Web Design Important Issues From Web Style Guide.
Web Design – Sec 4-6 and 4-7 Part or all of this lesson was adapted from the University of Washington’s “Web Design & Development I” Course materials.
DHS Graphic Design Typography. Type Alignment There are 5 types of type alignments: – Center – Left aligned – Right aligned – Justified – Or wrapped around.
TYPOGRAPHY.
DO NOW What are some examples of ways that companies use fonts to help sell their products? Copy your homework: Find two examples of creative uses of font.
Design Principles for PowerPoint
Digital Interactive Media
+ Web Design is ART. + Art Inspires…Design motivates.
Aa Intro to Communications: Typography WATERFORD DISTRICT HIGH SCHOOL.
TYPOGRAPHY - DFP b6 Typeface Classifications. What is a font? Complete set of type of a particular face, style, and point size. Question: How many are.
Professionally Basic Elements of Design 4 Classifications of Type.
Six Principles of Good Design
The applied art of arranging image and text to communicate a message.
INTRODUCTION TO TYPOGRAPHY WHAT IS TYPOGRAPHY? Typography: The study of all elements of type including the shape, size and spacing of the characters.
Desktop Publishing Using Fonts. The key to creating attractive published documents is found in the decisions surrounding the text. A beautifully designed.
Defining Type Desktop Publishing. What type shall I use? The gods refuse to answer. They refuse because they do not know. -W.A. Dwiggins.
TYPOGRAPHY 1.01 INVESTIGATE TYPEFACES AND FONTS..
Typography Graphic Design Fundamentals
Typography 1.01 Investigate typefaces and fonts. (Rev. 2011)
Design and Typographic Principles. The Joshua Tree Principle Joshua Tree story example The four basic principles Contrast Repetition Alignment Proximity.
So many fonts, so much choice. More than 1000 fonts Just as an author struggles to find the right words, the graphic designer struggles to find the right.
Typography. The Target Audience Publications are created to convey a message to the intended audience, called the target audience. The target audience.
Working With Type. Readability vs Legibility Readability Refers to whether an extended amount of text (an article, a book or an annual report) is easy.
What are we interested in? 1. Understand Design 0 2. Digital Image design 3 3. Time-based media Webpage design 2 1.
Typography A Key Element in Design A. Definition of Typography Typography is the appearance and arrangement of the characters that make up text on a page.
Words are communication. What do they say? The meaning should come before the look of the type is considered. Choose typographic styles and sizes that.
TGJ3MO COMMUNICATIONS TECHNOLOGY DESIGN AND LAYOUT PRACTICES - USING PHOTOSHOP ELEMENTS WORKING WITH F O N TS.
TYPOGRAPHY in Design. OBJECTIVES 1. Understand typographic terms and measurement systems. 2. Learn how to select typefaces appropriate to a project's.
Graphic Design Mrs. Lacks. Typography Is the art and skill of arranging text so that language is visible Essentially, all forms of writing are typography.
Digital Interactive Media
Digital Interactive Media
Digital Interactive Media
Graphic Design Working with Type
Digital Interactive Media
Selecting a Typeface MKT 4123 Advertising.
The art of using text to produce professional looking publications.
INTRODUCTION TO TYPOGRAPHY DESIGN
Typography Typography is the art and technique of creating and composing type in order to convey a message. Words are communication. What do they say?
Typography Basics 2.01 Investigate typefaces and fonts.
Use Typography Techniques
Unit 2.1: Identifying design elements when preparing graphics
The Art of Type 9/17/2018.
Multimedia & Webpage Design 1.01 Investigate typefaces and fonts.
INTRODUCTION TO TYPOGRAPHY DESIGN
INTRODUCTION TO TYPOGRAPHY DESIGN
Digital Interactive Media
INTRODUCTION TO TYPOGRAPHY DESIGN
Introduction to Visual Communications PART 1: Typography
Multimedia & Webpage Design 1.01 Investigate typefaces and fonts.
INTRODUCTION TO TYPOGRAPHY DESIGN
INTRODUCTION TO TYPOGRAPHY DESIGN
Multimedia & Webpage Design 1.01 Investigate typefaces and fonts.
INTRODUCTION TO TYPOGRAPHY DESIGN
Presentation transcript:

HISTORY OF TYPE

Before there were letters there were pictures. The first type message that we find in history was a series of pictures that told a story, known as pictographs. Native Americans and Egyptians separately developed ideographs; in the case of Egypt, this led to the famous Egyptian hieroglyphics. The Greek alphabet, which was derived from the Phoenician alphabet, marked the true beginnings of our modern alphabet and the Romans contributed the serifs and the first thick and thin strokes. Phoenician alphabet, Pictographs

Type is an important design element used to communicate and, after imagery, is the main source used to communicate ideas and meanings. Typography plays an important role in how audiences perceive your document and its information. Good design is about capturing your audience’s interest and helping your audience gather information quickly and accurately. Typography creates relationships between different types of information, both organizing this information and keeping it interesting.

FONT A font is the one size, weight and width of a typeface: for example Arial Narrow 11pt is a font. Typeface Typeface is usually mistaken with font. But they are different. The term font refers to a specific member of the typeface family; for example: roman, bold or italic. Typeface refers to the consistent visual appearance or style; for example, Helvetica or Times New Roman. Typefaces can be divided into two main categories: serif and sans serif. Serif and Sans Serif Fonts Serifs are the small tick-like lines at the end of character strokes. Every letter in a serif font includes serifs. The serifs assist the eye to read the text. A sans serif font doesn’t have serifs and is typically used in headings and titles. Type Families Type families are the complete set of one typeface. The roman font is the initial font from which a family of typefaces derives. Every font style has different type families. For example: Condensed Bold, Condensed Black, Ultra Light, Ultra Light Italic, Light, Regular, Roman, Italic, Extended

Typefaces have been put into very broad categories – type classification systems. These systems were devised in the nineteenth century to assist printers in identifying type. By doing this it has helped us to recognise typefaces and learn the different functions suited to the various type families. Initially we can divide typefaces into: text type (what you would typically use in the body of your text) display type (what you would typically use for headings). Display type came about in the nineteenth century because existing fonts were primarily used for books and therefore not always suited for billboards, posters and pamphlets. Bolder, stronger faces were required for this new context; Ultra Bodoni is an example produced in that era that is still used today. Text type can be placed into three broad categories: firstly, Old Style letterforms, which are closely connected to calligraphy and the way our hand naturally moves to create letterform. Then there are Transitional and Modern; these typefaces are less organic and are inspired by original and abstract forms.

Art Deco Art Deco was an art and design movement of the 1920s and 1930s. Its classic geometric style heavily influenced typography. Straight lines and sharp angles began to be used as the basis for sans serif designs. As this was the ‘Machine Age’, typography began to take on an industrial, streamlined and futuristic appearance. All things Egyptian were very much in vogue at the time and this trend also influenced the style of typography created, even leaning towards Egyptian hieroglyphics. In Art Deco graphic design the effect of overlapping type and shapes is a common feature. You can use this technique of overlapping type and shapes in your own design work, whether using an historical or contemporary approach.

The Bauhaus The Bauhaus is another example of a historic movement that impacted on the design world. The Bauhaus immerged as a post war design style that favoured simplicity and had its own unique way of using type and imagery in print design and publications. Herbert Bayer was a very influential typeface designer during the Bauhaus period whose experiments with typography sought to reduce the alphabet to a single case. He favoured geometric sans serif types and perhaps his most famous font is the Bayer Universal. Posters of the Bauhaus period often had interlocking type and imagery. Figure 5.6 is an historical example. Figure 5.7 shows us a contemporary application of the same concept.

Constructivism Constructivism was a movement that originated in Russia in the early part of the twentieth century. It impacted on architecture, graphic and industrial design, theatre, film, dance, fashion and, to some extent, music. Many graphic designers worked on the design of posters for everything from cinema to political and propaganda. Posters for cinemas were often brightly coloured with geometric imagery and included photomontage. Other distinctions of the Constructivist style included jagged angles, contrasts, an emphasis on geometric shapes and experimentation with subject matter Constructivist design work could also be quite minimalist. Constructivist typography had its own unique style with letters and words at right angles to each other and often framed by bold rules and borders printed in one or two primary colours. As students you can also be inspired to incorporate the geometric style of constructivism as seen in Figures 5.11 and 5.12.

Moody Type: Did You Choose the Right Type? Type is a powerful design element that can be used to evoke a mood or emotion. Used appropriately, type can not only inform an audience but also provoke feelings and emotions. Reading text is a combination of the aesthetics of a typeface together with its readability and the perceived meaning of the text itself. Choose the wrong typeface and you may portray a different meaning to the one intended. As part of your evaluation ensure you test your choice of typeface. A type choice can make or break a message. Look at the examples below. Each one has had their message deliberately interrupted to highlight how, on a conscious or subconscious level, the wrong typeface can negatively affect the message in print.

Select Your Typeface to Suit Your Purpose The list below contains some points for you to think about when selecting your next typeface. These are not the only points to consider and you should always do your own research to choose a typeface that meets the need of your brief. Consider the following: Serif typefaces – These are easier to read off-screen and therefore are used commonly in print (books, magazines and newspapers). Serif fonts can be useful for conveying warmth, personal, traditional and conservative emotions. Sans serif typefaces – These are easy to read on-screen and are commonly used in headlines for newspapers and magazines, and in website text. Sans serif typefaces can be useful for conveying something technical, cool, clean, youthful and modern. Script typefaces – Designed to look like handwriting, they are useful for display texts but can be difficult to read in large amounts (such as text for an article in a magazine). Script fonts can be useful to suggest something personal, artistic and old fashioned. Display typefaces – These vary in style and personality. Depending on the font they can be difficult to read in large amounts; however, you can find one that will suit your purpose. They are commonly used for logos, headings and posters. Remember: typefaces have personalities. If their personalities don’t match the essence of what you are trying to convey you can create a conflict, which distracts your target audience. The typefaces used in Figure 5.24 for the Coney Island Travelling Festival Circus are appropriate in attracting the target audience of children and families. The typeface is friendly and seamlessly sits in with the rest of the imagery and colours.

Expressive

Nostalgic Decorative

Text & ImageInformativeInstructive

Summary: Typography can play a key role in design. Good typography starts with font family choose these to meet your design goals, but keep them limited. Use text alignment to create relationships between different kinds of information. Create contrast by using a serif font for headings and a sans serif font for body text (or vice versa). You can also use italics, bold, tracking, or color to create contrast. Do not use more than 2-3 Typefaces within a design Don’t use ugly Typefaces Use contrast to indicate hierarchy.