Type Notes Design Or

Total Page:16

File Type:pdf, Size:1020Kb

Type Notes Design Or Introduction to Typography Emily Carr University of Art + Design Instructor: Linda Coe, BDes, FGDC Continuing Studies Typeface Origins, Design, Revivals Glossary O –Q Oblique Old style Core Concepts: Typeface Origins, Design, Revivals Old style figures I contemporary type design is often based directly or indirectly on Optical alignment classical models Optical kerning I good type revivals attempt to capture the character of the originals Ordinal characters Ornament characters I new typefaces are often commissioned for specific purposes Orphan I the most fundamental aspect of type design is the interplay between Outline type letters and their background Pagination Paragraph indent Parallel construction Further Study Parentheses I Type Right Pi fonts http://www.typeright.org/ethicsguide.html Pica I Jim Rimmer Making Faces Point http://www.monoscope.com/2009/03/ Posture jim_rimmer_making_faces_traile.html Proof Proportional spacing I Call It What It Is (John Downer) Proportional type http://www.emigre.com/Editorial.php?sect=2 Punch I Smashing Magazine: 60 Brilliant Corporate Typefaces Punctuation http://www.smashingmagazine.com/2008/03/20/60-brilliant-typefaces- Quoin for-corporate-design/ I Chank: How to Make a Font https://www.chank.com/howto/makeafont/ http://www.youtube.com/watch?v=xhpCNSm7xAM I University of Reading Class of 2009 Type Design http://www.typefacedesign.org/2009/ I Type Design http://www.creativebloq.com/typography/design-your-own-typeface- 8133919 I Nick Shinn: Richler Typeface http://www.randomhouse.ca/richler/#about_thetype Student Notes © 2004 – 2019 Linda Coe Type Design, Origins, Revivals 1 Introduction to Typography Emily Carr University of Art + Design Instructor: Linda Coe, BDes, FGDC Continuing Studies Why Design a New Typeface? More Canadian Typeface Designs There are several reasons new typefaces are created. Sometimes they are I Cartier, 1967 Carl Dair commissioned by a client. For example, in 2002 Random House of Canada I Caxton, 1972 Les Usherwood and the Giller Book Prize, in consultation with the Richler family commissioned Nick Shinn to design a new typeface to commemorate the I Flange, 1981 Les Usherwood life and work of writer Mordecai Richler. While several typefaces have I Usherwood, 1984 Les Usherwood been named after famous writers, this is the first time a Canadian cultural I Mambo, 1990 Val Fullard institution has so honored a Canadian designer with such a commission.) I Fontesque, 1993 I Smart Sans, 1998, Rod McDonald I Richler, 2001 Nick Shinn I Laurentian, 2001 , Rod McDonald I Albertan, 2005, Jim Rimmer I Slate, 2006, Rod McDonald I Cotillion, 2006, Jim Rimmer I Amethyst, 2006, Jim Rimmer I Lapis, 2006, Jim Rimmer I Dokument, 2006, Jim Rimmer Source http://www.randomhouse.ca/richler/#about_ thetype.htm Student Notes © 2004 – 2019 Linda Coe Type Design, Origins, Revivals 2 Introduction to Typography Emily Carr University of Art + Design Instructor: Linda Coe, BDes, FGDC Continuing Studies Sometimes there is a need to design a new face to suit a particular publi- More About Jim Rimmer and the cation or journal due to space constraints. Times Roman was commissioned Pie Tree Press www.typeclub.com/2008/03/15/jim- by the London Times newspaper in 1932. Supervised by Stanley Morison, rimmer-and-the-pie-tree/ who provided the original Plantin type specimens used to draw the face, http://www.flurryjournal.com/2009/05/ designer Victor Lardent created the space-saving letterforms. 30/about-jim-rimmer/ New typefaces are also created to enhance a new edition of a classic book. Movie Trailer: Making Faces In 1929, the Limited Edition Club commissioned Frederick W. Goudy to http://www.monoscope.com/2009/03/ jim_rimmer_making_faces_trailer.html engrave a special face for their publication of the Washington Irving classic story, Rip Van Winkle (Kaatskill). Local type designer and illustrator, Jim Rimmer (1934 – 2010) designed several new faces to bring life to his own limited editions of Charles Dickens’ A Christmas Carol and The Adventures of Tom Sawyer (Hannibal Oldstyle). He compiled his type, design and illustration memoirs in a volume entitled Leaves From the Pie Tree. The increased focus on advertising through the last few centuries has resulted in an extraordinary diversity in new display faces. To be successful, the new typeface must be distinctive as well as versatile— one that stands out from the crowd. A typeface that can be used on a variety of published material. Ask yourself, “Why would someone want this face?” There are many revivals of classic faces—the human foibles of new cuts, sloppy inking and the like added charm to many of the faces we know today. When redrawn, digitized and mechanically “perfected” these faces often lose their personality and handcrafted appeal. Some revivals are more correctly termed reinterpretations as the designs may differ a little bit or a great deal. Frequently, type designers create new members of a typeface family. For example designing an italic version where one did not exist previously. The minimum number of characters a typographer creates is about 250, these include: upper and lower cases, numbers, accents, some ligatures, symbols and punctuation are all carefully drawn by hand before being digitized. Source http://www.heavenlymonkey.com/Rimmer.htm Student Notes © 2004 – 2019 Linda Coe Type Design, Origins, Revivals 3 Introduction to Typography Emily Carr University of Art + Design Instructor: Linda Coe, BDes, FGDC Continuing Studies Optical, Not Mechanical Components Digitizing a new typeface design is more complex than you may think. There are many characteristics of the Latin alphabet that defy math- EH Vertical Strokes Determine Height ematics— relying on optical solutions To appear the same height, vertical strokes are drawn a bit taller than to perfect the shapes and their letter forms relying on the horizontal stroke to determine their height. relationship to each other. Study each sample carefully. EFTHorizontal Strokes Thinner Than Vertical Strokes Horizontal strokes appear too thick unless they are drawn thinner than vertical strokes. BMN Open Up Tight Junctions Letter forms with tight junctions need to be opened up or they appear too thick at the joins. Compact letters with closed counters are drawn a bit smaller than those with open counters. KN Balance Needed in Forms with Vertical and Diagonal Strokes Letter forms combining diagonal and vertical strokes taper the diagonals a bit so the overlap is more pleasing, less bulky. EAVO Points and Curves Align Differently Letter forms with curves or points have to extend slightly above and below the normal baseline or they appear too short. SOQ Curved Forms Thicker at Midsection Letter forms that have curves are thicker at the centre to present an even appearance. BEHKSX38 Two Storied Not Divided Equally The split in two storied forms is above centre, otherwise they appear top heavy. Student Notes © 2004 – 2019 Linda Coe Type Design, Origins, Revivals 4 Introduction to Typography Emily Carr University of Art + Design Instructor: Linda Coe, BDes, FGDC Continuing Studies Balancing Unity and Creativity Typeface design is like walking a tight rope: maintaining perfect balance ensures you cross the rope safely. Teetering too far left or right, like com- bining too many extreme features in one font, may create a perilously imbalanced situation. The examples below, set in Times Roman, demonstrate those parts of the letters that are common within one typeface design. Letterforms With Common Diagonal Strokes These capitals share diagonal strokes. More design harmony is shown in these forms. Letterforms With Common Vertical Strokes These capitals share common vertical strokes. Note that capitals E and F also share cross bars and serifs. Harmony may occur in partial stroke. Student Notes © 2004 – 2019 Linda Coe Type Design, Origins, Revivals 5 Introduction to Typography Emily Carr University of Art + Design Instructor: Linda Coe, BDes, FGDC Continuing Studies Letterforms With Common Curved Strokes Curved capital letters with shared curved strokes. Lowercase letters also share common strokes. Common structure creates harmony of form. Common curves and partial vertical strokes/serifs. Student Notes © 2004 – 2019 Linda Coe Type Design, Origins, Revivals 6 Introduction to Typography Emily Carr University of Art + Design Instructor: Linda Coe, BDes, FGDC Continuing Studies Frutiger, Adrian. Signs and Symbols: Their Design and Meaning. ISBN 0-8230-4826-8 Student Notes © 2004 – 2019 Linda Coe Type Design, Origins, Revivals 7 Introduction to Typography Emily Carr University of Art + Design Instructor: Linda Coe, BDes, FGDC Continuing Studies Type Design Guidelines The making of letters gives 1. Begin with a strong, well-prepared concept (the personality of the me the purest and greatest typeface) and follow it throughout the design. pleasure …To me it has been 2. Have a clear idea of what your typeface is intended for—text, display— the happiest and most casual or formal. perfect expression of my life. 3. Create a few characters first. Draw a test word or two. Make sure to — Rudolf Koch include a variety of characters which offer the basic styling for the remaining letterforms. 4. Fine tune the letterforms, paying particular attention to x-height and weight. Lay out a test word or two and test it in a variety of sizes. Review them for consistent width, stroke thickness and overall colour. 5. Do the same for the upper and lower case letters, figures and sorts. Font Design Software Distributors 6. Create a test document that shows all lowercase combinations, www.fontlab.com/ important cap-to-lowercase combinations and a text block. Font software Comparison www.fontlab.com/fontlab- 7. Adjust the actual characters and their side bearings to create the products/compare/ optimum colour and spacing. http://www.typophile.com/node/50819 8. Do not kern the typeface until you have done all of the above. (More www.high-logic.com/fontcreator.html kerning pairs does not necessarily mean a better looking face if the original face is poor.) 9. Put the project aside for a day or two when you are no longer able to view it objectively.
Recommended publications
  • 2010 Type Quiz
    Text TypeCon 2010 Typographic Quiz Here’s How It Works 30+ Questions to Test Your Typographic Smarts Divided Into Two Parts Part One • 12 Questions (OK, 17) • First right answer to each question wins a prize • Your proctor is the arbiter of answer correctness Part Two • 18 Questions • Answers should be put on “quiz” sheets • Every correct answer to a multiple part question counts as a point • 33 Possible right answers What’s it worth? • There are the bragging rights... • How about the the Grand Prize of the complete Monotype OpenType Library of over 1000 fonts? There’s More... • Something special from FontShop • Gimme hats from Font Bureau • Industrial strength prizes from House Industries • TDC annual complements of the TDC And Even More... • Posters from Hamilton Wood Type Museum • Complete OpenType Font families from Fonts.com • Books from Mark Batty Publisher • Fantastic stuff from P22 And Even More... • Fonts & books & lots of great things from Linotype • Great Prizes from Veer – including the very desirable “Kern” sweatshirt • Font packs and comics from Active Images Over 80 prizes Just about everyone can win something Some great companies • Active Images • Font Bureau • Font Shop • Hamilton Wood Type Museum • House Industries • Linotype • Mark Batty Publisher • Monotype Imaging • P22 • Type Directors Club • Veer Awards • Typophile of the Year • The Doyald Young Typographic Powerhouse Award • The Fred Goudy Honorable Mention • Typographer’s Apprentice (Nice Try) • Typographically Challenged Note: we’re in L.A., so some questions may
    [Show full text]
  • Helvetica.Pdf
    Helvetica Complements & Alternatives - – — ÷ •••• •••• ···· ···· r Part 1: Complements Combining Type With Helvetica H E L V E T I C A combining type with helvetica Introduction We asked experts we admire to round up typefaces that share a common use, style, or concept. Indra Kupferschmid is a German typographer and writer who lives in Bonn and teaches in Saarbrücken at the French border. As co-author of “Helvetica forever”, Indra is often asked what typeface to combine with the world’s most famous font. As Indra puts it, “Helvetica is often described as the tasteless white rice among typefaces: satisfies easily, cheap and fast. But the good thing is, you can take the design into different directions with the sauce and side dishes (the typefaces you pair with Helvetica).” Indra shares her favorite Helvetica companions with the following guidelines in mind: “Focusing on contrast makes combining fonts easier. Better not pair Helvetica (or other Neo-Grotesques) with another sans serif (like a Humanist Sans). Instead, choose a serif or a slab. Transitional and Modern (bracketed) serifs work quite well with Helvetica. So do most Garaldes like Garamond — it all depends on what kind of atmosphere you’re aiming for. Browse the list of ideas below, or look for faces with broad proportions, a large x-height, or similar characteristics, like an uppercase ‘R’ with a vertical tail.” www.fontshop.com toll free at 888 ff fonts 415.252.1003 Neutral Fonts If you’re looking for a text face and want to stay consistent by emphasizing the neutral, flawless feel of the Grotesk, try a Transitional serif.
    [Show full text]
  • T.C. Süleyman Demirel Üniversitesi Güzel Sanatlar Enstitüsü Grafik Tasarim Anasanat Dali
    T.C. SÜLEYMAN DEMİREL ÜNİVERSİTESİ GÜZEL SANATLAR ENSTİTÜSÜ GRAFİK TASARIM ANASANAT DALI GRAFİK TASARIMDA YENİ NESİL FONT TASARIMI ÜZERİNE İNCELEME; DENEYSEL BİR FONT TASARIMI Münire YILDIZ Yüksek Lisans Tezi Danışman: Doç. Yusuf KEŞ ISPARTA, 2015 SUNUŞ Kişisel bilgisayarların yaygınlaşması ile her eve ve her ofise bilgisayar girmiştir. Font tasarımı yapmayı mümkün kılan programların erişimi kolaylaşmıştır. Tipografi alanında uzmanlaşmış ustaların yanında programları kendi çabalarıyla öğrenip, ardından taslakları programa aktaran ve kendini tipografist olarak görenler olabilmektedir. Fakat bu durumun yaratıcılık ve yenilik gibi tasarımın ana unsurlarını etkilediği görülmektedir. Bu sonuç doğrultusunda font tasarımıyla ilgileneceklerin gelişimlerine katkıda bulunacak ustaların işlerine yönlendirme yapma gereği amacıyla bu çalışma oluşturulmuştur. Bu araştırma birçok kişinin katkısı ve desteği ile oluşturulmuştur. Öncelikle değerli katkılarıyla ve alanında engin bilgisiyle tezi şekillendiren saygıdeğer danışmanım Doç. Yusuf KEŞ’e teşekkür ederim. Tezi araştırılmasında ve hazırlanmasında yardımlarını esirgemeyen ve değerli kaynaklarını ile bilgilerini benimle paylaşan tipografi alanında usta Prof. Namık Kemal Sarıkavak’a sonsuz teşekkür ederim. Tez izleme komitesinde bana yol gösteren Doç. Dr. Mehmet ÖZKARTAL’a katkıları için teşekkür ederim. Öğrenim hayatımda bana öcülük eden abim Fatih ASİLTÜRK’e ve tezin oluşum sürecinde bütün zorlukları benimle göğüsleyen, maddi manevi en büyük destekçim olan iki yol arkadaşım canım anneme ve eşim İbrahim YILDIZ’a minnettarım. Münire YILDIZ Isparta, 2015 i ÖZET GRAFİK TASARIMDA YENİ NESİL FONT TASARIMI ÜZERİNE İNCELEME; DENEYSEL BİR FONT TASARIMI Münire Yıldız Süleyman Demirel Üniversitesi, Güzel Sanatlar Enstitüsü Grafik Ana Sanat Dalı, Yüksek Lisans Tezi Yıl: 2015, Sayfa: 161 Danışman: Doç. Yusuf KEŞ Font tasarımının gelişim sürecinin temeli yazı ve tipografinin tarihsel sürecine dayanmaktadır. Yazının kil tabletlerle başlayan macerası matbaanın bulunuşuyla hareket kazanmıştır.
    [Show full text]
  • Free Neutraface 2 Text Book Fonts
    1 / 2 Free Neutraface 2 Text Book Fonts Download NeutraText-Bold font free in otf format for Windows and Mac. Farewell Futura, Hello Neutraface No. 2 Text Light Book Italic 1. Link to post Share on .... 2 Text Book Italic by House Industries from the Neutraface No. 2 Collection. Neutraface No. 2 is an extension of the Neutra legacy, where form and function meet .... 9 hours ago — The similar or similar font recognized by LikeFont is . ... Cool Sans Regular Non-Commercial 5654279Collection; 86.4%; DownloadFont ... Neutraface 2 Display Medium Regular Non-Commercial 11329815Collection; 85.7% ... NeueKabel-Book Non-Commercial 2054419Collection; 85.2%; DownloadFont.. Download Neutra Text Book For Free, View Sample Text, Rating And More On test ... Neutraface neutraface font free download mac 2 text book font for mac free .... Resource Links. Submit Fonts. + results for neutraface text-book Related keywords (10) neutraface tekstbook-6 neutraface 2 textbook neutraface textbook ... Font personality, legibility vs readability and good rules of thumb 2. ... 12Text weight NEUTRAFACE Light Light Italic Regular/Normal/Book ... Open Sans) – Typo – Grill'd –Popularity – especially free fonts (Lobster, Brothers, Selfie, Pacifico) .... Download free neutraface 2 font mac on 5450196. ... After your Mac validates the font and opens the Font Book app, the font. Neutraface Text Font. Neutraface is .... Although we have indicated the license type, please make sure to double check it by reading the information shown in the details area of each font to avoid any .... Neutraface - House Industries. Neutra Text SC Font Free for Maс OS: Install Instructions. To install this font follow the next advice: Before installing the Neutra ...
    [Show full text]
  • Web Applications
    Visual Design for Web Sites & Web Applications UPA Boston Workshop Jonathan Folle! President & Chief Creative O"icer Hot Knife Design, Inc. [email protected] www.twi!er.com/jonfolle! 617-848-5956 about you how many people here are: usability practitioners? developers? designers? project managers? all of the above? other? about hk beautiful data now available from o’reilly grab a copy on amazon overview 9:10 - 9:40 presentation part 1 9:40 - 10:10 selecting type 10:10 - 10:20 break 10:20 - 10:50 presentation part 2 10:50 - 11:20 selecting a grid, colors & icons 11:20 - 11:30 break 11:30 - 11:50 omnigra!le & photoshop techniques 11:50 - 12:00 wrap up a few thoughts on the Creative Process everything we do is based on work that came before creatives are good dis-assemblers and re-assemblers take disparate pieces and make something new systemize everything. the restrictions will set you free. cultivate your obsessions become a fan of other designers and their work typographers christian schwartz jonathan hoefler tobias frere-jones erik spiekerman ma"hew carter designers khoi vinh je!rey zeldman jason santa maria cameron moll dan cedarholm elements of the designer’s craft resources - know your materials inspiration tools techniques dirty, dirty tricks resources type grids color icons images software tools photoshop illustrator omnigra!le indesign acrobat selecting Typography recommended reading a quick anatomy lesson, courtesy of fontshop.com web typography typesetting considerations serif or sans serif? line length (12 words is good) leading (1.1 - 1.5 em) le"er spacing - lower case, don’t do it! kerning - the space between individual le"ers color - type vs.
    [Show full text]
  • Fontstand Poised to Revolutionize the Font Market
    Fontstand poised to revolutionize the font market. Fontstand BV Lange Beestenmarkt 90k 2512 EH, The Hague The Netherlands [email protected] For release 22-MAY-2015 (under press embargo until 3pm CET) fontstand.com The Hague, Netherlands Developed by independent designers, this new Mac OS X app for testing and renting desktop fonts could become the iTunes of the digital font market. Out of the billions of digital device users in the world, probably only a tiny fraction ever stop to think about the fonts they use every day, much less wonder if they need anything beyond Times, Arial and Comic Sans. But as all designers know, whether you are a first-grader trying to get your mom’s birthday card ‘just right’ or a professional crafting a comprehensive corporate identity, every font has its own character, and you can never have enough of them. Producing a well designed font family is an extremely time-intensive task that demands artistic skill, technical knowledge and fanatical attention to detail. This makes high-quality fonts with advanced typographic features and broad language support expensive. And although free fonts are widely available on the web, they generally lack the refined details, diversity of styles and range of characters that (not only) professional graphic artists need to produce top-quality work. (Also, contrary to popular perception, pre- installed font families like Times Roman (normally US$140) and Helvetica (normally US$210) are ‘free’ only because companies like Microsoft and Apple pay to license them.) Up until now, this has created a double-edged predicament for independent font designers and their customers: high-quality fonts have been costly, and font users have found it expensive to assemble a broad palette of typefaces to work with.
    [Show full text]
  • By: Daniel Salomon SERIF Times New Roman
    TYPOGRAPHY By: Daniel Salomon SERIF Times New Roman . 3 Bodoni Std . 4 Rockwell . 5 ITC Garamond Std . 6 Josefin Slab . 7 R Times New Roman 3 Nymphs blitz quick vex dwarf jog. Font fact: 24pt. Times New Roman has been utilized for about every typographic application imaginable. It is considered an exceptionally legible design that translates well to hard copy and on-screen environments. Esophagographers Times New Roman Bold 36pt. shanghaiings Times New Roman Italic 18pt. scintillescent Times New Roman T regular 24pt. horseshvover Times New Roman regular 14pt. arraigning Times New Roman R Italic N30pt. 4 Bodoni Std Aa Aa Aa Aa Aa Aa Bodoni Std Bodoni Std Bodoni Std Bodoni Std Bodoni Std Bodoni Std Italic Poster Poster Bold Roman Book Roman Italic 36pt. 36pt. 36pt. 36pt. 36pt. 36pt. Font fact: Bodoni is the typeface utilized in the recognizable poster for the movie and play “Mama Mia!” Roman 18pt. A B C D E F G H I J K L M N O P Q R S T U V W X Y Z a b c d e f g h i j k l m n o p q r s t u v w x y z 0 1 2 3 4 5 6 7 8 9 Bold 18pt. A B C D E F G H I J K L M N O P Q R S T U V W X Y Z a b c d e f g h i j k l m n o p q r s t u v w x y z 0 1 2 3 4 5 6 7 8 9 Poster 30pt.
    [Show full text]