BASIC WEB DESIGN
PRINCIPLES AND
ELEMENTS
Web Design
Itis a concept of planning, creating,
updating, and maintaining the
website. A good web design allow the
user to understand the message,
contents, and ideas in most
convenient way.
Web Design
Principles
Web Design
Principles
1. Portable Design. It must
be portable and accessible by
user who have different
browser, operating system
and computer platform.
Web Design
Principles
2. Design for Low
Bandwidth. It must be
accessible at variety of speed.
Avoid large graphics or
animation as the user may
leave the site if downloading
Web Design
Principles
3. Direction (Section).
Identify the order of
importance of the various
element and place them in a
sequence where the eye
moves and perceive the
Web Design
Principles
4. Accessible. Visitor must be
able to easily access the
information. Text must be
legible/readable, colors must
create visual harmony and
balance, and image should be of
Web Design
Principles
5. White spaces. Use to
deliberately in your design as
a breathing space. It may also
be used to show division of
contents.
Web Design
Principles
6. Convenience. Allow visitor
to make an action, click
button should be conveniently
located and accessible.
Web Design
Principles
7. Regular Testing. Website
should be regularly upgraded,
updated, and tested so that
problem will quickly resolved.
Web Design
Principles
8. Simplify. Remove
distracting options and clutter.
Web Design
Elements
Web Design Elements
1. Text. Font family and type
must be chosen well, clear
and in readable size.
Web Design Elements
2. Graphics/Illustration.
Must be good quality and well
arrange with text and another
elements. Infographics may
be used.
Web Design Elements
3. Shapes. It can be used to
denote an enclosed boundary
in all over design.
Web Design Elements
4. Background. It can help
provide your website with a
feeling of a surface underneath. It
must be used to bring out the
content given on website to make
it look more appealing.
Web Design Elements
5. Color. Must blend well and
complement the elements on
the page. Use vibrant and
bold colors that will attract but
not too distracting.
Web Design Elements
6. Video/Audio. Help viewer
to easily understand what you
are teaching or selling.
Web Design Elements
7. Links. Allow user to
connect to another page or
site that is related on the
content of your page.
