Typography tips for web designers

The fact is that most web designers are focused on colors, combinations of items in the page, photos or other effects and the text is considered to be the “copy from Word and paste on the page” task. Considering that text and all that it says is usually why the website visitors came at the first place to some web address, it should gain a lot more attention itself. It makes typography much more important part of designer’s job than most designers realize. Also, typography can be quite a powerful weapon if used properly. So, here are just some advice, directions, and trick on how to improve your typographic skills and empower your web design significantly.

See through the visitor’s eyes

Show some attention and spend some time with the text included in your web design. The text is more than just another block-item you should place on the page. Read the text as if you were a random website visitor to see it for the first time. Look for potential mistakes, unusual spaces, too long lines and the space surrounding letters. The trick is to keep the sensible visual connection between the text itself and the overall design of the page.

Navigate a reader via micro and macro typography

When a reader sees the page for the first time, some things should catch his attention immediately. Create the overall structure of the text as a block to make a certain impression to a reader. It is what macro typography is all about. Micro typography tricks make sure the text is legible and precise in details, and the creative use of position and size of the text makes it appealing and dominant on the page. It draws attention and directs visitors order of reading.

Careful with color matching

Be aware of a web design model that decreases the visibility of the text. Don’t let your text sink into the background overshadowed by the dominant background color. Some colors simply don’t match due to alarming decrease of legibility of the text.

Think out of “the center.”

Centered text is not just a stiff cliché, but it can also make the page content harder to read. It’s more exhausting to follow the page, and it creates the messy effect at the edges. Stick to the left or at least use the combination of centered and left the aligned text.

Tips above are just a few of many directions for better web design gained through the smart use of typography. Read more for detailed explanations and keep in mind the importance and potential of typography.

Tips and warnings before you start designing a website

With some powerful software easy reachable nowadays, the mere procedure of creating a website became simple task even to a layman. However, creating a website as a well-designed construction is not enough. There’s a big difference between creating a website and creating a functional, convenient and user-friendly web page. Since website should be your dynamic and interactive presentation in the online world, you need to have the target group of visitors in mind while designing it. As much as web designing has become simple and reachable to many, too many web designers are still making some typical mistakes. Here’s a brief rundown of some of the most frequent mistakes you should prevent or correct when constructing the web presentation, whether it’s meant to be a business webpage or personal blog.

Clear content and easy navigation

People visit a certain webpage primarily looking for information they are interested in. It’s up to web designer to provide them with an easy to use interface and systematic content, so they don’t waste time wandering around lost and confused. Create logic and intuitive sections, the hierarchy of the content, clear and visible headlines, subheadings and links. Try to organize the total content and material following the assumed trace of thoughts of an average website visitor. Make sure to integrate search option into the page and to cover all the data visitors might find relevant. Clarity in the organization of the content and accessibility of quested information should be two leading policies when creating web page design.


Avoid visual noise

It takes talent and rational approach to the task to find the fine line between lack of information and too much of it. Crowded, chaotic or aggressive front page is repelling. Messy content with too much information, mainly irrelevant information will probably frustrate the visitor. The same goes for too much of visual effects of any kind. Find a way to be moderate, but useful, especially on the front page that should make a great first impression to visitors.

Refresh your content

The primary role of the website is to create positive online communication between you and the visitors and to present the business or a person in the most attractive manner. Visitors want to be regularly updated, entertained occasionally and to keep up with the website. Thus, don’t exaggerate, but refresh the content and some aspect of design relatively often. Keep readers thinking about your page.

Comeback of typography in modern web design

Typography as a central role of modern design is experiencing its big comeback in the web design industry. There are several quite popular typographical trends being widely used among designers and everyone dealing with this area should study them and explore the typography as rather powerful design weapon. It is understood that typography has a dominant effect in the way text and message itself will appeal to the reader, but typography can also be the majority of the total page design. According to the most popular use of typography among web designers, these are some trends in design expected to be popular in future.

Experiment with extremes

Designers worldwide are using small and large typography to gain the influence of the text and message in rather a simple way. Push the size to unexpectedly large or focus reader’s attention by using the remarkably small font. Both are extremely effective just in two different ways. Large font or typefaces rely on “drop a bomb” effect. Using fonts larger than 85 points in an obvious disproportion compared to the rest of the design elements on the page will create the impression of the message being stated loud. Some designer pushes the technique to the end and use large font expanded over the entire screen. On the other hand, small letters may have equally loud and powerful effect. When experimenting with small letters, you have to be careful not to lose the text among other elements of design and the general advice is to use significant space between types to make it look steady and dominant.

Join text and photos

The traditional concept of combining text and images as two separate elements is being transformed into a more flexible model with no strict limits between these two. It’s becoming quite popular to impose text over the image in such manner to send the powerful message while preserving the effect of both entities. It takes subtle feeling for shades and details to merge picture and text in this manner without losing the text or image or making visual noise as a result.

Focus your creativity onto typography

Pick a relatively recluse background and then make something exceptional using simple letters. Remodel, redesign, shape them as you wish, concentrate all your creativity onto simple font and make typography stand out as a design per se. This approach can bring amazing solutions, but it requires authentic ideas, paying attention to the legibility of the text and being ready to take risks.