Typography Archive

hierarchy-lede

Creating Visual Hierarchy With Typography

type hierarchy

Visual hierarchy is an important element in any design project. It tells people where to look and what things on the screen or printed page are most important. Hierarchy gives readers a sense of how to actually read material from start to finish with visual cues and flow.

While you can create visual hierarchy using a number of different tools, today we are going to look at ways to create structure with just typography. (And take a look at the images used throughout this post; they are all examples of great type hierarchy in action.)

March 3rd, 2014 Posted in Typography
amp-lede

Why I Love Ampersands & You Should Too

ampersands

Without a doubt, the most beautiful character in the English language is the ampersand. The single character comes in so many fashions – from the simple & to the casual E- to t-style representations.

But where did this character come from? What does it mean? And most importantly how can you take advantage of using it in your design projects? Here we will take a look at my favorite character from its history to uses and a gallery of great ampersands to inspire you.

February 10th, 2014 Posted in Typography
serifsVsans

Serif vs. Sans Serif Fonts: Is One Really Better Than the Other?

screenshot

There is an ongoing debate among designers – both print and digital – about what makes an ideal typeface for a project. The debate almost always breaks down to a single question: serif or sans serif?

Before you answer that question, think about all of the things you know about serif and sans serif typefaces and all the myths associated with them. Today, we’ll take a look at both categories of type and try to determine if one is really better than the other, and in what circumstance.

October 28th, 2013 Posted in Typography
readability-lede

The Importance of Designing for Readability

readability

Text is not an afterthought in the design process. It should be your first consideration.

Readability should be one of the top concerns when it comes to any design project. If text can’t be read, then why are you designing in the first place? Good design delivers content in a way that is understandable; readability is a big part of comprehension. Today we’ll be discussing how you can plan a design around the words, so that your projects are easy to read.

July 22nd, 2013 Posted in Typography
emslede

What’s the Deal With Em and Rem?

screenshot

With all the talk about designing for responsive websites, two little words keep cropping up – em and rem. But what are they?

Em and rem, along with pixels, are units and methods to measure and resize type. Em and rem are relative, rather than static, units and are being used more and more for responsive web design schemes. Let’s dive into this concept today and explain things a little more clearly!

April 4th, 2013 Posted in Typography
featured-mixtype

Mixing Typefaces: Tips and Techniques

Mixing typefaces can be on of the most rewarding, and trickiest parts of the design process. Creating the perfect pairing of typography can result in a beautiful and perfectly readable outline for almost any project.

But how can you get started? What should you consider when mixing typefaces? While the answers aren’t black and white, there are a few things you can do. Think about contrast, x-heights, shapes and slants and overall mood when combining typefaces for any project. In this article, we’ll be delving into each of these in a little more detail!

March 19th, 2013 Posted in Typography
stress-lede

Is My Type Stressed? A Primer on Stressed Typography

screenshot

As a designer, either working with a design firm or on a freelance basis, you probably know a lot about stress. From deadlines to redesigns, client relations to cash flow — it is part of everyday life for someone working as a designer in any capacity.

But did you know your typography could also be stressed? Just like in your life, type has certain pressure points, and there are good and bad types of type stress. In today’s article, we’re going to delve into this concept in a little more details. We’ll walk you through exactly what types of typographical stress there are, how you can ensure it doesn’t affect the readability of your designs.

February 25th, 2013 Posted in Typography
altimage

Add Flair to Projects With Alternate Lettering

screenshot

Most typefaces have more than just 52 letters – 26 uppercase and 26 lowercase. They also contain an assortment of alternate characters that can help add flair and interest to your typography.

These special characters have been around since the beginning of type. Renowned typographer Johannes Gutenberg even used them in printing early copies of the Bible.

January 2nd, 2013 Posted in Typography
TypeMasculinity-f

Leveraging Stereotypes in Design: Masculine vs. Feminine Typography

screenshot

Can type have a gender? Is it even socially acceptable to ask such as question? Putting aside any sort of nonsensical gender bias, it’s absolutely the case that typography can and does suggest a level of masculinity (or a lack thereof).

Today, we’re going to jump into what makes a typeface feminine vs. masculine. More importantly, we’ll talk about why this matters and and how it should influence your design work.

July 19th, 2012 Posted in Typography
googlefontcombos-f

10 More Great Google Font Combinations You Can Copy

screenshot

The last time we wrote about Google Web Fonts, it was a fairly new program with a handful of fonts. Today there are nearly 500 font families ready and waiting to be served up to your website completely free of charge. Google has certainly made its mark on web typography and stands as an excellent alternative to premium subscription services.

The downside of this growth is that it’s becomingly increasingly difficult to sift through the library to find the best selections. We’ve got your back though and are serving up another great collection of Google Web Font combinations ripe for the stealing. Just copy and paste our code, then tweak the style to fit your needs and you’ll be good to go!

March 20th, 2012 Posted in Typography
Subscribe


Membership