web typography

7
Scripts This is a perennial favorite that is going to receive even more favoritism in the years to come. Scripts are one of those traditional typefaces that have appeared in a variety of trendy reincarnations. Take a look at this killer landing page from Plated : Their familiarity and the natural feel allow script typefaces to escape the coldness, technical impression of the digital environment and achieve a more humanized look.

Upload: apurva-deshpande

Post on 15-Apr-2017

141 views

Category:

Design


0 download

TRANSCRIPT

Page 1: WEB TYPOGRAPHY

 Scripts

This is a perennial favorite that is going to receive even more favoritism in the years to come. Scripts are one of those traditional typefaces that have appeared in a variety of trendy reincarnations. Take a look at this killer landing page from Plated:

Their familiarity and the natural feel allow script typefaces to escape the coldness, technical impression of the digital environment and achieve a more humanized look.

Page 2: WEB TYPOGRAPHY

This is the one you see on social media every day, usually on inspirational memes involving a quote over some nature scene. As a web design technique, photo overlays owe some of the popularity to developments in CSS that make it easier to make this kind of text editable:

Photo Overlays

Because you are dealing with a photo background, you should keep text minimalistic or risk visual confusion. As for the background, there shouldn’t be elements in the image that jump out at you and steal the focus from your text

Page 3: WEB TYPOGRAPHY

Geometric DesignIt’s probably not accurate to say that geometric fonts are themselves on the rise, but they are certainly being swept up within other trends. Take Jova’s approach as an example of how a striking geometric type can be in the right context:

Page 4: WEB TYPOGRAPHY

Icon FontsIcon fonts as a trend? You bet, and it makes total sense. Icon fonts can be very useful as a 

means of coming up with a comprehensive range of icons that have a consistent feel. And because they are scalable vectors they are responsive enough to adapt to high resolutions and various screen sizes

Page 5: WEB TYPOGRAPHY

Serifs

With respect to popularity and sales, sans serifs tend to steal the spotlight. Many designers, however, are turning back to the good old-fashioned serif. It’s a typical example of one of those back to basics trends, and it works because serif fonts are elegant, readable, and clean.

Page 6: WEB TYPOGRAPHY

Retro

By now you know that retro is in. It has been always common in every art to look to the past for inspiration, but retro adds its own particular permutations to traditional typography trends. It gives the odd combination of nostalgia and futurism at the same time

Page 7: WEB TYPOGRAPHY

Letterpress

Letterpress means one of two things:Usually it refers to a typeface that has a subtle inset effect to make it appear pressed-in to a medium, hence its name

Secondly, it can refer to a retro design style that you’ve certainly seen in last year’s typography trends in which various fonts are mixed and matched and fitted into a single justified column