Project: Typography: 5 words or less

Concept: Design a typography quote that is meaningful to you. You will research, practice, then design your own typeface. You will work within a square format and may or may not include additional original illustrations to support the meaning of your quote.

Review: Graphic designs layout and concepts, typography, and creating work with personal meaning

Goals: Find a quote or saying that has meaning or purpose for you. Illustrate the words in a minimum of 2 different originally designed typefaces and a minimum of 2 different sizes used.

Research

Life in 5 Words

Inspirational 5 word quotes

Powerful 5 work quotes

4 Word Quotes

Inspiring 4 word quotes

3 word phrases

3 word phrases that will make you a better person

Inspiring and funny 3 word quotes

3 word quote

Consider: Your choices in color, pattern, shape, font, size, variety, outlining, width of outline, and overall design of the work. Your choices in quotes and purpose/reasoning behind creating them.

Develop: A Brainstorm in your sketch Diary-3 each of: 3 word quotes, 4 word quotes and 5 word quotes. Draw out 9 small squares and draw thumbnails of each quote. Pick your top 3 choices and do rough drafts (more detail than thumbnail) and do 3 different sketches of each. A minimum of 9 ideas. Finalize ideas with more detailed sketches of top 3 ideas. (numbers listed are minimum you, of course, can do more ) Need help with font combinations: Click HERE. When considering color combinations, limit yourself to 5 or less to start. Consider 2 color hues that are complements and have contrast. Then decide on a 3 color value range of one of the hues.

Choose: Your best idea to develop into a project

Create: A clean drafted final on paper with crisp black outlines, scan work into computer, uploaded into Photoshop and add color and other design properties then print color copy of final. If you finish early, you may work on another one of your designs independently.

Exemplars:

Terms to Know:

Thumbnail Sketch : Art directors, storyboard artists and graphic designers, as well as other kinds of visual artists, use the term "thumbnail sketch" to describe a small drawing on paper (usually part of a group) used to explore multiple ideas quickly.

Rough Draft : Is "a late stage in the creating process". 1. It assumes that you have adequate information and understanding, are near or at the end of gathering research, and have completed an exercise in pre-drawing.

Color Hues: a gradation or variety of a color; tint: pale hues. 2. the property of light by which thecolor of an object is classified as red, blue, green, or yellow in reference to the spectrum.

Contrast : Contrast is a principle of art. When defining it, art experts refer to the arrangement of opposite elements (light vs. dark colors, rough vs. smooth textures, large vs. small shapes, etc.) in a piece so as to create visual interest, excitement and drama.

Complementary colors : Colors that are opposite each other on the color wheel. The three traditional complementary color pairings are red with green, blue with orange and yellow with violet. These high-contrast color pairs are frequently used in advertising, art and decorative color schemes to make colors brighter and to highlight specific items or words.

The world of typography often seems like it has its very own language, full of serifs, strokes, and swashes.Sorting out all those terms can be confusing in itself, so we’ve compiled a visual glossary that

will guide you through the lingo — whether you’re an aspiring typeface designer or just a

general typography enthusiast. Learning the building blocks of typography will help you better

understand how to pick a suitable font and apply it effectively within your design projects.

The Basics: Typefaces Categories & Styles

01. Font/Typeface:

Back in the days of metal type and printing presses, fonts and typefaces were two different things — the typeface was the specific design of the letters, say Times New Roman or Baskerville; while the font referred to the particular size or style of that typeface, say 10 point regular or 24 point italic (each created as its own collection of cast metal letters and other characters). Today, however, many designers use the terms more or less interchangeably. The best and most straightforward modern definition I’ve run across (courtesy of  Fontshop ) goes as follows:“A collection of letters, numbers, punctuation, and other symbols used to set text (or related) matter. Although font and typeface are often used interchangeably, font refers to the physical embodiment (whether it’s a case of metal pieces or a computer file) while typeface refers to the design (the way it looks). A font is what you use, and a typeface is what you see.”

02. Character:

An individual symbol of the full character set that makes up a typeface; may take the form of a letter, number, punctuation mark, etc.

03. Alternate Character / Glyph:

A non-standard (sometimes decorative) variation of a character that comes as an extra option with a font file.

04. Serif:

A short line or stroke attached to or extending from the open ends of a letterform; also refers to the general category of typefaces that

have been designed with this feature.

05. Sans-Serif / Sans:

Literally “without line”; the general category of typefaces (or an individual typeface) designed without serifs.

06. Italic:

A slanted version of a typeface (slants from left to right); a true italic is uniquely designed, more than a tilted version of the upright (a.k.a. “roman”) typeface.

The Foundation: Positioning & Spacing

07. Baseline:

The imaginary line on which most letters and other characters sit.

08. Cap Line:

The imaginary line that marks the upper boundary of capital letters and some lowercase letters’ ascenders (see Ascender definition in the next section).

09. X-Height:

The height of a typeface’s lowercase letters (disregarding ascenders and descenders).

10. Tracking / Letter-Spacing:

The uniform amount of spacing between characters in a complete section of text (sentence, line, paragraph, page, etc.).

11. Kerning:

The horizontal spacing between two consecutive characters; adjusting the kerning creates the appearance of uniformity and reduces gaps of white space between certain letter combinations.

12. Leading / Line-Spacing:

The vertical spacing between lines of text (from baseline to baseline).The Anatomy of a Letter

13. Stroke:

A single linear element that forms part of a character; may be straight or curved.

14. Stem:

The main (usually vertical) stroke of a letterform.

15. Arc of Stem:

A curved stroke that is continuous with a stem.

16. Foot:

The part of the stem that rests on the baseline.

17. Descender:

A piece of a letter that extends below the baseline.

18. Ascender:

A part of a lowercase letter that rises above the main body of the letter (above the x-height).

19. Joint:

The point where a stroke connects to a stem.

20. Apex:

The uppermost connecting point of a letterform where two strokes meet; may be rounded, sharp/pointed, flat/blunt, etc.

21. Vertex:

The point at the bottom of a character where two strokes meet.

22. Crotch:

The inside angle where two strokes meet.

23. Arm:

A horizontal stroke that does not connect to a stem on one or both ends.

24. Leg:

A short, descending stroke on a letterform.

25. Shoulder:

A curved stroke extending down from a stem.

26. Bar / Crossbar:

An enclosed horizontal stroke.

27. Cross Stroke:

A line that extends across/through the stem of a letter.

28. Bowl:

The closed, round or oval curve of a letter.

29. Counter:

An enclosed or partially enclosed area of white space within a letter; could be bounded by curves, strokes, or stems.

30. Aperture:

The opening or partially enclosed negative space created by an open counter.

31. Double-Story:

A type of letter that has two counters (as opposed to the single-story version, which has only one counter).

32. Terminal:

The end of any stroke that doesn’t include a serif; includes ball terminals (circular in shape) and finials (curved or tapered in shape).

33. Swash:

A decorative extension or stroke on a letterform; may be part of a letter by design or available either as an additional glyph or as an add-on to the standard character.

34. Ligature:

Two or more letters that are connected to form one character; primarily decorative (the embellishment that connects the two letters is called a “gadzook”).

Design Terminology:

Focus : A key element to any good composition is a strong focal point, as it helps your viewers’ eyes naturally settle on the important pieces of your design first.

Leading Lines : Direct the eye by positions certain line and shaper in certain ways to control the viewpoint of your design. Aka where the viewer’s eyes go when they see your design.

Scale and Hierarchy : hierarchy is the arrangement and design of elements in order to visually signal importance, typically used with type. Scale is often used to help communicate hierarchy by drawing attention toward and away from certain elements, thus signifying their importance to the communication.

Symmetrical Balance : Symmetrical balance does what it says on the tin – it balances your design using symmetry. By reflecting certain design elements from left to right or top to bottom, you can create a strong sense of balance.

Asymmetrical Balance : Asymmetrical balance creating balance without symmetry. Complementary Elements : One key element to a successful and effective composition is taking

the time to carefully and purposefully select each element of your design so that each part complements the whole.

Repetition: Repetition is also a key factor when it comes to designing single or multiple page compositions. By repeating graphic elements, you can keep your design strong and cohesive

Use White Space Strategically : White space when used strategically can help boost your design’s clarity and overall look by balancing out the more complicated and busy parts of your composition with space that helps your design to breathe.

Alignment : Creating clean lines within your imagey and/or text will make the difference in your work being affective. Unaligned work should be made with purpose.

Rule of Thirds : is simple technique where designers divide their designs up into three rows and three columns, and at the points where the vertical and horizontal lines meet is where your focal points should be…. Consider it a guide, not a rule!

Works sited:

http://www.five-words.com.au/

http://www.typographydeconstructed.com/category/type-glossary/

https://designschool.canva.com/blog/typography-terms/

https://designschool.canva.com/blog/visual-design-composition/