1 / 40

Designing With Type part 1

Designing With Type part 1. “Everyone is a typographer now. How good a typographer you are is up to you!” - Jason Cranford (designer). What is Typography?. Typography is a practice of arranging type within a design. This includes: the selection of a typeface font size and color

betrys
Download Presentation

Designing With Type part 1

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. Designing With Typepart 1

  2. “Everyone is a typographer now. How good a typographer you are is up to you!”- Jason Cranford (designer)

  3. What is Typography?

  4. Typography is a practice of arranging type within a design. • This includes: • the selection of a typeface • font size and color • line and letter spacing • text and image interaction What is Typography?

  5. Where Did It All Start? • Typography evolved from handwriting • A series of marks made by hand • Fundamental to this process is the linear stroke • Each letter of the alphabet developed as a simple mark whose visual characteristics clearly separated it from all the others

  6. Books During Middle Ages These Illuminated Manuscripts were created by hand

  7. Guttenberg’s Printing Press • 1455 – the 1st printing press is born movable type cast from metal

  8. Guttenberg’s Printing Press Guttenberg’s Bible Before Gutenberg’s press - 30,000 books throughout Europe. By 1500 - more than 9 Million books.

  9. Modern Printing Guttenberg’s press was used for the next 500 years. Example of modern movable type

  10. As books became more widespread, printers began developing more interesting typefaces. Nicholas Jenson, a French printer and publisher, designs “Trajan” typeface.

  11. William Caslon designs “Caslon” typeface - 18th c. Giambattista Bodoni designs “Bodoni” - 1788

  12. “Hot Type” Press – starting 1800 • HOT TYPE - a machine-set type formed from molten lead cast into letterforms. • LEADING(pronounced ledding) Derived from the line or slug of lead from a Linotype machine that separated each line of type.

  13. Modern Printing Processes • COLD TYPE is type produced througha photographic process. Cold type process was created in 1950. • DIGITAL TYPE is typeelectronically producedon a computer. Example: The 5×7 ASCII character font from 2513 character generator ROM.

  14. 2 Main Type Categories: - Serif Typefaces - Sans Serif Typefaces

  15. Serif Typefaces Serifs are appendages, or little feet found on tops and bottoms of letters.

  16. Serif typefaces originate from Roman Imperial inscriptions (capitals) and Renaissance humanist minuscule (lower case).

  17. Different Types of Serifs

  18. Sans Serif Typefaces Fonts that don’t have serifs. Typical Sans Serif fonts have low contrast or no visible contrast between vertical and horizontal strokes at all.

  19. Origin of San Serif Fonts These fonts were widely used in the beginning of the 20thcent. by the Bauhausdesigners interested in the simplicity of form.

  20. Preparing for Project 2, Exercises

  21. What is Expressive Typography? Letters are not just abstract notions, carriers of meaning; they are also real, physical shapes. Paying attention to those shapes, and using them as visual elements in graphic design, is an essential part of the art of typography.

  22. Typography adds a voice to text

  23. Selecting Appropriate Fonts Each typeface has it’s own distinct personality. Type can be: • Stylish • Elegant • Bold • Friendly

  24. Arial Black Pristina Arial Rounded Edwardian Script

  25. Different Personalities of Type (To a “T”, video): http://www.typeculture.com/academic_resource/movies/

  26. compare these logos

  27. Illustrative Type

  28. Illustrative Type

  29. Expressive Type Examples

  30. Expressive Type Example

  31. Student Work. Project by Kat M.

  32. Student Work. Project by Leo A.

  33. Student Work. Project by Cynthia D.

  34. Student Work. Project by Rachel P.

  35. Student Work. Project by Shawn D.

  36. Need More Fonts? http://www.dafont.com http://www.urbanfonts.com

  37. Famous Graphic Designers David Carson http://www.hillmancurtis.com/index.php?/film/watch/david_carson/ Paula Scher http://www.hillmancurtis.com/index.php?/film/watch/paula_scher/

  38. Installing Fonts on a MAC • Download the font that you want. • Double-click on the fonts folder you downloadedin order to uncompress it. • Look inside the folder for a file that has either one of these icons: TTorO • Double-click on the font to install it. • Once the font is installed, you should be able to access it in Illustrator, Photoshop, etc.

  39. Installing Fonts on a PC • Click on the Download link. • Save the font folder on your desktop. • Double-click on the folder you just downloaded to unzip it. • The font file will have a .ttfextension. Select it and drag it to the desktop. (Delete later!) • Select the font and copy it. • Add the font to the Fonts folder. (located in the Control Panel)

More Related