Menu Search
Jump to the content X X
Smashing Conf Barcelona

You know, we use ad-blockers as well. We gotta keep those servers running though. Did you know that we publish useful books and run friendly conferences — crafted for pros like yourself? E.g. our upcoming SmashingConf Barcelona, dedicated to smart front-end techniques and design patterns.

Posts Tagged ‘Typography’.

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

40 Beautiful Examples Of Hand Drawn Typography

Beautiful and creative typography can come in a variety of different forms. Hand drawn typography can be an excellent source of inspiration for graphic designers and typography lovers. In this post we will feature 40 creations that use hand drawn type. Some have been created completely by hand. Others have been sketched and scanned into Photoshop or Illustrator. Another option is to use fonts that create a hand drawn effect.

Hand Drawn Typography

You may also be interested in:

Read more...

Lessons From Swiss Style Graphic Design

Also known as International Style, the Swiss Style does not simply describe a style of graphic design made in Switzerland. It became famous through the art of very talented Swiss graphic designers, but it emerged in Russia, Germany and Netherlands in the 1920’s. This style in art, architecture and culture became an ‘international’ style after 1950’s and it was produced by artists all around the globe. Despite that, people still refer to it as the Swiss Style or the Swiss Legacy. [Content Care Dec/16/2016]

Swiss Graphic Design - Archigraphia

This progressive, radical movement in graphic design is not concerned with the graphic design in Switzerland, but rather with the new style that had been proposed, attacked and defended in the 1920s in Switzerland. Keen attention to detail, precision, craft skills, system of education and technical training, a high standard of printing as well as a clear refined and inv ntive lettering and typoraphy laid out a foundation for a new movement that has been exported worldwide in 1960s to become an international style.

Read more...

60 Rare and Unusual Vintage Signs

In the U.S., most outdoor signs made between 1890 and and 1950 were constructed of a base of heavy rolled iron, which was die cut into the desired shape, then coated with layers of colored powdered glass and fired in a kiln. This process made them durable and weather-resistant. Signs made this way were known as porcelain enamel signs or simply enamel signs. [Links checked February/10/2017]

Whistle Soda

Porcelain enamel signs originated in Germany and were imported into the U.S. They quickly became a staple of outdoor advertising across the country. Around 1900, designers experimented with bold colors and graphics on the signs and they were used to advertise everything from cigarettes and beer to farm equipment and tires. Early designs were stenciled, but American designers switched to silkscreens and started using a steel base instead of iron. Later, when porcelain enamel became too costly, tin bases were used instead of steel.

Read more...

Beautiful High-Quality Free Fonts For Your Designs

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.

Screenshot

In this selection we’re glad to present you Chunk, Titilium, Amputa Bangiz, Serif Beta, Quatro, Rough Draft, Comfortaa 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...

Useful Glossaries For Web Designers and Developers

In a day in age where there are just as many freelancers as there are university educated designers, developers, and all around web gurus, it is amazing to me how much many of us don’t know or have forgot about our trade. As a self-taught designer, I will admit to you upfront that there is a lot I don’t know when it comes to official jargon or certain aspects of things like typography and graphic design. It is these reasons that I call upon glossaries from time to time.

glossary

But glossaries aren’t just for brushing up on old terms or for calling upon while you learn new things. They can also make a great reference point for your customers. I am sure we have all had clients who thought they knew what they were talking about when it came to SEO or web design. When you try to explain to these clients that they don’t know what they are talking about, the end result can sometimes turn ugly or at least bring on an unwanted headache. In these situations it is handy to have a glossary at hand to point your clients to. This way they can see that they were mistaken and you get the satisfaction of your own personal “I told you so.”

Last week we presented Web Design Industry Jargon: Glossary and Resources, a general guide to industry terms that should get you well on your way to understanding what web designers are talking about. In this post we go into detail in each single area of web design such as typography, usability, marketing, Photoshop, wordpress, graphic design, CSS, XHTML, DOM, JavaScript, print design, SEO, social media, software development, Twitter and further areas.

Read more...

67 Gorgeous Examples of Floral Typography

Floral typography is the technique that combines typography, calligraphy and lettering to create dynamic, "flourishing" designs. With the help of floral elements you can create very tempting and vivid artworks in which the typography seems to be shaped by plants and flowers. In this way you can convey your message in a very artistic way. In fact, various floral ornaments – which are the essential component of floral typography – can make the design stand out and help the artist to create inspiring, refreshing and thought-provoking pieces of art.

Screenshot

Below you'll find a beautiful collection of floral typography and also some outstanding tutorials that will help you to master the technique or at least get some understanding of how this technique can be used. Please feel free to explore the further works of the artists presented below as well.

Read more...

15 Fresh 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.

Screenshot

Screenshot

In this selection we’re glad to present you Junction, Nadia Serif, Nilland, CartoGothic Std, Bergamo Std, Comic Serif, Birra Stout, Vegur 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...

Creative Print Typography Layouts

In print design, typography is one of the more crucial aspects. Typography is essential the practice of organizing, arranging, and modifying type. The typography techniques uesed in print has a direct impact on how the reader is able to receive the image. In print, typography doesn't have to be plain and boring. It can be beautiful, creative, and colorful. There are a number of ways to liven up typography, such as creative and original layouts, using color variations, use of fancy fonts, and much more.

Screenshot

This showcase will focus mostly on the layout and organization schemes. Below are about 40 different typographic layouts used in different fields of print such as brochure design, editorial design, and poster design.

You may be interested in the following related posts:

Read more...

30 Brilliant Typefaces For Corporate Design

Designing a beautiful, legible typeface is hard work and takes time and patience. The type family has to convey a message clearly and effectively, regardless of the setting in which it is used. Of course, thousands of freely available fonts are out there, and some free fonts are very impressive. Yet only a few free fonts manage to beat the look and feel of a carefully designed professional typeface, one that has been painstakingly developed over years with a close attention to tiny details. [Links repaired January/11/2017]

We looked around and researched recently released corporate typefaces that have been frequently recommended, mentioned or discussed on popular typography-related blogs, forums and magazines. In the end, we came up with a list of the most promising corporate typefaces and collected information about each of them. The result is this comprehensive showcase of typefaces, together with links to specimens and pricing information.

Screenshot

Below, you'll find 35 brilliant new typefaces for corporate design. Please note that they are not free, but we've focused on typefaces that are definitely worth spending money on. This showcase should serve as a great reference for professional designers looking for some fresh, beautiful typefaces for their corporate projects.

Read more...

8 Simple Typography Tips For 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. [Content Care Dec/15/2016]

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 [Free Download]

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 Of Readability And 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. [Content Care Dec/03/2016]

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

↑ Back to top