Web Design/Design Principles for Web Design

From Wikiversity
Jump to navigation Jump to search
Web Design Design Principles for Web Design
This page is part of the Web Design project.
Tulliana launch.png Completion status: this resource is just getting off the ground. Please feel welcome to help!

Module Aim[edit | edit source]

In this module, we will consider some of the principles that you should remember and adhere to whenever making your website. We'll consider color blending on your website, which fonts are most web-friendly, image support, and even creating your website to suit your target audience. This module will expand on issues like webpage load speed and what code to use with what scripts at what time. Knowing which of the web design standards to use such as HTML or HTML5 will also be a point of focus. The following sections have much to offer. Go ahead.

Apart from the principles you need to nail down when designing your site, you need to also understand certain facts about your visitors and how to organize your contents to make the best first impression.

Suggested Activities[edit | edit source]

Under this section, we'll be considering some activities of which you will work on to see how best the principles discuss really work.

Since you're familiar with creating of HTML pages, only instructions on the activities will be given and you will have to try them yourself. Taking on these activities will help you appreciate how important those principles are and how they are going to facilitate the overall operation of your webpages. Its much important your take to heart these principles.

Basic Principles Grouped[edit | edit source]

The basic principles to keep in mind when creating your website can be grouped under some four main headings. These kind of categorize the whole idea of those principles. These are:

  • Colors
  • Layout
  • Navigation
  • Fonts

Colors[edit | edit source]

Color Theory for the web

Layout[edit | edit source]

Navigation[edit | edit source]

Fonts[edit | edit source]

Learning materials[edit | edit source]

Wikiversity lessons:

Resources[edit | edit source]

The following are external links that relate to Web Design Principles

Articles worth reading[edit | edit source]

Online tutorials[edit | edit source]

Online references[edit | edit source]

Recommended Books[edit | edit source]

Related Qualifications[edit | edit source]