Posts Tagged ‘Typography’

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

8 Simple Ways to Improve Typography In Your Designs

Many people, designers included, think that typography consists of only selecting a typeface, choosing a font size and whether it should be regular or bold. For most people it ends there. But there is much more to achieving good typography and it's in the details that designers often neglect.

Screenshot

These details give the designer total control, allowing them to create beautiful and consistent typography in their designs. While these details can be applied across different types of media, in this articles we're going to focus on how to apply them to web design using CSS. Here are 8 simple ways you can use CSS to improve your typography and hence the overall usability of your designs.

Read more...

Typography Keyboard Layout: Download Now!

In January we commissioned Ilya Birman, a Russian designer with passion for typography, to adapt his typography keyboard layout (which has become a common typographer's tool in Russia) to create a version for English-speaking designers, artists and, of course, typographers across the globe.

The main idea was to provide the web design community with a handy tool that would let designers enter characters that are usually unavailable on a keyboard easier and quicker. If you already tried to enter such words like naïve or résumé or used special symbols (trademark symbol ™) or pay attention to diacritics (en-dash, em-dash, hyphen etc.), you probably know what we mean.

In this post we release the Typography Keyboard Layout – a simple, yet useful tool that lets you enter characters that are usually unavailable on a keyboard with ease. Hopefully it will help you to achieve better typography in your designs.

We asked our Twitter followers to participate in our beta-testing. And after we received a lot of positive feedback, we implemented some of your suggestions in the final version.

Read more...

10 Principles For Readable Web Typography

Readability is one of the more important aspects of Web design usability. Readable text affects how users process the information in the content. Poor readability scares readers away from the content. On the other hand, done correctly, readability allows users to efficiently read and take in the information in the text. You want users to be able to read your content and absorb it easily.

Screenshot

In this post, we'll explain some Web typography terms and how they play into readability; we'll present numerous tips to help improve the readability of your content; and we'll showcase very readable websites, layouts and articles.

You may also be interested in the following related posts:

Read more...

Fantastic Typography Blogs For Your Inspiration

Some say that web design without typography is like an orange without its peel, it just isn’t complete. Typography encompasses the reality of effective web design and achieves success in creating web page identity, eye-catching sites, and the enhancement of visual appearance.

Screenshot

Typography is much more than the “art of text”, it’s the evolution of creativity within simple to intricate web designs. One can say that a good architecture needs great support, the same concept can be applied to web design in the sense that a good blog could do without the use of typography, but an astounding one could use the creative support.

Typography leaves you with the option of bringing together simple creativity with unique and effective communication in order to get your blog or sites main focus across. Now, with all of this information at hand here are 40 fantastic blogs that will allow you to expand your knowledge base of what typography really is.

You may want to take a look at the following related posts:

Read more...

50 Useful Design Tools For Beautiful Web Typography

Typography is elegant when it is attractive and communicates the designer’s ideas. When chosen wisely and used carefully, it can be very effective in supporting the overall design. Designers are always exploring different techniques with type: some use images or sIFR to produce very beautiful typography, while others prefer CSS alone to get the typography just right.

TypeChart

Today, we will look at 50 most useful typographic tools, techniques and resources for creating effective and expressive designs. We will also look at some hands-on typography tools that help designers and developers learn how to style their Web content, test it interactively and see the changes instantly. These tools are great for experimenting with different font types for your website.

Below we cover typographic tools, useful typographic references, font browsers, typographic CSS- and JavaScript-techniques, hyphenation techniques, sIFR tools and resources, grids and related tools, free and commercial fonts, a guide to Web typography, examples of great Web typography.

Please feel free to suggest further tools and resources in the comments to this post. And if you like this post please feel free to subscribe to our RSS-feed and follow us on Twitter.

You may want to take a look at the following related articles:

Read more...

The Right Type: 5 Inspiring Typography Tales

Nowadays, typefaces are a dime a dozen; there's certainly no shortage of free fonts. But as in any artistic field, the standouts are rare, and understanding why they excel takes gradual experience.

Subway Signage by FredoAlvarez.

In this yarn, we'll take a closer look at inspiring stories behind the design of typefaces that you may have seen or used but didn't know the history of. We'll explore the nooks and crannies — both literal and figurative — of the evolving printed word. By the end, we hope you come away with a better appreciation of how things came to be.

Read more...

15 Beautiful High-Quality Free Fonts

Every now and again we take a look around, select “fresh” high-quality free fonts and present them to you in a brief overview. The choice is enormous, so the time you need to find them is usually the time you should be investing in your current projects. We search for them and we find them, so you don’t have to.

Aller Sans

In this selection we’re glad to present you Aller Sans, Mayberry Pro SemiBold, Quicksand, Agrafa Hairline, Sketch Rockwell, Megalopolis Extra and a couple of other high-quality free fonts. Please read the license agreements carefully before using the fonts — the license can change from time to time.

Read more...

↑ Back to top