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.)
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.
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.
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.
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!
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!
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.
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.
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.
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!
So you think you’re a pro at spotting typefaces eh? You’re a real type lover with at least one clever t-shirt dedicated to the cause of teaching the world to kern. You’ve seen the Helvetica documentary eight times and you love to walk around a crowded city with a superior smirk on your face, pointing out all the instances of Helvetica that you see.
The big problem with this, aside from the fact that you seem a little full of yourself, is that Helvetica can actually be pretty tricky to identify if you haven’t done your homework. I’m willing to bet that you’ve even pointed at Arial (gasp!) a time or two and boldly proclaimed it to be Helvetica! Save yourself the embarrassment and learn some great tricks for spotting the most ubiquitous font on the planet.
Sometimes the most daunting part of a new project can be the brainstorming phase. Thinking of color schemes and font selections can be inspiring in your head, but really tough when you start mixing and matching elements on paper or for your website.
Understanding some of the history of fonts and typography can help make any project a little easier. Learn how to pair different typefaces to get desired effect every time and learn what things to avoid. Sharp typography and font selections can really make or break just about any project.