Scribd
Upload
22 views30 pages

Basic Web Design Principles and Elements

Uploaded by

Arnold Silverio
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PPTX, PDF, TXT or read online on Scribd
22 views30 pages

Basic Web Design Principles and Elements

Uploaded by

Arnold Silverio
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PPTX, PDF, TXT or read online on Scribd
You are on page 1/ 30

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.
QUIZ

Directions: Choose the letter


of the correct answer. Write
your answer on ¼ sheet of
paper.
1. It is a concept of planning,
creating, updating, and maintaining
the website.
a. Web design
b. Web design principles
c. Web design elements
2. Remove distracting options and
clutter.
a. Accessible
b. Simplify
c. Convenience
3. Use to deliberately in your design
as a breathing space. It may also be
used to show division of contents.
a. Portable design
b. White spaces
c. Regular testing
4. Avoid large graphics or animation
as the user may leave the site if
downloading is slow.
a. Design for Low Bandwidth
b. Direction (Section)
c. Simplify
5. It can be used to denote an
enclosed boundary in all over
design.
a. Color
b. Links
c. Shapes
6. Help viewer to easily understand
what you are teaching or selling.
a. Video/Audio
b. Background
c. Links
7. Font family and type must be
chosen well, clear and in readable
size.
a. Text
b. Graphics/Illustration
c. Shapes
8. Must blend well and complement
the elements on the page.
a. Color
b. Shapes
c. Links
9. Allow user to connect to another
page or site that is related on the
content of your page.
a. Video/Audio
b. Links
c. Background
10. Must be good quality and well
arrange with text and another
elements. Infographics may be
used.
a. Shapes
b. Text

You might also like