C.+Week+3+-+Sept.+29



Type is what print design is all about. While we will be focusing on the artistic, appeal of type, don’t forget that the purpose of the text or type is to communicate. The type should never hamper the communication or the message.

Most designers, or in this case teachers, tend to wing it when combining more than one typeface on a page. You might have a sense that one face needs to be larger or an element needs to be bolder. However, when you can recognize and name the contrasts, you have power over them – you can then get to the root of the conflicting problem faster and find more interesting solutions. //Robin Williams - The Non-Designer's Design Book //

**Design Principles - Part III** Typeface - //see resources page// **Unity** - is the hallmark of a good design. It's the final result in a composition when all the design elements work harmoniously together giving the viewer a satisfying sense of belonging and relationship. You know unity has been achieved when all aspects of the design complement one another rather than compete for attention. It serves to reinforce the relationship between the design elements and relates them to the key theme being expressed in a painting. __Image manipulation & MS Word Basics:__ (//strikethrough means the class did not complete //)
 * toolbars
 * screen shots
 * quality images
 * text wrapping
 * numbering
 * leaders
 * tab alignments
 * <span style="color: #800080; display: block; font-family: 'Times New Roman',Times,serif; font-size: 140%; text-decoration: line-through;">watermark
 * <span style="color: #800080; display: block; font-family: 'Times New Roman',Times,serif; font-size: 140%; text-decoration: line-through;">drop cap
 * <span style="display: block; font-family: 'Times New Roman',Times,serif; font-size: 140%;">page border and text borders

<span style="display: block; font-family: 'Times New Roman',Times,serif; font-size: 140%;">A **concordant** relationship occurs when you use only one type family without much variety in style, size, weight and so on. <span style="display: block; font-family: 'Times New Roman',Times,serif; font-size: 140%;">A design is in **conflict** when you set two or more typefaces on the same page that are similar – not really different and not really the same in style, size, weight, form, color and the like. Not to be used in Print Media. <span style="display: block; font-family: 'Times New Roman',Times,serif; font-size: 140%;">A **contrast**ing relationship occurs when you combine separate typefaces and elements that are clearly distinct from each other. The visually appealing and exciting designs that attract your attention typically have a lot of contrast built in, and those contrasts are emphasized.

<span style="display: block; font-family: 'Times New Roman',Times,serif; font-size: 140%;">**Typefaces**
<span style="display: block; font-family: 'Times New Roman',Times,serif; font-size: 140%;">**Oldstyle** - is a style of font developed by Renaissance typographers to replace the Blackletter style of type. Based on ancient Roman inscriptions, these fonts are generally characterized by low contrast between thick and thin strokes, bracketed serifs, and a left-leaning axis or stress. **Modern** - is a style of typeface developed in the late 18th century that continued through much of the 19th century. Characterized by high contrast between thick and thin strokes and flat serifs, Modern fonts are harder to read than previous and later typestyles. <span style="display: block; font-family: 'Times New Roman',Times,serif; font-size: 140%;">**Slab Serif** - is a type of serif font that evolved from the Modern style. The serifs are square and larger, bolder than serifs of previous typestyles. <span style="display: block; font-family: 'Times New Roman',Times,serif; font-size: 140%;">**Sans Serif** - is a type which does not have serifs -- the little extra strokes found at the end of main vertical and horizontal strokes of some letterforms -- are called **sans serif** (//without serif//). Typefaces within each classification usually share similarities in stroke thickness, weight, and the shapes of certain letterforms. <span style="display: block; font-family: 'Times New Roman',Times,serif; font-size: 140%;">**Script** - is a slanted style of font; scripts can be elegant and formal or spontaneous and funky. They can appear to be drawn by quill pen, flat-tipped brush, crayon, or felt-tipped marker. Scripts can be the stodgiest of typefaces or the most cavalier. <span style="display: block; font-family: 'Times New Roman',Times,serif; font-size: 140%;">**Decorative** - this typeface is used exclusively for ornamental purposes, and are not suitable for body text. They have the most distinctive designs of all fonts, and may even incorporate pictures of objects, animals, etc. into the character designs. They usually have very specific characteristics and hence very limited uses.

<span style="display: block; font-family: 'Times New Roman',Times,serif; font-size: 140%;">**Type Contrasts** <span style="display: block; font-family: 'Times New Roman',Times,serif; font-size: 140%;">

<span style="display: block; font-family: 'Times New Roman',Times,serif; font-size: 140%;">**Assignments:** <span style="display: block; font-family: 'Times New Roman',Times,serif; font-size: 140%;">#1 - Design a Poster from a photo from the Internet or perhaps one that you took. Add a phrase, word, poem, saying, whatever seems appropriate for your classroom. You may do this in Adobe Photoshop, MS Word, or Pages. Place your name on the back of this project, not on the front. This design has the potential to be a 28" by 21" poster if your classmates choose your design. Don't forget to think about the 7 Principles of Design when creating this project. <span style="display: block; font-family: 'Times New Roman',Times,serif; font-size: 140%;">﻿﻿ <span style="display: block; font-family: 'Times New Roman',Times,serif; font-size: 140%;">#2 - Using the Print Screen feature of your PC or Mac, take a snapshot of something you might use in the classroom (Study Island opening page; Compass Learning; software program that you use, logging on procedure, etc.) to show the students what to look for prior to actually using the software or web site. On the same Word or Pages document add a piece of clip art or a photo of high quality resolution. The two pictures do not need to be related. <span style="display: block; font-family: 'Times New Roman',Times,serif; font-size: 140%;">__Windows__ - Use the PrntScrn button > go to MS Word and Paste > text wrap tight > crop the picture while on the page <span style="display: block; font-family: 'Times New Roman',Times,serif; font-size: 140%;">__Macintosh__ - Hold the Command Key + Shift Key and tap the number 4 key. You will get a crosshatch with changing screen numbers. Draw a rectangle around what you want and release. The picture will be sent to your desktop. <span style="display: block; font-family: 'Times New Roman',Times,serif; font-size: 140%;">#3 - Design a classroom document, in MS Word or Pages, that incorporates a page border, text border, or leaders. You may use two of the three items if you wish. Do not use all three as we did in tonight's project, however. <span style="display: block; font-family: 'Times New Roman',Times,serif; font-size: 140%; text-align: center;">**7 Principles** - Proximity - Alignment - Repetition - Contrast - Using Color - Typefaces - Unity