Ipt655 Wk4 Type and Color
-
Upload
sarajoy -
Category
Technology
-
view
842 -
download
0
description
Transcript of Ipt655 Wk4 Type and Color
![Page 1: Ipt655 Wk4 Type and Color](https://reader033.fdocuments.in/reader033/viewer/2022061216/54b3af4c4a7959f1108b45cd/html5/thumbnails/1.jpg)
GARAMOND, ZURICH AND
OCHRE, OH MY!
IPT 655 Visual Instructional Design
Introductions
Balance
C.R.A.P. Design
• Type & Color
Information Hierarchy
Microsoft Word
Adobe InDesign I
Adobe InDesign II
Adobe Photoshop
Microsoft PowerPoint
Quantitative Information
Qualitative Information
Abstractions
Persuasion
![Page 2: Ipt655 Wk4 Type and Color](https://reader033.fdocuments.in/reader033/viewer/2022061216/54b3af4c4a7959f1108b45cd/html5/thumbnails/2.jpg)
DISCUSSION
“Desperate Housewives essentially functions as a kind of cognitive heat sink, dissipating thinking that might otherwise have built up and caused society to overheat.”
Do you think the internet has been as significant as the printing press? If it has, what does it mean for our role?
![Page 3: Ipt655 Wk4 Type and Color](https://reader033.fdocuments.in/reader033/viewer/2022061216/54b3af4c4a7959f1108b45cd/html5/thumbnails/3.jpg)
CRITIQUE
![Page 4: Ipt655 Wk4 Type and Color](https://reader033.fdocuments.in/reader033/viewer/2022061216/54b3af4c4a7959f1108b45cd/html5/thumbnails/4.jpg)
THEY’RE
NOT FONTS!
![Page 5: Ipt655 Wk4 Type and Color](https://reader033.fdocuments.in/reader033/viewer/2022061216/54b3af4c4a7959f1108b45cd/html5/thumbnails/5.jpg)
Typeface = set of letterforms and glyphs in a certain styleExample: Arial
Font = set of letterforms and glyphs from a typeface in a particular weight and sizeExample: Arial Bold 12pt
Typography
![Page 6: Ipt655 Wk4 Type and Color](https://reader033.fdocuments.in/reader033/viewer/2022061216/54b3af4c4a7959f1108b45cd/html5/thumbnails/6.jpg)
Typographic Anatomy
![Page 7: Ipt655 Wk4 Type and Color](https://reader033.fdocuments.in/reader033/viewer/2022061216/54b3af4c4a7959f1108b45cd/html5/thumbnails/7.jpg)
Typographic Anatomy
![Page 8: Ipt655 Wk4 Type and Color](https://reader033.fdocuments.in/reader033/viewer/2022061216/54b3af4c4a7959f1108b45cd/html5/thumbnails/8.jpg)
Serif / San Serif / ScriptMost readable (print) = serifMost readable (electronic) = san serif
Typographic Taxonomy
![Page 9: Ipt655 Wk4 Type and Color](https://reader033.fdocuments.in/reader033/viewer/2022061216/54b3af4c4a7959f1108b45cd/html5/thumbnails/9.jpg)
Display / BodyDisplay = NO MORE than 5 lines!Display = good for
○ Headlines○ Captions○ Pull-quotes
Body = block paragraphs
Typographic Taxonomy
![Page 10: Ipt655 Wk4 Type and Color](https://reader033.fdocuments.in/reader033/viewer/2022061216/54b3af4c4a7959f1108b45cd/html5/thumbnails/10.jpg)
Color
Hue : position on the color wheelPrimarySecondaryTertiary
![Page 11: Ipt655 Wk4 Type and Color](https://reader033.fdocuments.in/reader033/viewer/2022061216/54b3af4c4a7959f1108b45cd/html5/thumbnails/11.jpg)
Color
Value : lightness/darknessTint – lighter than pure hueShade – darker than pure hue
![Page 12: Ipt655 Wk4 Type and Color](https://reader033.fdocuments.in/reader033/viewer/2022061216/54b3af4c4a7959f1108b45cd/html5/thumbnails/12.jpg)
Color
Saturation : intensity of colorHigh saturation – “vibrant” “bright”Low saturation – “neutral” “muted”
![Page 13: Ipt655 Wk4 Type and Color](https://reader033.fdocuments.in/reader033/viewer/2022061216/54b3af4c4a7959f1108b45cd/html5/thumbnails/13.jpg)
Color
MonochromeUses only tints and shades of a single hueExamples: “black and white” “sepia”
![Page 14: Ipt655 Wk4 Type and Color](https://reader033.fdocuments.in/reader033/viewer/2022061216/54b3af4c4a7959f1108b45cd/html5/thumbnails/14.jpg)
Color
AnalogousAdjacent hues on the color wheel“Same family”
![Page 15: Ipt655 Wk4 Type and Color](https://reader033.fdocuments.in/reader033/viewer/2022061216/54b3af4c4a7959f1108b45cd/html5/thumbnails/15.jpg)
Color
ComplimentaryRed/GreenBlue/OrangeYellow/Violet
![Page 16: Ipt655 Wk4 Type and Color](https://reader033.fdocuments.in/reader033/viewer/2022061216/54b3af4c4a7959f1108b45cd/html5/thumbnails/16.jpg)
Color Relationships
Relative to the “PURE”HueSaturationValue
Relative to OTHER COLORSMonochromeAnalogousComplimentaryAccent
![Page 17: Ipt655 Wk4 Type and Color](https://reader033.fdocuments.in/reader033/viewer/2022061216/54b3af4c4a7959f1108b45cd/html5/thumbnails/17.jpg)
EXERCISE
![Page 18: Ipt655 Wk4 Type and Color](https://reader033.fdocuments.in/reader033/viewer/2022061216/54b3af4c4a7959f1108b45cd/html5/thumbnails/18.jpg)
ASSIGNMENT
Read Bonnet, “The Hero’s Journey” Select typefaces to match each of the adjectives
listed. Create color schemes (using paint chips) for at least 5 different adjectives.