ViRL: Your Solid Framework for Good Typography

So you are passionate about typography. What is your definition of good typography?

If someone asked me this question years ago, I probably wouldn’t be able to come up with a good answer. I just knew that when I was a teenager, I already enjoyed paying attention to the tiny details of a typeface. I had a preference for certain typefaces, because to me, some looked more elegant than others. When I became a web designer, I liked to try out different Google Fonts and experience their look-and-feels. I heard people say web design is 95% typography. I also knew that the fonts on a Mac looked better because Steve Jobs had learned typography when he was a college student.

Since typography is so important, I decided to take it more seriously. After years of learning, trying, practicing and creating, I now finally realize that there are three important elements in good typography. These three elements can form a solid framework, helping us evaluate our existing design, identify typographic problems, inform our design decisions and ultimately achieve good typography.

The ViRL framework

ViRL (pronounced viral) is the acronym of the three elements. It stands for visual appeal, readability and legibility.

The three elements — visual appeal, readability and legibility — form the ViRL framework for good typography.
The three elements — visual appeal, readability and legibility — form the ViRL framework for good typography.

Continue reading

How to Get Rid of Widows and Orphans

A well-designed document should be free of widows and orphans. It is understandable that getting rid of them may not always be a high priority, especially when the document you are working on is urgent or not particularly important. However, if you are working on a book, a magazine, a poster, a signage or a brochure and have sufficient time, it is worth taking some time to eliminate them because it will make your design better.

Widows and Orphans in a document
Widows and Orphans in a document

Continue reading

What You Can Do with Different Font Weights

If you are a Mac user or Google Fonts user, often you will come across a typeface that offers a variety of font weights. Have you ever thought about what you can do with these different font weights? Today, I would like to show a few examples that illustrate the their usage. If you have other interesting examples of using different font weights in your design, leave a comment below and let me know.

Raleway in Google Fonts offers a variety of font weights from 100 to 900. How can we use these different font weights to our advantage in our design?
Raleway in Google Fonts offers a variety of font weights from 100 to 900. How can we use these different font weights to our advantage in our design?

Continue reading