Filed under: IT world news

Use the contrast and readability to make your content more accessible

by Web Software design on Feb 11th, 2010

Tags
  • No Tags
Share Comments (0)

href=”http://blogandweb.com/wp-content/uploads/2010/02/essayCarson.gif”> class=”alignright size-medium wp-image-2503″ title=”essayCarson” alt=”" src=”http://blogandweb.com/wp-content/uploads/2010/02/essayCarson-299×300.gif” width=”209″ height=”210″ /> We have seen the issue of href=”http://blogandweb.com/diseno/selecciona-la-mejor-tipografa-segn-el-estilo-de-tu-sitio/”> to choose a typeface appropriate for our site, yet there is something that never should escape us, whatever our idea through experimental hands and wants to be our design, the legibility of our href=”http://blogandweb.com/diseno/fuentes/”> typography .

But What makes a typeface legible ?

communication through the page requires the reader to become symbols (typefaces) in mind. Readability refers to the degree of ease to perform this critical process. Ovink defined as the ease and accuracy with which the reader perceives the printed texts …

source: href=”http://www.unostiposduros.com/?p=2060″> unostiposduros.com

href=”http://www.unostiposduros.com/?p=2060″>

In short we need our typography can make our readers or visitors can transform that into ideas and thus understand what we want to express, let us also remember that the margin for a user is interested in our site is about

five seconds whether these small seconds the user can not find a hook to do so will leave our site read .

It is therefore important that when we design our site we have in mind that we will make it readable to the pattern for users to remember what .

And I apply this to my ?

id=”more-2502″> Simple design. If you are interested in your mix design concepts, for example you are interested in making yourself look like

cool but at the same time responsible and formal , smart but also showing that you are creative in your design, you must take great care that although your design is very vintage , very loose and messy, managed to get the font stand out for the name of your site is readable (and being able to remember). So you can use the contrast, and the mixture of styles gives you that possibility .

The

contrasts we serve as a tool to bring the viewer’s attention, and it is through this contrast that we will succeed to read our content or the header of our website can now see how .

class=”aligncenter”> class=”aligncenter size-full wp-image-2505″ title=”contraste” alt=”" src=”http://blogandweb.com/wp-content/uploads/2010/02/contraste.png” width=”600″ height=”162″ />

class=”aligncenter”> despite a very dynamic and expressive design Webdesigner Depot chose a sans serif typeface, making them more enhancement, the white is enhanced with a shadow on the text by which the elements do not interfere in the background . href=”http://www.webdesignerdepot.com/”>

What we seek is to create contrasts and this helps us to have clarity, you can use any font but if

“recommendable ” the most readable. And of course there are fancy typefaces interesting, emerging out of the ordinary and perhaps are what you seek, so that the tea board has no elements that make noise, keep area clear of some other element and so you are on one side with a great design to attract the attention of your username and the text to keep the area clean to get people to read your site easier .

class=”aligncenter”> class=”aligncenter size-full wp-image-2506″ title=”contraste tipografia” alt=”" src=”http://blogandweb.com/wp-content/uploads/2010/02/contrastetypo.png” width=”600″ height=”181″ />

class=”aligncenter”> A very creative design and use of a type Serif is unclear to us as the site is called Carbon Sugar, Do not believe ? href=”http://www.carbonsugar.com/”>

can use any style and make your website or header looks neat, can be a very avant-garde style and yet using a Serif font, the important thing is to create balance and harmony, people feel surprised to see your design but above all to understand that was done and what are the elements in this, you will recognize the sections, the site name and recognize their structure .

class=”aligncenter”> class=”aligncenter” title=”libertar-y-estrctura” alt=”" src=”http://blogandweb.com/wp-content/uploads/2010/02/libertar-y-estrctura.png” width=”600″ height=”325″ />

Despite making a design that seems without grid, the portfolio

class=”aligncenter”> Ayaka Ito leaves a clean space to read who is site that is readable and the text: “ href=”http://ayakaito.com/log/”> Click here to go my portfolio

to End

Do not feel limited to the idea of a readable header, we have already seen examples where he takes advantage of stunning designs but without forgetting that there is space for text. You can create a site with a highly organized structure without this will be reflected in a boring design. Remember that only enough for compiled from the best websites to find inspiration and to find the styles you want, internet is the best option to grow your visual culture, and your designs are most innovative .

class=”aligncenter”> class=”aligncenter size-full wp-image-2508″ title=”reticula inteligente” alt=”" src=”http://blogandweb.com/wp-content/uploads/2010/02/creativoreticula.png” width=”600″ height=”220″ />

class=”aligncenter”> Our friends at Basmatri Tree give us a sample design href=”http://www.basmatitree.net/”> grunge well-organized lattice

class=”aligncenter”> class=”aligncenter size-full wp-image-2509″ title=”texto-libre” alt=”" src=”http://blogandweb.com/wp-content/uploads/2010/02/texto-libre.png” width=”600″ height=”154″ />

class=”aligncenter”> balance, saturation is good and the textures in basically very good options, but they look even more when they conflict with clean spaces, and these same areas serve to put the texts

If you want to leave a comment or ideas on this subject my Twitter is

@ Uliza and feel free to add. href=”http://twitter.com/ulizes”>

Related Internet news :

Related Articles
No comments currently exist for this post.

Why don't you make one?

Get a GravatarLeave a Reply

Name: « Required

Email Address: « Required

Website URL: « Optional

You can use these tags:
<a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>