Deprecated: mysql_connect(): The mysql extension is deprecated and will be removed in the future: use mysqli or PDO instead in /home/a26f9f83/public_html/articles/includes/config.php on line 159
Basic Web Design Principles > NetSparsh - Viral Content you Love & Share

Basic Web Design Principles

Home Page

Home page should clearly indicate what the site is about. Provide top level navigation on the first page, your logo, and tell to the visitor what he can found on your web site. Your home page should be informative, and should call your visitor on action. Home page is the place where the visitor decides what he will do, click on some of your links, or leave the site. If you have a discount, or if you offer some free service in attempt to make a contact with potential customers, make sure to provide link to that service on your home page.

If you decide to implement flash intro on your first page, make sure to give the user possibility to skip the flash intro. The link "skip intro" should be outside of the flash, because you will force the visitor to wait until the Flash movie is loaded.

Navigation structure

Place the navigation on the place where the people are used too look for it. Don't experiment with the navigation! I can't stress enough this. Keep the navigation system same on ALL pages. Visitors are not ready to learn your site navigation system. Consistency is the most important thing here. You should focus your effort on building consistent rhythm across all pages of your site.

Font size

Your font size should be enough big so your text can be read without effort. There are many people who will not bother to read very small letters. Don't loose your visitors because of font size. Optimal size seems to be 12-13 points. Visitors should be able to read your text easy, without any effort. Broke big chunks of texts in paragraphs and make them easy to follow.

Line Length

The length of a line of type should be comfortable to read. The optimal line length for printed materials seems to be about 10 to 12 words, or 60 to 70 characters. Somewhat shorter lines of about 40 to 50 characters may be more appropriate for larger displays. If the line is too long the reader must search for the beginning of it; if it is too short it will break up words or phrases awkwardly.

Creating emphasis

Creating emphasis is an important and integral part of designing and typesetting. Handled with taste and good judgment it can help direct and inform the reader. When these qualities are lacking, or someone feels that every word is important and must be emphasized in some way then your web page starts to look like a battlefield and becomes difficult to read!


It's well known that one picture worth more than million words. This rule applies on Internet too. Do your best to show clear, attractive photo of your product. If you offer a service, find a photo which will best describe him. However, be careful about file size. Don't compress your photo to that level to not be clear, but also don't leave the photo on full quality. That will make file size too big, and will increase download time.

Gif vs. JPEG

Less experienced web designers many times use wrong format to store their picture. Here are few guidelines which will help mistakes to be avoided. If your photo has small number of colors (less then 64) GIF will be better choice. Make sure however to reduce the palette size too. That is, if your image have10-15 colors only, reduce your palette on 16 or 32 colors.

Also, if your image contains text, GIF format should be your choice. JPEG use loosy compression method and will cause text and edges to become blurry.

If you are saving a photograph ? save it as JPEG

JPEG images can contain over 32 million different colours. That is much more than the human eye can see.

If you want to incorporate large text into a photographic image, JPEG may be a good format to use. While the edges may still get blurred, danger of it becoming unreadable is slim. If you think your image is more important than the text, go ahead and use the JPEG format.


Do your best to reduce the download time. We live in a busy world and people are not will to wait long time. Try to reduce size of your graphics as much as possible without to destroy the image. Image must look good, but size (in KB) should be as small as possible.

Test before publishing

Do your homework, and do it well. Your visitors will not bother to send you an E-Mail that some of your links does not work or that some of your images does not appear. Even if someone do so, it is quite embarrassing. Perform spell and grammar checking. Remember that in many cases visitor will build his opinion about you or your company on base on your web site. When published, site should not contain any "under construction" or "coming soon" messages.

About The Author

Zoran Makrevski is founder and CEO of

Since 1998 has focused on E-Commerce and attempts to bring more traffic to the customer sites bring him in the SEO industry, and he is running his own company today.

Search Engine Positioning Firm

In The News:

This RSS feed URL is deprecated, please update. New URLs can be found in the footers at


Webflow Integrates Code-Free E-Commerce Tools Into Its Web ...
Webflow is adding smooth e-commerce tools into its already comprehensive and code-free web design platform.
This Web Design Company Is Launching Its Own Ecommerce ...Adweek

all 3 news articles »

The Best Resources for Learning Web Design
While social media accounts are avenues for marketing and connecting with customers, websites are important because they establish you as professional and give your company credibility. At the very least, a website lets Google and other search engines ...

2440 Media Celebrates its 16th Anniversary of Providing Great Web Design Services from Pittsburgh, PA
GlobeNewswire (press release)
2440 Media's professional web site design services are available to all customers of all business types. 2440 Media boasts its simple Discovery Process which narrows what a client wants and delivers the perfect design based on the client's preferences ...
2440 Media Celebrates its 16th Anniversary of Providing Great Web ...Markets Insider

all 1 news articles »


Five Web Design Trends To Kick Off 2018
Forbes Communications Council Communications, PR, public affairs & media relations execs share tips. Opinions expressed by Forbes Contributors are their own. Post written by. Amahl Williams. Vice President of Smarketing for Pluris Marketing · Amahl ...

and more »

Top Web Design Companies Recognized for Excellence by 10 Best Design
PR Newswire (press release)
SAN FRANCISCO, March 14, 2018 /PRNewswire/ -- Businesses and their brands rely on heavily on their web presence to capture the eyes and attention of target audiences. That is why so many turn to one of the web's largest online industry magazines for ...

and more »

South Florida Business Journal

About the List: Web design trends revolve around consumer wants
South Florida Business Journal
So, it comes as no surprise that the top current trends in web design all revolve around the way an audience directly interacts with a website. Consumers want their sites to be responsive, mobile-friendly, visually appealing and have a direct focus ...

Web Design Specialist
We are looking for a smart, self-starter who loves to learn and get stuff done. Function 5 is a full-service website hosting and design company that is disrupting the market. We believe that all businesses should have great looking websites. With our ...

Smile Politely - Champaign-Urbana's Online Magazine

Mason Kessinger and the design of Smile Politely
Smile Politely - Champaign-Urbana's Online Magazine
"Gosh, web technology back then... we weren't even looking at responsive websites. iPhones didn't really even exist, I was still messin' around on my laptop pulling [Adobe] Illustrator files out like I still kind of do now." The backbone of Kessinger's ...


Use These Web Design Tricks to Grow Your Business Exponentially
A strong website design is paramount in creating this trustworthiness. By presenting an online destination that is straightforward and easy to navigate, users will have a more positive experience throughout your website, making them more likely to ...

Practical Ecommerce

19 Free Web Design Tools from Winter 2018
Practical Ecommerce
... basic details and payment information. Early access to the beta version is free. FontRapid. FontRapid is a free font creator plugin for Sketch. Create OpenType fonts that can be used for print, web, and mobile. Learn CSS Grid. CSS Grid is a layout ...

Google News

Do-It-Yourself Web Design for Home-Based Businesses

Home-based businesses need a strong web presence to combat the... Read More

KIS - Keep It Simple

There are many ways to add fancy bells and whistles... Read More

Make Your Web Site User-Friendly

You can create a website that attracts customers, not repels... Read More

10 Profitable Ways To Recycle Your Content

1. Repackage your web site content in to different products... Read More

How to Make Your Site Attractive to Potential Link Partners

Every now and then, I receive a link exchange request... Read More

How to Hire a Web Designer/Programmer for Your Website

Hire a designer or a programmer for your website is... Read More

Cool Web Design And Promotion Tips

This article gives free tips on how to find a... Read More

Creating Quality Websites

Websites, there are literally billions of them out there in... Read More

Re-Use The Links You Have When Revising Your Site!

Many times I've seen a web site undergo a revision... Read More

How To Get A Pay Raise From Your Web Site

How many of the visitors to your web site take... Read More

Build A Successful Website For Dummies

So you want to build a website here I will... Read More

Nine Effective Tips For Improving Your Website?s Usability

Web usability is perhaps the most important factor in any... Read More

Should I Use Pop-Up Ads?

Web advertising has taken many forms, including those that appear... Read More

Caveat Scriptor: Use the Advice of Those Who Know Before You Build a Site

~A man [woman] is a success if he [she] gets... Read More

Using Graphic Design on Your Website

Almost everything is available on the web? products, services, e-books,... Read More

Use Exclusive Content - When Reprint Articles Dont Do Enough

There is no doubt that reprint articles can serve lots... Read More

6 Website Design Disasters and How to Avoid Them?.

Let's face it; the line from A Field of Dreams... Read More

Got Web Traffic but Still Low Sales? Ten Ways to Selling Success - Part 2

Part one of this article is available at ... Read More

How Not To Get Web Design Work

I get the occasional web design lead from my website.... Read More

Give Your Website A Chance

I often wonder how serious people are when it comes... Read More

What Your Website REALLY Says About You And Why It Matters

Everything you say and do says something about you. This... Read More

How To Choose A Website Designer

When you're self-employed, choosing a website designer is a crucial... Read More

Be Inspired to Create Better Websites

Being a writer, when I was asked to do some... Read More

How Not to be Ripped Off by Your Website Designer

As web designer my self, I have had the unfortunate... Read More

Use Feng Shui Techniques To Design a Harmonic Website For Your Business

By following feng shui guidelines and techniques, you can build... Read More