web design principles and layouts

11
Web Design Principles And Elements

Upload: jay-amoranto

Post on 13-Apr-2017

18 views

Category:

Education


1 download

TRANSCRIPT

Page 1: Web design principles and layouts

Web Design Principles And

Elements

Page 2: Web design principles and layouts

WEB DESIGN PRINCIPLES AND ELEMENTS

• To create an effective Web site or Web page, the designer of the web site must individual number of pointers. The web must should make site visitors curious so that the information presented on the Web site.

Page 3: Web design principles and layouts

PURPOSE• A web site can be categorized primarily in terms of the

goal it aims to fulfil Web sites can be categorize into different types and functions depending on the purpose they serve the user or audience. • This will help the developer create a more organized

and relevant site.

Page 4: Web design principles and layouts

COMMUNICATION• Essentially, when we visit a Web site, the primary

objective is to absorb a much valuable information as possible in the shortest amount of time.

Page 5: Web design principles and layouts

TYPE FACES• This is an essential factor in Web site design because

this is considered the most dominant and noticeable in terms of visuals.• Academic Web site will use simple Type Faces, whereas

those the deal with entertainment will use fancy and artistic Type Faces.

Page 6: Web design principles and layouts

COLORS• These enhance the experience of visitors of the web

site. The appropriate combination of the foreground color and background color can produce a better viewing experience not only in the image and pictures but also in the texts.

Page 7: Web design principles and layouts

IMAGES• Image alone placed on the web site can deliver a

complete message that the web site wishes to communicate to the audience.• Choosing the correct image can connect the web site

to viewers or the audience effectively.

Page 8: Web design principles and layouts

NAVIGATION• Navigation refers to the facility that the audience can

use to go through the web site and its subpages.• There are several ways on how to create an effective

and good navigation system on a website.

Page 9: Web design principles and layouts

LAYOUTS• A layout refers to the physical arrangement of the content and elements

on a web site.• There are various ways on how to do an effective layout on the web site,

and typically, these ways are determined by the creator or developer.Grid – without direction or organization, placing the content of the

web site most likely appear chaotic. Grid layouts can be useful because they will enable the user to create sections or groups of related information.

Page 10: Web design principles and layouts

F PATTERN• Based on studies, human vision close like the letter F.• This means that humans tend to look heavily at the left

side of a visual material more than the right side.

Page 11: Web design principles and layouts

MOBILE• The popularity of using mobile devices in viewing web

content is interesting, this is because of the portability and convenience brought about by mobile devices to their users.