![]() There are five basic classifications of typefaces: serif, sans serif, script, monospaced, and display.Īs a general rule, serif and sans serif typefaces are used for either body copy or headlines (including titles, logos, etc.), while script and display typefaces are only used for headlines. ![]() Taking time to learn about typographical elements can help any designer improve their craft and create superior finished projects. Great typography can elevate a design from “good” to “amazing,” while bad typography design (or worse - illegible type) can make even the “best” projects unusable. Possibly with the exception of color, the different types of fonts used in a design have a greater impact on the way a user perceives that design than virtually any other individual design element. Here is an example of pairings that create concord, contrast, and conflict.Virtually all designers, from brand designers to UI designers to dedicated typography designers, can benefit from expanding their knowledge of typography and typeface classification. Typeface pairings that create conflict are not desirable. Typeface pairings that create either concord or contrast are desirable. ![]() For a list of font categories, see the Adobe Print Publishing Technical Guides, Typography basics: Typeface classifications. Conflict is likely to occur when two typefaces from the same category are combined. ConflictĬonflict creates a visually unpleasant design that bothers or distracts the reader.Ĭonflict occurs when the typefaces are too different to have concordance and too similar to contrast. These combinations are particularly effective when the size, weight, (and sometimes colour) of the heading differs from the body text. Or take a no-nonsense sans-serif for the headings, with a pleasantly legible serif for the body.” Ian Yates gives excellent advice for creating contrast: “Take a decorative serif for the heading and a sure-footed sans-serif for the body. In order to achieve a sharp contrast, use typefaces that differ for multiple typographical elements. ContrastĬontrast creates an engaging, eye-catching design.Ĭontrast needs to “pop” in order to be effective. For example, you could use Arial Rounded MT Bold for headings and Arial for body text. Typefaces from the same family (or same designer) are more likely to create concord. For example, you could the Times New Roman typeface for an entire document, and make headings a larger point size and heavier weight than the body text.Īnother way of creating concord is by combining typefaces that share several typographical elements. You can achieve concord by using only one typeface -that is, by not pairing typefaces -and (optionally) by applying various treatments to the typeface. Typographical elements can include textual elements (such as X-height, width of typeface, presence or absence of serifs, line quality, type size, and treatment), kerning, and colour.Ĭoncord creates a simple, clean, low-key design. Visually displeasing effect achieved from pairing typefaces that have only subtle differences of typographical elements. Visual distinction achieved from pairing typefaces that have a considerable, marked contrast of various typographical elements. Visual uniformity achieved from pairing typefaces that share numerous typographical elements. Using concord or contrast can achieve desirable rhetorical effects such as enhancing the clarity, ethos, and emphasis of both online and printed communications. Successful typeface pairings can be achieved through concordance or contrast of typefaces, but not through conflict.
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |