Scribd
Upload
43 views16 pages

Principles of Good Layout Design

Uploaded by

basaj2453
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
43 views16 pages

Principles of Good Layout Design

Uploaded by

basaj2453
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/ 16

PRINCIPLES

OF GOOD
WEB LAYOUT
DESIGN
INTRODUCTI
ONAn effective website design should fulfil its intended
function by conveying its particular message whilst
simultaneously engaging the visitor. Several factors
such as consistency, colours, typography, imagery,
simplicity, and functionality contribute to good website
design.
• WEBSITE
PURPOSE
Your website needs to accommodate
the needs of the user. Having a simple
clear intention on all pages will help the
user interact with what you have to
offer. What is the purpose of your
website? Are you imparting practical
information like a ‘How to guide’? Is it
an entertainment website like sports
coverage or are you selling a product to
the user? There are many different
purposes that websites may have but
WEBSITE
PURPOSE
01SALES 04 SERVICES

02INFORMATION 05 PRESENTATION

03ENTERTAINME 06 CONNECTION
NT
2.
SIMPLICITY
Simplicity is the best way to
go when considering the
user experience and the
usability of your website.
The following are ways to
achieve simplicity through
design.
COLO
R
Colour has
messages
the power to communicate
and evoke emotional
responses. Finding a colour palette that
fits your brand will allow you to
influence your customer’s behaviour
towards your brand. Keep the colour
selection limited to less than 5 colours.
Complementary colours work very well.
Pleasing colour combinations increase
lor
Co Psycholog
y
TYPOGRAP
HY
Typography has an important
role to play on your website. It
commands attention and
works as the visual
interpretation of the brand
voice. Typefaces should be
legible and only use a
IMAGE
RY
Imagery is every
communications.
visual
This
aspect used
includes
within
still
photography, illustration, video and all
forms of graphics. All imagery should be
expressive and capture the spirit of the
company and act as the embodiment of
their brand personality. Most of the initial
information we consume on websites is
visual and as a first impression, it is
important that high-quality images are
3.
NAVIGATION
Navigation is the wayfinding
system used on websites where
visitors interact and find what
they are looking for. Website
navigation is key to retaining
visitors. If the website
navigation is confusing visitors
will give up and find what they
need elsewhere. Keeping
4. F-SHAPED PATTERN
READING
The F- based pattern is the most
common way visitors scan text on
a website. Eye-tracking studies
have found that most of what
people see is in the top and left
areas of the screen. The F shaped
layout mimics our natural pattern
of reading in the West (left to right
and top to bottom). An effectively
designed website will work with a
5. VISUAL
HIERARCHY
Visual hierarchy is the
arrangement of elements in
order of importance. This is
done either by size, colour,
imagery, contrast, typography,
whitespace, texture and style.
One of the most important
functions of visual hierarchy is
to establish a focal point; this
6.
CONTENT
An effective website has both
great design and great content.
Using compelling language
great content can attract and
influence visitors by converting
them into customers.
7. GRID BASED
LAYOUT
Grids help to structure your
design and keep your content
organised. The grid helps to
align elements on the page and
keep it clean. The grid-based
layout arranges content into a
clean rigid grid structure with
columns, sections that line up
and feel balanced and impose
8. LOAD
TIME for a website to load will
Waiting
lose visitors. Nearly half of web
visitors expect a site to load in 2
seconds or less and they will
potentially leave a site that isn’t
loaded within 3 seconds.
Optimising image sizes will help
load your site faster.
9. MOBILE
FRIENDLY
More people are using their
phones or other devices to
browse the web. It is important
to consider building your
website with a responsive layout
where your website can adjust
to different screens.

You might also like