background preloader

A Crash Course in Typography: The Basics of Type - Noupe Design Blog

A Crash Course in Typography: The Basics of Type - Noupe Design Blog
Mar 28 2011 Typography could be considered the most important part of any design. It’s definitely among the most important elements of any design project. And yet it’s often the part of a design that’s left for last, or barely considered at all. Designers are often intimidated by typography, which can result in bland typographical design or a designer always using one or two “reliable” typefaces in their designs. This series aims to change that. In this part, we’ll talk about the basics of typographic theory, including the different kinds of typefaces (and how typefaces and fonts differ), as well as the basic anatomy of a typeface. Typefaces vs. A lot of people use the terms “typeface” and “font” interchangeably. A typeface is a set of typographical symbols and characters. When most of us talk about “fonts”, we’re really talking about typefaces, or type families (which are groups of typefaces with related designs). Classifying Type Serif Sans-Serif Script Display Proportional vs. Mood (ik)

7 Free Typography Ebooks We would all agree that content is the most important aspect of any website. And in most cases content is made up of type. So, as a web designer, it makes sense to have a strong understanding of typography. With that in mind, we rounded up some free ebooks that should help you strengthen your typography skills. Meet Your Type Meet Your Type, by the FontShop, will help you overcome common obstacles, and keep your heart thumping for your one true love: typography. Better Font Stacks A comprehensive comparison of various font stacks. The Typographer’s Glossary The Typographer’s Glossary, by the FontShop, is a glossary of typography related terms. The Elements of Typographic Style Applied to the Web In order to allay some of the myths surrounding typography on the web, this ebook is structured to step through the principles found in Robert Bringhurst’s The Elements of Typographic Style, explaining how to accomplish each using techniques available in HTML and CSS. Type Classification About the Author

Baseline.js | Vertical rhythm made easy Implementing a vertical baseline can be pretty easy. But maintaining one can be difficult, particularly with the addition of images in articles and webpages. That’s where Baseline.js steps in. Download on Github Baseline.js is a jQuery plugin that helps you to maintain vertical rhythm set by a typographic baseline, even when adding inline images with awkward sizes. Using Baseline.js couldn't be easier. You can see the effect Baseline.js has for yourself below. Nulla fringilla, orci ac euismod semper, magna diam porttitor mauris, quis sollicitudin sapien justo in libero. You see that?

TypeOff. Generous Machine : The slabtype algorithm, Part 1: Background Algorithms, Flash, Graphic Design, Interactive Design, Typography 1/23/08 Animator/designer Alessandro Ceglia pointed out to me a few months back that it’s possible that many users of Public Secrets don’t realize that the piece’s visual presentation is almost entirely algorithmic. Once you get beyond the title screen, all visual composition is handled dynamically, and you’ll never be able to take two identical screenshots of the piece. The designer’s statement for the project describes the two main algorithms used in the project: treemaps (an existing solution dating back to 1991) and an original text-layout algorithm which as of this article is dubbed “slabtype.” Treemaps (which I fell in love with after seeing Martin Wattenberg’s Map of the Market while I was working at Razorfish) are covered extensively elsewhere (description, history, Wikipedia) and are used to generate the overall layout of boxes for each screen of the piece. An early, more index-like design for Public Secrets.

How to Identify a Font What is the font used for the title of Friends? How about the typeface of that old copy of Moby Dick you picked up at that garage sale? The back of your Starbucks pastry bag? Graphic designers are consistently asked to use a client’s nameless favorite font. Thankfully, the font culture boom has also spurred some excellent solutions to solve the identification problem it has created. Internet identification tools,Exhaustive print catalogs,Or the crowd-sourced expertise of the Internet’s font lovers. Identification Tools These web-based identification trees should be your first recourse in finding the name of a font. The most popular image-based font finder is MyFonts’ playfully named What The Font! When you don’t have an image, your best bet is a game of 20 Questions with Identifont. Books If you have neither a font sample nor a photographic memory, your best bet may be to flip through a font catalog to pick the best match. Real People Most font sites have helpful forums. Related Posts

Desktop and @font-face fonts 13,554 free fonts for Windows and Mac Fonts2u.com FontFont Typeface Library by FSI FontShop International 50 Helpful Typography Tools And Resources - Smashing Magazine Advertisement We love beautiful typography, and we appreciate the efforts of designers who come up with great typographic techniques and tools or who just share their knowledge with fellow designers. We are always looking for such resources. We compile them, carefully select the best ones and then prepare them for our round-ups. To help you improve the typography in your designs, we’re presenting here useful new articles, tools and resources related to typography. You may be interested in the following related posts: Typography: References and Useful Resources The Taxonomy of TypeThis article’s purpose is to help us as designers to distinguish basic properties of types. Typedia: A Shared Encyclopedia of TypefacesTypedia is a resource to classify, categorize, and connect typefaces. Typeface Anatomy and GlossaryMany fonts have abbreviations in their names. Typographic Marks UnknownThere are many typographic marks which are familiar to most, but understood by few. Finding The Right Type

60+ Really awesome Typography Showcases | tripwire magazine We all know it – “A picture is worth a thousand words“. This is certainly true in most cases but clever use of typography can also turn words into pictures and then interesting things start to happen. Some people experiment with the idea of turning typography into art and pictures and I believe the results can be very interesting and inspiring. In particular this type of art is commonly seen on posters, in logos, on walls (graffiti), etc. Sit back and enjoy the Experimental Typography I discovered on Flickr today. If you fall in love with some of the art featured here I would recommend that you credit it with a comment on Flickr – just follow the link by clicking on the pictures. Advertisement Tagged as: CSS Techniques, Inspiration, Typography

fonts, typefaces and all things typographical — I love Typograph

Related: