Typography is one of the most important elements of design. In web design, it is no different. First of all, I would like to clarify all the vague terms that we usually use interchangeably with the typography. In the past, letters were cast on metal and each size with its unique weight was called a font. Different fonts were grouped in what was called a typeface. In digital type terms like font and typeface are almost synonyms, and they usually describe the whole typeface. On the other hand, typography is the art, or rather, a discipline of arranging and designing a written language to make it legible, readable, and visually appealing. This is why typography matters in design in general, but for now, let’s focus on web design.
In face-to-face communication, feedback is instant, and the experience is interactive, which makes it the most advanced and effective method of communication. With text, there’s no two-way feedback, and we’re left only with symbols and letters – a visual representation of language. In this simple way of communication, typography and content need to work together to form our impression and emotion. By manipulating different properties in typography we can affect how it delivers a given message.
Elegant type is always a compromise between form and function. The good form improves visual impression and aesthetic quality. Heading and other shorter texts whose goal is to make a statement should rely on the beautiful form. Function comes in handy for smaller type sizes used for running text whose goal is to be read. The most important role of headings and display type is to grab the reader’s or user’s attention to the content. When users or readers dig in the content, the role of type is to be legible, readable, and overall functional. By respecting this delicate relationship between form and function we can communicate and deliver the wanted message in the way we desire.
We should think of a text as a complex and dynamic shape that creates tension and builds contrast with the surrounding elements and background. Depending on how we want to present information, we can decrease or increase contrast to control how it affects the final tone of voice. Creating contrast helps us build a hierarchy between different typographic elements, which lets us control the message we deliver to the end-user. We can manipulate four different properties of type to create contrast – size, color, shape, and placement of typographic elements.
The presentation itself can be a deciding factor in how we interpret the content. The message becomes more interesting if shown appropriately. Just like in the real world, a lot of different factors can influence how we interpret certain information. In a world of typography and design, we can manipulate the type’s dimensions, weight, width, height, and other properties.
In that matter, some typefaces are more formal, while some are playful and almost childlike. More organic shapes usually make non-formal fonts and straight lines with delicately made curves make for elegant formal ones.
I'm a husband, father, son, scuba diver, mountaineer, adventure photographer, commercially licenced drone pilot, autism dad & climate change advocate. Ive a eye on a better brighter, cleaner more accepting future for all of us.
All author postsShort videos posts rocketed in 2020 thanks to new platforms like TikTok and the shift in users being...
WhatsApp has a couple of issues that seem to all be hitting at the same time. Thousands of...
A logo identifies a company or product via the use of a mark, flag, symbol or signature...
Typography is one of the most important elements of design. In web design, it is no different...
To make a long story short, I posted this to ask a question: is this an accident of sloppiness or haste by the folks at URW? Or was there some kind of typographic wisdom behind these slip-ups that I just don't get? Some kind of a secret idea that makes their cut better than MT's or BT's Imprint?
Just wanted to ask about the concept of "rationalization" and the modern serif, as there's a few things unclear to me, and was wondering if you have any knowledge or resources on it.