ArticlesBase.com - Free Articles Directory
Free Online Articles Directory
08.09.2008 Sign In Register Hello Guest
Email:
Password:
Remember Me 
forgot your password?


Ignore typography in web design only at your peril

Author: Deepak Sharma Author Ranking Blue | Posted: 02-02-2006 | Comments: 0 | Views: 500 | Rating:  (50) Article Popularity - Green (?) Got a Question? Ask.
Sign Up Now!

Ignore typography in web design only at your peril

Good typography is most crucial to design. It is.

Good typography is crucial enough on a web page as it is in any other medium. Any thing, good or bad, under the sun and even beyond it hmm… that goes into making the web page pleasing to look at and enticing to read boils down to careful typography. You can not be spared if your website is not visually appealing or digitally inviting in the multitude of sites in cut-throat competition.

Before you make any excuses for a lack of good typography, you might be out of the fray. It is high time you learnt fundamentals of typography that will help your site look â€" and benefit too â€" fundamentally different.

A word of relief for web designers! You are not alone on this side of the fence. Ninety percent of web pages that browsers look at have been poured- not designed.

What designers have to pay heed to Designers have to employ the tools and technique of typography in the best possible manner in conjunction with media needs, target audience aimed at, specialty of communication to be disseminated.

Designing for a computer screen has its own set of uniqueness and problems. Add to these the elastic nature of a web page, which has to work across different computer platforms and screen sizes, communication needs.

The unfailing concern for designers should be about a good match between the style, semantics, and intended impact of your text and corresponding properties of the typeface it uses

What typography means

A page designed to support a childrens TV program should be different for one designed for a politics course in a university. Similarly the text on the Financial Times Website , if it is doing its job right, should be be different from that of the The Tate Modern .

So typography, whether on the Web or otherwise has a job to do. This could be to support and re-enforce the message being presented by the content, or tell you something about the background and the implicit context, that the the page is part of.

Text alignment

Aligning text to the left, ragged on the right, increases reading speed because the straight left edge helps to anchor the eye when starting a new line

Line length

There seems to be little agreement on the best length length for optimum reading speeds. The most commonly advice is that limiting line length to 9 or 10 words can increases speed and comprehension.

Users read faster when line lengths are long, although they tend to prefer shorter line lengths. When designing, first determine if performance or preference is important. If user performance is critical, use longer line lengths to increase reading speed.

Leading (line-height)

Set the leading larger than the default - as a rough guide 1.3cm of leading (130%) will make a big difference to the readability of a web page. Leading and line length however are related; the longer the line the bigger you need to make the leading.

Newspapers have very short line lengths and very little leading - so they can fit as much text into a small space as possible.

Choice of fonts

Choose a font that is suitable to your subject matter. If you use more than two fonts on a page and it can start to look like a ransom note - distracting the users attention from the content. Off-line, headings are commonly set in a sans-serif font, with body text set in serif.

Morever, on-line, sans-serif are often used for both headings and body text; the cleaner outlines of the sans-serif fonts tends to make them easier to read on low resolution screens. Don't mix serif and sans-serif fonts in your body text, as it rarely looks good.

Italics

Avoid using italics for small text sizes: the problems of screen display of outline fonts has not entirely disappeared. Italized fonts look particularly bad at small sizes - as italics do not easy to render using a square pixel grid. If you must use italics, avoid using them for large blocks of text.

Use of capitals

Don't use all caps for bodytype - or even capitalise all words in headings. The uniformally of size and shape of capitals make them harder to read than lower case letters.

Readability is increased if only the first letter in a heading is in capitals; each capital - being less recognizable - acts as an interruption to the eye as it scans across the text.

Contrast

Ensure good contrast between the text colour and the background colour.

Underline links

Make it easy for visitors to understand what is a link and what is not a link. Don't rely exclusively on mouseovers to identify links, as this can be confusing and reduces usability.

Users scan web pages

For Service based website in particular, arrange your text for 'scannability', i.e have lots of headings, provide the most important ideas at the start of paragraphs, and use lists rather than dense passages of text when appropriate.

In short, typography is not so pleasant (Scared? Not too difficult either) means to make your site pleasing to aesthetic senses of surfers. It is done painstakingly and carefully, but definitely, it is worth it. It can either pay you or leave you at peril. So, give it a thought where you are heading for.

Rate this Article: Current: 0 / 5 stars - 0 vote(s).

Article Source: http://www.articlesbase.com/seo-articles/ignore-typography-in-web-design-only-at-your-peril-13001.html

Print this Article Print article   Email to a Friend Send to friend   Publish this Article on your Website Publish this Article   Send Author Feedback Author feedback  
About the Author:

Deepak Sharma is a Web Designer at BlueApple, a Web Design and Development Company with a well connected development infrastructure in India having a strong portfolio with global clientele and offering superior web services and solutions at competitive costs.

Submitting articles has become one of the most popular means of generating quality backlinks and targeted traffic to your website. Join us today - It's Free!

Article Comments

Comment on this article Comment on this article
Your Name
Your Email:
Comment Body
Enter Validation Code: Captcha


Related Articles

The Five Basic Elements Of Web Design
By: Semul Johnson | 13/11/2007 | Internet
The basic elements and principles involved in web design are true for all other types of design. These principles will show you the most effective way to put together the various design elements to come up with a good and effective site. A good web design company emphasizes the fact...

Keyword Analysis Helps you On Improving Sales
By: Kristine Joy Francisco | 23/10/2006 | Internet
Keyword analysis is only one part of improving your site. There are a lot of things that you should consider in making your site known and for your business reach success.

Web Design Choice Of Fixed Width vs Liquid Layouts
By: Semul Johnson | 09/11/2007 | Internet
If you have worked long enough for your web design company, or if you have tried designing a site on your own, you should already know by now that there are two kinds of web page layouts that you can choose from. Fixed width layouts are those wherein the width...

5 Things Every Web designer Should Know
By: Hilco Van Der Meer | 30/04/2006 | Business
5 things every webdesginer should know. Do you know all of these?

Web Design Basics You Want To Know
By: Semul Johnson | 09/11/2007 | Internet
Here are some of the basics of web design that you should know on your own without your web design company having to teach you: Web Design- on Graphics • Always think small. In order to optimize your page and avoid slow loading pages, make sure you set your graphics to a...

Webflo Studios Ideals - Effective Web Design, Why a Unique Layout?
By: Travis Simpson | 27/03/2008 | Web Design
Attention-grabbing design is basically when the web designers reach equilibrium between functionality and powerful design/art ideas. It allows the user to have an experience or remembrance when entering your site for the first time, but also allows for the least amount of frustration for the most amount of content. How does your website compare?

Web Design Work And How To Price The Services
By: Semul Johnson | 09/11/2007 | Internet
One of the important aspects that your web design company has to consider to a great extent is to know just how much they will charge for services. If you are part of a web design company, this problem is most likely not part of your coverage and you will...

Business On-line
By: Kristine Joy Francisco | 25/10/2006 | Internet
Make your site visible to your target audience and your business will get higher numbers of customers. Be seen and be successful!

Got a Question? Ask.

Ask the community a question about this article:

Frequently Asked Questions

Most of my time is getting wasted in reading ...
By: vlsichipdesigner | 07-11-2007
Most of my time is getting wasted in reading redundant information available in the internet is there any mechanism to prevent this content adulteration universally

Is all question answering websites business model ...
By: vlsichipdesigner | 07-11-2007
Is all question answering websites business model is only relied upon google adsense

Favorite tv show?
By: maracruz | 06-11-2007
what was your favorite tv shows that you will never forget? me bleach, justice league and naruto.

In css trying to embed swf for the background
By: majeenah | 05-11-2007
in css.. i am designing a style for my journal in a website called deviant art.. they have a space to write in css language the style i want.. in the background image section i am trying to use a .swf file instead of a normal .jpg or .gif or .png etc etc.. is it possible to replace the background image with a flash file object

What Does Yedda Mean to You?
By: Neta | 04-11-2007
What does Yedda mean to you?

METASTOCK v.10
By: guru1010 | 02-11-2007
I want to download METASTOCK v.10 Please Tell me How can I test trial of its Dwonlaod?

Q&A Powered by:
Powered by Yedda 

Latest SEO Articles

Why Your Web Site Needs Search Engine Optimization
By: Fran Jeanes | 08/09/2008
Are you wondering why you have a great web site and no one is coming to view it? Learn what search engine optimization is and some SEO traffic building techniques.

New York Search Engine Optimization for a Higher SEO Ranking
By: Steve Waganer | 08/09/2008
Website owners must be patient and choose a New York search engine optimization that uses white hat SEO techniques that are appreciated by the search engine.

Discover How the Search Engines Work With Web Crawlers
By: Joseph Nyamache | 07/09/2008
You will need to understand how search engines work, basically, there are two kinds of search engines and the first one of these uses robots known as crawlers or spiders.

How Important is Website Design in SEO
By: Manish Gaur | 06/09/2008
Do you have to sacrifice all of the creative and artistic elements of your web site to rank in the search engines? Thanks to the birth of professional search engine marketers the top ranks are saturated with the pages of companies that can pay for such insight.

What is the Window Frame Expect?
By: Arvinder Jeet Singh | 06/09/2008
I've kept away from using frames in any of my work where possible. As much as I like some of the features that frames offer, such as a static header area and side menu bar, there is still a number of negative aspects to their use.

Where are Your Trademark Currently Stand?
By: Arvinder Jeet Singh | 06/09/2008
Yes, as it turns out, Gambit has a blog. It has exactly one entry, titled “The Official Response to the Search Engine Marketing Community.

Why Search Engine Optimization Important for Your Website?
By: Hanene Mourey | 06/09/2008
SEO or search engine optimization is the procedure of optimizing a website in order to attain top rankings on major search engines that attract huge numbers of searches every single day, which could be providing your website with well-paid sales.

Top Reasons to Multiple Redirected Urls
By: RAJIV KUMAR SAINI | 06/09/2008
There are several ways to redirect domains, but, most of them will get you in difficulty with the search engines. The search engine friendly way to redirect URLs is to use what is know as a 301 redirect (you can see how Google and Yahoo

More from Deepak Sharma

Surging ahead with the animation
By: Deepak Sharma | 23/02/2006 | Technology
Dynamism made happen in today's web sites with the help of sorts of animated stuff is a nice thing to give them a lively and happening look.

What resolution should your web site be designed for?
By: Deepak Sharma | 23/02/2006 | ECommerce
The beauty of your web site should percolate down to its intended end users. But what is critical on this front is: Your web site should dawn on your users precisely the way you have designed it.

How to make the organization of your web site simple and intuitive
By: Deepak Sharma | 23/02/2006 | ECommerce
Apparently design architecture comes in the picture the moment you plan to build your web site, and it constitutes a crucial technical consideration.

Getting started with the graphics for an enriching user experience
By: Deepak Sharma | 23/02/2006 | ECommerce
Good web design does not necessarily mean good use of colors and layouts, but it does transcend beyond it. Design elements like color, font, size, frame, etc.

Users can bask in the benefits of Google Analytics
By: Deepak Sharma | 23/02/2006 | SEO
Google has earned its giant position in search engine marketplace through real innovative solutions, and of course, strategic moves all aimed at users' ultimate convenience.

What you need to know about content freshness
By: Deepak Sharma | 23/02/2006 | Advertising
It is always not only advisable but advantageous also to keep your eyes and ears open as to what is happening in the SEO world.

When it comes to the font of your web pages...
By: Deepak Sharma | 23/02/2006 | Technology
A glance at the web pages over the Internet, and you will not at all be disappointed to see a wide variety of font in use. Some of these varieties appear to be lovely on the eyes, some manifest artistic element in them, and some -- though being classy --

An insight into useful dimensions of interface design
By: Deepak Sharma | 23/02/2006 | Technology
World Wide Web has thrown up unprecedented challenges in the realm of engaging and retaining customer. First and foremost, there are plenty of web sites like yours thronging up the Web space designed and positioned to tap the customer base.

Article Categories






Give Feedback

Sign up for our email newsletter

Receive updates, enter your email below