Web Design Theories

spider_website_158285(source: toonpool.com)

1. Defining the web elements

A web layout has many elements to it, before a layout is laid out. Elements such as amount of texts needed, pictures and white spacing in between can help visitors to better scan and read your website. Define such elements, before moving on to the placement and positioning of most important details such as Company Logo, navigations, pictures and texts.

2. Defining your page goal

Every page should have its specific goal it wants to achieve. For example, homepage should be a page where it gives an overview of the latest news of a company. An objective for that specific page can help determine your navigations correctly and effectively.

3. Setting the Navigations

Navigations are ways in which users can use them to reach another page or resource. An effective webpage should at least have a main navigation bar where across the webpages, it is part of being consistent and helpful to visitors, as to where they are currently in. After these 3 steps are defined, your webpages should no longer have any  isolated page, also known as orphan page.

4. Typography

Typographic fonts are very important for readability, there is no best way of using serif or sans serif fonts. In general, Scribe Consulting (2013), suggests that ‘Serif fonts are usually easier to read in printed works than sans-serif fonts’ and use sans serif typography for online work. Below is a picture to differentiate serif and sans serif fonts.

sanserif serif (source: scribe.com.au)

sans serif font /   serif font

It depends on who is your audience, and what the intended audience want to see. According to Gregory, A (2009), a few considerations in mind for the typography to work.

  1. It’s the client’s preference.
  2. It suits the company’s services
  3. It may work well with the design.


Kyrnin, J 2013, ‘Basics of Web Layout’, viewed on 14 Feb 2013, <http://webdesign.about.com/od/layout/a/aa062104.htm&gt;.

Gregory, A 2009, ‘Serif Fonts Vs. Sans Serif Fonts: A Working Case Study’, viewed on 13 Feb 2013, <http://www.sitepoint.com/serif-fonts-vs-sans-serif-fonts-a-working-case-study/&gt;.

Scribe Consulting 2013, ‘Serif and sans-serif fonts’, viewed on 14 Feb 2013, <http://www.scribe.com.au/tip-w017.html&gt;.


Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out /  Change )

Google+ photo

You are commenting using your Google+ account. Log Out /  Change )

Twitter picture

You are commenting using your Twitter account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )


Connecting to %s