GRAPHIC DESIGN Types of Type

Slides:



Advertisements
Similar presentations
Typography Graphic Comm. Mr. Jarrett. Learning Objectives What is Typography What is a Serif Kerning, Tracking, & Leading Font Classifications Using Typography.
Advertisements

Typography: The basic building block of any printed page.
More Information on Graphic Design & Color: A few pointers for your websites & other e- publications Dr. Jennifer Bowie.
Typography. Where can type face be found? What is the ultimate purpose? Why is it important?
Why use typeface?  Form of communication  The power to express words and ideas  Began as carving on tablets and cave walls  Books began as being written.
WORKING with TYPOGRAPHY The art of skillfully arranging and presenting type to gain attention.
Understanding editorial and print design. what is print media? Communications delivered via paper or canvas. Print media is a process for reproducing.
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.
1.01 Investigate typefaces and fonts.
The 16 Typography Vocab Words Most Likely to be Wrong For Document Design By Dr. Jennifer L. Bowie.
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,
 Font is also commonly called type or text › They all mean the same thing You can say font face or type face but they mean the same thing.
Categories TYPE of Text is the most essential ingredient in design communication. With type you communicate in two distinct ways. The first message your.
Fall Unit 2. Development Module 8: Typography & Design.
Typography 2.01 Investigate typefaces and fonts..
Words are communication. What do they say? The meaning should come before the look of the type is considered. The primary task of graphic design is to.
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.
Digital Interactive Media
T YPOGRAPHY The study of all elements of type as a means of visual communication—from calligraphy to the use of digital type; includes the shape, size,
Typography The Art of designing with words and letters.
The applied art of arranging image and text to communicate a message.
Basics of Typography. Typography (“type”) concerns the appearance of characters (letters), words, paragraphs, columns, etc. By comparison, the term “text”
Desktop Publishing Using Fonts. The key to creating attractive published documents is found in the decisions surrounding the text. A beautifully designed.
TYPOGRAPHY 1.01 INVESTIGATE TYPEFACES AND FONTS..
DESIGNING with TYPE Bristol Community College Bristol Community College CIS 13 Business Creativity Sources: The Non Designers Design Book, Robin Williams.
Typography Graphic Design Fundamentals
TYPOGRAPHY What is Typography?
Design and Typographic Principles. The Joshua Tree Principle Joshua Tree story example The four basic principles Contrast Repetition Alignment Proximity.
Type Categories. Type Terms Stress: if you drew a line between the two thinnest parts of a letter S No stress Diagonal stress.
Typography. the design and use of typefaces as a means of visual communication how to select, size, arrange, and use typefaces.
C a t e g o r i e s of T y p e. Oldstyle Diagonal Stress Serifs on lowercase letters are slanted Moderate thick/thin transition in the stroke Examples.
Typography. The Target Audience Publications are created to convey a message to the intended audience, called the target audience. The target audience.
Creating your own logo. A logo is a graphic or emblem commonly used by organizations and even individuals to promote instant public recognition.
What are we interested in? 1. Understand Design 0 2. Digital Image design 3 3. Time-based media Webpage design 2 1.
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.
FontSFontSFontSFontS aka Typography. Font Parts Lets break fonts down by their parts!
Digital Interactive Media
Digital Interactive Media
Digital Interactive Media
Font & Typeface Principles of Information Technology
Multimedia & Webpage Design
Font & Typeface Principles of Information Technology
Multimedia & Webpage Design 1.01 Investigate typefaces and fonts.
Digital Interactive Media
Selecting a Typeface MKT 4123 Advertising.
Understanding and Applying Typography in CSS
Typography An introduction on how to use typefaces
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?
Applying Typography in CSS
Typography Basics 2.01 Investigate typefaces and fonts.
Understanding and Applying Typography in CSS
Deconstruction, weighting and E books galore!
Font & Typeface Principles of Information Technology
Understanding Typography
2.01 Investigate typefaces and fonts.
1.01 Investigate typefaces and fonts.
The Art of Type 9/17/2018.
Typography The Art of designing with words and letters.
Multimedia & Webpage Design 1.01 Investigate typefaces and fonts.
2.01 Investigate typefaces and fonts.
Digital Interactive Media
Introduction to Visual Communications PART 1: Typography
Multimedia & Webpage Design 1.01 Investigate typefaces and fonts.
Digital Media Notes Your Name.
Multimedia & Webpage Design 1.01 Investigate typefaces and fonts.
Presentation transcript:

GRAPHIC DESIGN Types of Type Type is how we communicate visually. To tell a story, express a thought, or place a notification. But how you use type and what kind of type you choose is sometimes more important than the message itself. Types of Type

Type is the building block of any design! What is Type? Type is the building block of any design! Typefaces are distinctive designs of visual symbols (images) that are used to compose a printed page on paper or any other substrate. Characters are individual visual symbols in a particular typeface. Letters, numerals, punctuation marks, and special symbols. When you think of building blocks what do you think of? Picture a tall building – when you see the building what makes it have strength and structure? (the base or foundation) Without that it is four shaky walls with a roof, the taller it is the more it moves. Same with type if you do not have a firm foundation, your design will be shaky – and the bigger the design the worse it will be. Typefaces are distinctive designs of visual symbols (images) that are used to compose a printed page on paper or any other substrate. So typefaces are the entire type font so Times New Roman is a typeface. Substrates are any printed surface, so that includes paper, vinyl, cloth, aluminum, canvas, etc… Characters are individual visual symbols in a particular typeface. Letters, numerals, punctuation marks, and special symbols. Characters are each symbol alone.

Name Art Terminology Measurement Typography Name Art Terminology Measurement Just as every person has a name, every typeface has one also. It would be difficult to identify specific typefaces without names. There are literally thousands of typefaces available. Typography is the art of expressing ideas in printed form through the selection of appropriate typefaces When determining what type of type to use in a design you must think about the expression you are trying to make. Type is the voice of a design. Are you going to shout something, whisper, say is sweetly or rough. There are lots of terminology in type that you will eventually learn, but I do not want to overwhelm you immediately. Right now we are going to just start with type categories. Same with measurement, type has its own measurement (points) so as we move into using type we will also ease into understanding the use of the point system.

Seven Main Type Groups Serif Slab Serif Old Style Sans Serif Script Serif Slab Serif Old Style San Serif Script Italic Decorative Serif Slab Serif Old Style Sans Serif Script Italic Decorative Let just concentrate today on type categories or groups. These groups are very important. There are thousands of typefaces on the market today. To understand typefaces and how they can relate to each other it is important to understand where they fit in the scheme of typography. You will need to have these categories memorized and be able to identify each category based on font types.

Serif Lets start with serifs: Serifs are used quite a bit. A lot of magazines use serifs for their nameplates. Many newspapers and books, including most of your textbooks use serifs for the copy.

Serif Decorative Strokes Bracketed Unbracketed Well, what are serifs? Serifs are the small decorative strokes that are added to the end of a letter’s main stroke. These crosslines at the end of a stroke are called a slab, wedge, or hair and they are either bracketed or unbracketed. Terminology – again we will learn the definitions of those later. But I do want to explain Bracketed and Unbracketed. (The bracket is a curved or wedge-like connection - Unbracketed serifs are attached sharply, and usually at 90 degree angles.) Serifs are best suited for body text. Serifs are more difficult to read in a small scale, so they should not be used for test smaller than 10 points

So a serif has the decorative hands and feet on a letter.

Slab Serif Used for sports logos, wanted posters, even eye charts. Easy to classify due to the thick, square like serifs.

Slab Serif Attention Grabbing Little or no transitions Unbracketed Mono weight Clean Look Beginning in the 19th century Slab serifs (or square serifs) were created for attracting attention for advertising, posters and flyers. Slab serifs have little or no thick/thin transitions. Ordinary Slab Serifs have a square unbracketed serif. This type category is sometimes called Claredon – that is because the typeface Claredon is the epitome of this style, but Clarendon’s have square bracketed serifs. Many of the slab serifs have just a slight thick/thin contrast and are very high on the readability scale, meaning they can easily be used in extensive text. They present an overall darker page than oldstyle because their strokes are thicker and relatively monoweight. Slab serifs are often used in children’s book because of their clean, straightforward look.

With a slab serif think of the feet with big boots and the hands as big fat fists.

Transitional Modern Serifs are sub divided into two groups, transitional and modern. The first type style forms the transition between Old Style and Modern typefaces. The lines in transitional type are more fine and rich in contrast. They show a greater difference in stroke thickness. Modern typefaces have serif also, but the serifs are horizontal instead of slanted, and they are very thin. Modern types tend to have a cold, elegant look. Most modern typefaces have a striking appearance, especially when set very large, because of their strong thick/thin transitions, but most moderns are not good choices for body copy.

Modern is tall, thin and cold like a model. Very refined.

Oldstyle Oldstyle fonts also known as Old English, Black letter or Gothic: Maybe you have seen this style: Most commonly used for tattoos, Rappers (Snoop), and diploma or certificates.

o Oldstyle Scribes Angled Serifs Thick to Thin Transitions Diagonal Stress Oldstyle is easy to identify. Most Typefaces in this category are based on the hand lettering of scribes. Oldstyle always have serifs and the serifs of lowercase letters are always at an angle. All the curved strokes in the letterforms have a transition from thick to thin. This contrast in the stroke is relatively moderate – meaning it goes from kind-of-thick to kind-of-thin. If you draw a line through the thinnest parts of the curved strokes, the line is diagonal. This is called the STRESS – old style has a diagonal stress. You also do not want to use Oldstyle in all capital letters – it becomes to busy and hard to read. o

Think of someone painstakingly using a quill, dipping it in ink and hand drawing beautiful artful letters.

San Serif San serifs – are used for many logos. Same with signage. Also keyboards on both cell phones and computers use san serifs. This type category is simple and plain but easy to read.

San Serif “Sans” = without serif Grotesque Mono weight – no transitions Great for footnotes & headlines The word “sans” means without (in French), so sans serif typefaces are those without serifs on the ends of the strokes. Sans were first issued in 1816. At first these typefaces were considered awkward and unappealing since they lacked the traditional serifs. Therefore, they were sometimes called Grotesque. A hundred years later in the 1920’s they were back in demand. San serifs are almost always “monoweight” meaning there is virtually no visible thick/thin transitions in the strokes; the letterforms are the same thickness all the way around. Sans Serifs are unfavorable for long text. It is recommended for smaller than 8 point type or in very large sizes. San serifs are great for footnotes and headlines.

Think of san serifs as the elementary school printing. Very simple.

Script Scripts are emotional, lyrical, even passionate communicators. They are used for fancy and formal items such as the Constitution of the United States, wedding invitations, and designs using initials.

Script Hand lettered with pen Formal Less is more Keep it legible Think Big The script category includes all the typefaces that appear to have been hand lettered with a calligraphy pen or brush. Scripts are stunning – think of them as type all dressed up for a party. Elegant. Although scripts are “hot” designer choices and make a strong graphic impression, it’s easy to overuse them. Keep it legible. Any script will be harder to read than a serif or sans serif typeface. Think big. Scripts should also be set large. With the script typeface you have to remember they should never be used in long block of type and NEVER in all caps.

Scripts are fancy and curly Scripts are fancy and curly. Script letters are joined or connected like writing in cursive.

Italic Italics are often used to indicate emphasis in body copy. Used for titles, foreign words, and for quotations. Poetry is often set in Italics.

Italic Slanted Oblique Not Connected Italics are just the slanted version or the upright letter. Italics are also known as the term oblique when you electronically slant a letter. Very important to remember is that italics are not joined like scripts are.

Think diaginal

Decorative Decorative fonts also known as novelty fonts are easy to find and identify. Product design like coke cola, movies use them to fit the theme like corpse bride, and decorative type fonts are used a lot in advertising to mimic a product or service.

Decorative Distinctive Advertisements Graphic Designer These fonts are easy to identify – they are fun, distinctive, and easy to use. But, they must be used as an occasional item. Like a holiday – you can’t use them and celebrate all the time. Depending how you use a decorative type they can carry obvious emotions, or you can manipulate them into carrying a connotation very different from your first impression. Decorative type fonts set a theme, each style needs to be suited for a special situation. Think of them like a costume, you only wear them to a event. And do not mix them with other decoratives or they will clash. This style of type was invented when advertising wanted type to match their products. It became part of the job of graphic designers and commercial artist to design decorative typefaces.

Decoratives add interest and call attention Decoratives add interest and call attention. They are them based and unique.

Assignment Pick one letter (any letter you choose) Examples for each category Fill the entire square Identify each style You will pick one letter (any letter you choose) and find as many examples as you can covering each of the categories we covered. You may use magazines, newspapers, or any other print medium you have access to but not electronic (meaning the computer). You will fill the square I give you with your letters, filling the entire area. You will also need to be able to identify the type styles for me, so make sure you are focusing on each style as you find them, not just looking for as many (S’s) as you can.