Category: Typography

Categories

Typography / 30 Mar 2015

7 Tips for Choosing the Best Web Font for Your Design

There’s no way to quantify all of the font options available for website designers. Almost every day a new typeface shows up in my inbox or Twitter feed. But not every one one of these typefaces – no matter how beautiful – is right for designing a website.

When it comes to selecting the perfect font, you have think about a variety of things including compatibility, load time and design purpose. Today, we have seven tips to help you select and use the best web font for your design project.

Typography / 15 Sep 2014

Every Design Needs Three Levels of Typographic Hierarchy

One of the most important elements for people looking at anything you design is the type. It needs to be clear and readable and it should direct users through a design, from most important elements to least.

And that, in a nutshell, explains typography hierarchy. But to really master the art of type, you need to understand how to layer type throughout a design to achieve maximum impact. Read on to learn how to master typography hierarchy and create effective type in every project.

Typography / 2 Sep 2014

What Is a Font License? (And Do I Need One?)

Almost every design project you encounter will include type of some kind. And it’s very likely that that type will start as a font on a computer, unless you create it yourself. With using specific computer fonts, come some very specific rules regarding their use, which can vary by project.

So what is a font license? Do you need one? And where can you find the tools and resources you need to make sure you are using fonts properly? Lucky for you, we have a primer. (And the images in this post include fonts that you can license to use in your projects.)

Typography / 21 Apr 2014

The Complete Guide to Special Characters

Not everything is as easy as ABC or 123. Sometimes your copy might require a character outside of the basic alphabet. That’s where special characters and glyphs come in. (Look around, they are more common than you might think at first.)

Depending on your workflow, inserting a glyph can be as simple as a keystroke or a multi-step process. Much of it depends on the software you are using, typography palette and how the final product will be published. Here, we are going to take a look at special characters, examples of use and tips for success.

Typography / 4 Apr 2014

This Week in Design: April 4, 2014

From a teen who made headlines about saving millions of dollars with a font to some of the most impressive design names of our generation, this week in design featured people who make an impact. Whether you like or agree with a theory sometimes does not mean as much as the simple idea that it gets people thinking about something new.

Every week, we plan to a look at major product releases and upgrades, tools and tricks and even some of the most popular things you are talking about on social media. And we’d love to hear what’s going on in your world as well. Have we missed anything? Drop me a line at [email protected].

Mobile / 5 Mar 2014

Tips for Designing Better Mobile Typography

Mobile is big right now. But often the typography is small. When it comes to creating great type on small screens, there are plenty of challenges.

So how can you make the most of responsiveness, mobile design and typography? The first step is really understanding type and the second is by thinking about how people read. Put the two together and you will get a handle on creating great mobile type in no time. It’s a skill that every designer needs to master in the digital age.

Typography / 3 Mar 2014

Creating Visual Hierarchy With Typography

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.)

Typography / 10 Feb 2014

Why I Love Ampersands & You Should Too

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.

Typography / 28 Oct 2013

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

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.

Mobile / 22 Jul 2013

The Importance of Designing for 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.

Typography / 4 Apr 2013

What’s the Deal With Em and Rem?

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!

Typography / 19 Mar 2013

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!