Scribd
Upload
3 views

LESSON 7 Web Design Principles and Elements

The document outlines key web design principles and elements essential for creating effective websites, emphasizing the importance of purpose, communication, typefaces, colors, images, navigation, and layouts. It highlights the need for concise information, visually appealing designs, and user-friendly navigation to enhance visitor experience. Additionally, it discusses various layout categories, including grid, F-pattern, and mobile responsiveness, to optimize content presentation.

Uploaded by

April Maningding Rubang
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
3 views

LESSON 7 Web Design Principles and Elements

The document outlines key web design principles and elements essential for creating effective websites, emphasizing the importance of purpose, communication, typefaces, colors, images, navigation, and layouts. It highlights the need for concise information, visually appealing designs, and user-friendly navigation to enhance visitor experience. Additionally, it discusses various layout categories, including grid, F-pattern, and mobile responsiveness, to optimize content presentation.

Uploaded by

April Maningding Rubang
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/ 13

Web Design Principles

and Elements
To create an effective Website or Webpage, the designer of the Website
must instill several pointers. The designer should also make the Website
eye-catching. The Website should make site visitors curious so that the
information presented on the Web site is widely disseminated.
1. PURPOSE
• In creating a web page, the designer
should define first the purpose of the
Web page to determine the theme of
the time. This will help the developer
create a more organized and relevant
site.
2. Communication
• Essentially, when we visit a Website, the
primary objective is to absorb as much
valuable information as possible in the
shortest time.
• Thus, the information or text on a website
should be concise and direct to the point.
3. Typefaces
• This is an essential factor in Website design
because this is considered the most
dominant and noticeable in terms of visuals.
• Typeface deals with text format, text style,
and text.
• Academic websites will use typefaces,
whereas those that deal with entertainment
will use fancy and artistic typefaces.
4. Colors
• These enhance the experience of visitors to
the website.
• The appropriate combination of the
foreground color and background color can
produce a better viewing experience not
only in the images and pictures but also in
texts.
• Colors can also introduce the perception of a
modern or classic look on the website.
5. Images
• Images alone placed on the Website can
deliver a complete message that the website
wishes to communicate to the audience.
• The most used images are infographics.
• Images with proper balance, color, and
contrast accompanied by texts can deliver
great impact and information to the audience.
6. Navigation
•It refers to the facility that
the audience can use to go
through the website and
its subpages.
7.
Layouts
• It refers to the
physical
arrangement of the
content and elements
on a website.
Categories that
classify the layout:
1. Grid
• Grid layouts can be useful
because they will enable the
user to create sections or
groups of related
information.
2. F – Pattern
• Based on studies, human vision flows like the
letter F.
• This means that humans tend to look more
heavily at the left side of a visual material
than the right.
• As website developers, this can be capitalized
by placing more information at the top and
left part of the screen.
3. Mobile
• The popularity of using mobile
devices in viewing. Web content is
increasing. This is because of the
portability and convenience
brought about by mobile devices to
their users.
BIG IDEA!
• In creating websites, there are
principles that you should follow to
improve the effectiveness of the website
and the information it carries. Just like
in real life, there are standards that you
need to follow so that you’ll exhibit
efficiency in everything that you do.

You might also like