Thursday, February 11, 2016

Typography in Web Design

Typography in Web Design

Typography helps to create an experience for users before they’ve even read a word or clicked a button in a website, it also has the potential to go beyond merely telling a story.

Type can create an atmosphere and elicits a response much the same way as tone of voice does, if it got a well treatment.

First of all, 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. 

This page is colorful and fun. You are greeted with lovely serif letters. The website shows how type can be used as graphic elements and incorporated into a design. The multicolored serif typeface breaks away from the classic, maybe even sober, idea we may have of serifs.

Designed to look like an old poster, this website for a vineyard is quite unique and innovative. The design successfully achieves a vintage feel and translates beautifully as a website. the text is embedded as images on the website, preventing it from being copied and pasted. Also, surely a similar design could be created at less than 3.4 MB and 43 HTTP requests.

The large letters in a custom typeface span the screen and continue off page, making the Rijksmuseum seem larger than life. The home page then rotates through beautiful photographs of the museum’s contents.

This Web design studio greets you with a photographed welcome message, which is refreshing. The user immediately gets a sense of the physical space that these designers work in. There is rawness to it, an authenticity. The type is the focal point without being loud or overwhelming.

This website has a definite Bauhaus feel to it, with its flat colors and Futura font. The overall aesthetic is minimalist and clean but definitely not boring or dull. What grabbed my attention was the “Thanks / Danke” piece, in which the language you’ve set (English or German) determines which word stands out in bold red. It’s such a great idea for websites that support more than one language.

Here is a talk by Matthew Carter, it's talk about typeface on screen. Interesting and useful, how you enjoy it!

No comments:

Post a Comment