Posts Tagged ‘Typography’

We are pleased to present below all posts tagged with ‘Typography’.

A Journey Through Beautiful Typography In Web Design

First impressions are lasting impressions. Whether you realize it or not, your typography helps to create an experience for users before they’ve even read a word or clicked a button. Typography has the potential to go beyond merely telling a story — it shows the user who is behind the website and what you’re about. The treatment of type creates an atmosphere and elicits a response much the same way as tone of voice does.

A Journey Through Beautiful Typography In Web Design

You need to ask yourself, what do you want to say and how do you want to say it? Consider the user: What do you want them to feel and experience when the page loads? Typography establishes a mode of communication and, in turn, the personality of the website. The choice of typeface will determine how people respond to your website.

Read more...

Making Sense Of Type Classification (Part 2)

In the first installment of this two-part series on type classification, we covered the basics of type classification — the various methods people have used, why they are helpful, and a brief survey of type history, classifying and identifying typefaces along the way. Unfortunately, we only got as far as Roman (traditional serif) typefaces and the early-19th century.

Making Sense Of Type Classification (Part 2)

Now we’re back for part 2! Part 2 will primarily cover sans typefaces, with a nod to display typefaces and other less common categories, as well as address a few of the questions people have about whether type classification is helpful and necessary.

Read more...

Typographic Design Patterns And Current Practices (2013 Edition)

Good typography has always been a defining aspect of effective Web design, and this holds true especially for websites in which the emphasis is on presenting a large amount of content — specifically, articles, news and stories.

Typographic Design Patterns And Current Practices

Whether for a magazine or international newspaper, the designer of any website that distributes a lot of content has always had to consider typographic details as seriously and thoroughly as a print designer would. In 2009, we conducted a survey of then current typographic practices. Since then, responsive design techniques have clearly gained momentum and established their place in the landscape of CSS layout.

Read more...

Making Sense Of Type Classification (Part 1)

In my previous article on Smashing Magazine (“Understanding the Difference Between Typography and Lettering”), I wrote about how understanding type terminology can help us better appreciate the arts of typography and lettering.

Making Sense Of Type Classification, Part 1

This article again deals with terminology, probably more specifically than most designers are used to, and the title gets to the heart of what I’m communicating in this article. Everyone knows their serifs and sans, slabs and scripts, but most classifications go much deeper than that.

Read more...

Logical Breakpoints For Your Responsive Design

There are several tactics for deciding where to put breakpoints in a responsive design. There is the rusty idea that they should be based on common screen sizes, but this doesn’t scale well. There are no “common” screen sizes. Another popular tactic is to create a breakpoint wherever the layout breaks.

Logical Breakpoints For Your Responsive Design

This sounds much better. But it still leaves us with the question, How do you determine whether the layout is broken? One logical answer is to look at classic readability theory and to define our breakpoints based on that.

Read more...

Typeplate: A Starter Kit For Beautiful Web Type

As of today we’re pleased to announce Typeplate, a free-range and open-source typographic starter kit that will hopefully help you build beautiful, text-rich websites. The word on the street is that the Web Is 95% Typography, so as we hurtle towards the future, we think there’s still a lot we can learn from five centuries of history.

Typeplate: A Starter Kit For Beautiful Web Type

Typeplate is the result of this exploration of our typographic heritage. We made Typeplate because we weren’t satisfied with existing Web frameworks.

Read more...

Creating Exciting And Unusual Visual Hierarchies

Layout, for both print and screen, is one of the most important aspects of graphic design. Designs that extend across multiple pages or screens, whether containing large or small amounts of type, must be carefully controlled in a way that is enticing and is easy for all to access.

Creating Exciting And Unusual Visual Hierarchies With Typography

Careful control of visual hierarchy is a key aspect of the design decisions we have to consider. In this article, we will look at how frequently type needs to be broken down into different levels, such as topic, importance and tone of voice.

Read more...

↑ Back to top