Scribd
Upload
17 views26 pages

Web Design Presentation

The document discusses web design and design theory. It defines web design as the process of creating the visual aspects of a website, including layout, colors, images, logos, text, and other design elements. It emphasizes that digital properties should provide a good user experience and meet business objectives, not just be beautiful. It highlights the importance of visual identity and consistency across online and offline assets to ensure users recognize a brand. The document then covers several principles of design theory, including using the fold to showcase key content, maintaining consistency, employing white space and simplicity, and leveraging color theory principles like contrast.

Uploaded by

John David Molina
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
17 views26 pages

Web Design Presentation

The document discusses web design and design theory. It defines web design as the process of creating the visual aspects of a website, including layout, colors, images, logos, text, and other design elements. It emphasizes that digital properties should provide a good user experience and meet business objectives, not just be beautiful. It highlights the importance of visual identity and consistency across online and offline assets to ensure users recognize a brand. The document then covers several principles of design theory, including using the fold to showcase key content, maintaining consistency, employing white space and simplicity, and leveraging color theory principles like contrast.

Uploaded by

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

WEB DESIGN

“How do users know its us?”


WEB DESIGN
“How do users know its us?”
WEB DESIGN
Web design is the process of creating all the
visual aspects of the interface. This covers
the layout, colour scheme, images, logos,
type, design elements (such as buttons and
links), and anything else that you can see.

Digital properties shouldn’t just be beautiful;


they also need to create a good experience
for the visitor and meet business objectives
WEB DESIGN
Web design is the process of creating all the
visual aspects of the interface. This covers
the layout, colour scheme, images, logos,
type, design elements (such as buttons and
links), and anything else that you can see.

Digital properties shouldn’t just be beautiful;


they also need to create a good experience
for the visitor and meet business objectives
WEB DESIGN
Web design is the process of creating all the
visual aspects of the interface. This covers
the layout, colour scheme, images, logos,
type, design elements (such as buttons and
links), and anything else that you can see.

Digital properties shouldn’t just be beautiful;


they also need to create a good experience
for the visitor and meet business objectives
VISUAL IDENTITY
The visual identity answers the
question: “How do users know it’s
us?”

Certain design elements should be


carried through on all web assets
created for a brand, as well as print
and traditional communication media.
Often, the visual identity guidelines
for the web are codified into a Digital
Style Guide document to ensure
consistency across different
agencies, designers and teams.
VISUAL IDENTITY

•LOGO/S

•PRIMARY FONT / FONT STYLES

•MENU & BUTTON STYLES


DESIGN THEORY
Design can be a pretty precise science – there is a lot of
research out on what makes for effective design. A lot is also
common sense and practice based on accepted web
standards. Here are some concepts you should know.

DT #1 : The Fold
Your most important message, content or Call to Action
should usually be placed above the fold. It is worth
mentioning here that the concept of above the fold has
come across some scrutiny, because it is not always
useful.

DT #1 : The Fold
DT #1 : The Fold
DT #2 : Consistency
Consistency in use of visual elements is vital to your online presence –
across all your properties and channels (such as your email newsletter,
Facebook page and mobi site) – as users do not perceive differences
between platforms or even on- or offline.

DT #3 : White Space
Spacing on the page allows the eye to travel easily
between chunks of information and allows
scanning. This can be done by using what is called
white space. This space is not necessarily white,
but instead is merely empty. It refers to the space
between elements on a page.

Always steer clear of cluttered pages. This is


especially true for landing pages, where a very
specific message is expected. Make your pages
as simple and easy to understand as possible.

DT #3 : White Space
Spacing on the page allows the eye to travel easily
between chunks of information and allows
scanning. This can be done by using what is called
white space. This space is not necessarily white,
but instead is merely empty. It refers to the space
between elements on a page.

Always steer clear of cluttered pages. This is


especially true for landing pages, where a very
specific message is expected. Make your pages
as simple and easy to understand as possible.

BEFORE

AFTER

DT #4 : Color Theory
Colour has an incredible psychological effect on
people. Based on our culture, preferences and
learned cues, people interpret colours in very
specific ways – and this can be used to inform and
steer the user’s experience. Colour theory online
refers to the principles of combining colours to
attract people toward your brand and its offerings
(Focus Designer, 2012).

DT #4 : Color Theory
Contrast is very important when displaying text
online. If the text and background are the same
colour and there is no contrast, this means that the
text will not be readable.

Best practice is to use a light background colour


and a dark colour for the text.

Black text on a white or light grey background


works well. Contrast is also a good way to draw
your reader to and differentiate between different
aspects of the page.

You might also like