SlideShare a Scribd company logo
Web Design Principles and
Elements
Purpose
Images
Communication
Navigation Layouts
Typefaces
Load Time
Colors
PURPOSE
A website can be categorized
primarily in terms of the goal it
aims to fulfill.Web sites can be
categorized into different types
and functions depending on the
purpose they serve the user or
audience.
PURPOSE
Web visitors may want to look
for information, be
entertained, play games,
socialize, or transcat
business.
COMMUNICATION
Essentially,when we visit a Web site,the
primary
objective is to absorb as much valuable
information
as possible in the shortest amount of
time.
COMMUNICATION
Thus,the information or text
on a Web site should be
concise and direct to the
point.
TYPEFACES
This is an essential factor in Web site
design because this is considered the
most dominant and noticeable in
terms of visuals.
TYPEFACES
Typeface deals with text
format,text style,and text.The
appearance of texts can greatly
contribute to the perception of
the visitors to the Web site
COLORS
Furthermore , colors can
introduce a mood or make
the Web site lively and
enticing for viewers.
IMAGES
Images alone placed on the Web
site can deliver a complete
message that the Web site
wishes to communicate to the
audience . Choosing correct
images can connect the Web site
to viewers or the audience
effectively.
IMAGES
The most commonly used
images are infographics. Images
with proper balance , color , and
contrast accompanied by texts
can deliver great impact and
information to the audience.
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 Web site.
NAVIGATION
One of these includes a
hierarchical organization
of information , so that
users can logically
anticipate the location of
information.
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 a Web site , and typically ,
these ways are determined by the creator or
developer.
LAYOUTS
However, there are
categories that classify a
layout that will guide the
users with the suitable
layout for their target
audience.
LOAD TIME
Another basis for the success of a
Web site is the time that the Web
site will load or appear onto the
viewers’ display device.
LOAD TIME
Nowadays , people demand
information at the very fast
pace . If the Web site takes
some time to load , most
specifically if there are too
much content , the user will
most likely search for another
service.

More Related Content

What's hot

Web Site Design,
Web Site Design,Web Site Design,
Web Site Design,
Deepak Singh Rawat
 
Web Design & Development ! BATRA COMPUTER CENTRE
Web Design & Development ! BATRA COMPUTER CENTREWeb Design & Development ! BATRA COMPUTER CENTRE
Web Design & Development ! BATRA COMPUTER CENTRE
jatin batra
 
Web Site Design Principles
Web Site Design PrinciplesWeb Site Design Principles
Web Site Design Principles
Mukesh Tekwani
 
Web design principles
Web design principlesWeb design principles
Web design principles
EILLEN IVY PORTUGUEZ
 
Creating google sites
Creating google sitesCreating google sites
Creating google sites
Elizabeth McCarthy
 
Creating a Website: Design and Layout
Creating a Website: Design and LayoutCreating a Website: Design and Layout
Creating a Website: Design and Layout
Capital Region Digital Enterprise
 
Web site design
Web site designWeb site design
Web site design
Kingsport City SChools
 
Web Design Issues
Web Design IssuesWeb Design Issues
Web Design Issues
Dhrumil Panchal
 
Weave Your Own Webpage
Weave Your Own WebpageWeave Your Own Webpage
Weave Your Own Webpagemandika
 
Online Platform Tools for ICT Content Development
Online Platform Tools for ICT Content Development Online Platform Tools for ICT Content Development
Online Platform Tools for ICT Content Development
Christine Joy Benedicto
 
Web 2.0 Design Standards By Nyros Developer
Web 2.0 Design Standards By Nyros DeveloperWeb 2.0 Design Standards By Nyros Developer
Web 2.0 Design Standards By Nyros Developer
Nyros Technologies
 
Web designing & web development! BATRA COMPUTER CENTRE
Web designing &  web development! BATRA COMPUTER CENTREWeb designing &  web development! BATRA COMPUTER CENTRE
Web designing & web development! BATRA COMPUTER CENTRE
groversimrans
 
Creating a Website Sitemap
Creating a Website SitemapCreating a Website Sitemap
Creating a Website Sitemap
Jeannie Melinz
 
Saveur Web Analysis
Saveur Web AnalysisSaveur Web Analysis
Saveur Web Analysisjaygreyam
 
Webdesign New
Webdesign NewWebdesign New
Webdesign New
lyngdoh
 
Travel Website Redesign & Reconstruction
Travel Website Redesign & ReconstructionTravel Website Redesign & Reconstruction
Travel Website Redesign & Reconstruction
Nicole
 
MyDrive Holiday - Concept Proposal
MyDrive Holiday - Concept ProposalMyDrive Holiday - Concept Proposal
MyDrive Holiday - Concept Proposal
Noel Flowers
 
Socialnetworksoftware
SocialnetworksoftwareSocialnetworksoftware
Socialnetworksoftware
Susan Lee
 
Videographer portfolio responsive word press theme templatemonster
Videographer portfolio responsive word press theme templatemonsterVideographer portfolio responsive word press theme templatemonster
Videographer portfolio responsive word press theme templatemonster
NETBASE CMSMART
 

What's hot (20)

Web Site Design,
Web Site Design,Web Site Design,
Web Site Design,
 
Web Design & Development ! BATRA COMPUTER CENTRE
Web Design & Development ! BATRA COMPUTER CENTREWeb Design & Development ! BATRA COMPUTER CENTRE
Web Design & Development ! BATRA COMPUTER CENTRE
 
Web Site Design Principles
Web Site Design PrinciplesWeb Site Design Principles
Web Site Design Principles
 
Web design principles
Web design principlesWeb design principles
Web design principles
 
Creating google sites
Creating google sitesCreating google sites
Creating google sites
 
Web design
Web designWeb design
Web design
 
Creating a Website: Design and Layout
Creating a Website: Design and LayoutCreating a Website: Design and Layout
Creating a Website: Design and Layout
 
Web site design
Web site designWeb site design
Web site design
 
Web Design Issues
Web Design IssuesWeb Design Issues
Web Design Issues
 
Weave Your Own Webpage
Weave Your Own WebpageWeave Your Own Webpage
Weave Your Own Webpage
 
Online Platform Tools for ICT Content Development
Online Platform Tools for ICT Content Development Online Platform Tools for ICT Content Development
Online Platform Tools for ICT Content Development
 
Web 2.0 Design Standards By Nyros Developer
Web 2.0 Design Standards By Nyros DeveloperWeb 2.0 Design Standards By Nyros Developer
Web 2.0 Design Standards By Nyros Developer
 
Web designing & web development! BATRA COMPUTER CENTRE
Web designing &  web development! BATRA COMPUTER CENTREWeb designing &  web development! BATRA COMPUTER CENTRE
Web designing & web development! BATRA COMPUTER CENTRE
 
Creating a Website Sitemap
Creating a Website SitemapCreating a Website Sitemap
Creating a Website Sitemap
 
Saveur Web Analysis
Saveur Web AnalysisSaveur Web Analysis
Saveur Web Analysis
 
Webdesign New
Webdesign NewWebdesign New
Webdesign New
 
Travel Website Redesign & Reconstruction
Travel Website Redesign & ReconstructionTravel Website Redesign & Reconstruction
Travel Website Redesign & Reconstruction
 
MyDrive Holiday - Concept Proposal
MyDrive Holiday - Concept ProposalMyDrive Holiday - Concept Proposal
MyDrive Holiday - Concept Proposal
 
Socialnetworksoftware
SocialnetworksoftwareSocialnetworksoftware
Socialnetworksoftware
 
Videographer portfolio responsive word press theme templatemonster
Videographer portfolio responsive word press theme templatemonsterVideographer portfolio responsive word press theme templatemonster
Videographer portfolio responsive word press theme templatemonster
 

Similar to Practical exam-gegremosa-st.john-pptx (2)

Usability of websites
Usability of websitesUsability of websites
Usability of websites
Lewis Appleton
 
Web design top 10 tips.pdf
Web design top 10 tips.pdfWeb design top 10 tips.pdf
Web design top 10 tips.pdf
Rafiha Rahi
 
Web design top 10 tips.pdf
Web design top 10 tips.pdfWeb design top 10 tips.pdf
Web design top 10 tips.pdf
Onima Oishi
 
Java Unit 5(part 1)
Java Unit 5(part 1)Java Unit 5(part 1)
Java Unit 5(part 1)
SURBHI SAROHA
 
Strategies for Improving Website Navigation and User Flow
Strategies for Improving Website Navigation and User FlowStrategies for Improving Website Navigation and User Flow
Strategies for Improving Website Navigation and User Flow
brandingalohaa
 
Top 10 prospects of good navigation design
Top 10 prospects of good navigation designTop 10 prospects of good navigation design
Top 10 prospects of good navigation design
StanleyMaddox
 
User experience design
User experience designUser experience design
User experience design
Sriram Chelladurai
 
Principle of a good web design
Principle of a good web designPrinciple of a good web design
Principle of a good web design
Santosh V
 
How to Optimize UX of Website with Information Architecture.pdf
How to Optimize UX of Website with Information Architecture.pdfHow to Optimize UX of Website with Information Architecture.pdf
How to Optimize UX of Website with Information Architecture.pdf
Rosalie Lauren
 
Generic conventions of a website
Generic conventions of a websiteGeneric conventions of a website
Generic conventions of a website
LaurenHolyoak1
 
Gra410 process book_mariepost
Gra410 process book_mariepostGra410 process book_mariepost
Gra410 process book_mariepost
Marie Post
 
Understanding the Impact of Visual Hierarchy in Website Layouts.pptx
Understanding the Impact of Visual Hierarchy in Website Layouts.pptxUnderstanding the Impact of Visual Hierarchy in Website Layouts.pptx
Understanding the Impact of Visual Hierarchy in Website Layouts.pptx
Web Lexus
 
Customer Experience / User Experience
Customer Experience / User ExperienceCustomer Experience / User Experience
Customer Experience / User Experience
Anubhav Dubey
 
FYBSC IT Web Programming Unit II Html Page Layout & Navigation
FYBSC IT Web Programming Unit II Html Page Layout & NavigationFYBSC IT Web Programming Unit II Html Page Layout & Navigation
FYBSC IT Web Programming Unit II Html Page Layout & Navigation
Arti Parab Academics
 
Study Case : Prudential Verani Realty
Study Case : Prudential Verani RealtyStudy Case : Prudential Verani Realty
Study Case : Prudential Verani Realty
MM Su
 
Principles of good website design
Principles of good website designPrinciples of good website design
Principles of good website design
Innothoughts Systems Pvt. Ltd.
 
Sn web-whitepaper
Sn web-whitepaperSn web-whitepaper
Sn web-whitepaper
Bri'an Fields
 
How To Build A High Performance Lead Generation Website
How To Build A High Performance  Lead Generation WebsiteHow To Build A High Performance  Lead Generation Website
How To Build A High Performance Lead Generation Website
StraightNorthIM
 
straight-north-lead-gen-website-whitepaper
straight-north-lead-gen-website-whitepaperstraight-north-lead-gen-website-whitepaper
straight-north-lead-gen-website-whitepaperMatthew J. Lane
 
BYU-Idaho Web Developers' Information Session 2011-05-16
BYU-Idaho Web Developers' Information Session 2011-05-16BYU-Idaho Web Developers' Information Session 2011-05-16
BYU-Idaho Web Developers' Information Session 2011-05-16BYUIWebmaster
 

Similar to Practical exam-gegremosa-st.john-pptx (2) (20)

Usability of websites
Usability of websitesUsability of websites
Usability of websites
 
Web design top 10 tips.pdf
Web design top 10 tips.pdfWeb design top 10 tips.pdf
Web design top 10 tips.pdf
 
Web design top 10 tips.pdf
Web design top 10 tips.pdfWeb design top 10 tips.pdf
Web design top 10 tips.pdf
 
Java Unit 5(part 1)
Java Unit 5(part 1)Java Unit 5(part 1)
Java Unit 5(part 1)
 
Strategies for Improving Website Navigation and User Flow
Strategies for Improving Website Navigation and User FlowStrategies for Improving Website Navigation and User Flow
Strategies for Improving Website Navigation and User Flow
 
Top 10 prospects of good navigation design
Top 10 prospects of good navigation designTop 10 prospects of good navigation design
Top 10 prospects of good navigation design
 
User experience design
User experience designUser experience design
User experience design
 
Principle of a good web design
Principle of a good web designPrinciple of a good web design
Principle of a good web design
 
How to Optimize UX of Website with Information Architecture.pdf
How to Optimize UX of Website with Information Architecture.pdfHow to Optimize UX of Website with Information Architecture.pdf
How to Optimize UX of Website with Information Architecture.pdf
 
Generic conventions of a website
Generic conventions of a websiteGeneric conventions of a website
Generic conventions of a website
 
Gra410 process book_mariepost
Gra410 process book_mariepostGra410 process book_mariepost
Gra410 process book_mariepost
 
Understanding the Impact of Visual Hierarchy in Website Layouts.pptx
Understanding the Impact of Visual Hierarchy in Website Layouts.pptxUnderstanding the Impact of Visual Hierarchy in Website Layouts.pptx
Understanding the Impact of Visual Hierarchy in Website Layouts.pptx
 
Customer Experience / User Experience
Customer Experience / User ExperienceCustomer Experience / User Experience
Customer Experience / User Experience
 
FYBSC IT Web Programming Unit II Html Page Layout & Navigation
FYBSC IT Web Programming Unit II Html Page Layout & NavigationFYBSC IT Web Programming Unit II Html Page Layout & Navigation
FYBSC IT Web Programming Unit II Html Page Layout & Navigation
 
Study Case : Prudential Verani Realty
Study Case : Prudential Verani RealtyStudy Case : Prudential Verani Realty
Study Case : Prudential Verani Realty
 
Principles of good website design
Principles of good website designPrinciples of good website design
Principles of good website design
 
Sn web-whitepaper
Sn web-whitepaperSn web-whitepaper
Sn web-whitepaper
 
How To Build A High Performance Lead Generation Website
How To Build A High Performance  Lead Generation WebsiteHow To Build A High Performance  Lead Generation Website
How To Build A High Performance Lead Generation Website
 
straight-north-lead-gen-website-whitepaper
straight-north-lead-gen-website-whitepaperstraight-north-lead-gen-website-whitepaper
straight-north-lead-gen-website-whitepaper
 
BYU-Idaho Web Developers' Information Session 2011-05-16
BYU-Idaho Web Developers' Information Session 2011-05-16BYU-Idaho Web Developers' Information Session 2011-05-16
BYU-Idaho Web Developers' Information Session 2011-05-16
 

Recently uploaded

A Survey of Techniques for Maximizing LLM Performance.pptx
A Survey of Techniques for Maximizing LLM Performance.pptxA Survey of Techniques for Maximizing LLM Performance.pptx
A Survey of Techniques for Maximizing LLM Performance.pptx
thanhdowork
 
JEE1_This_section_contains_FOUR_ questions
JEE1_This_section_contains_FOUR_ questionsJEE1_This_section_contains_FOUR_ questions
JEE1_This_section_contains_FOUR_ questions
ShivajiThube2
 
Exploiting Artificial Intelligence for Empowering Researchers and Faculty, In...
Exploiting Artificial Intelligence for Empowering Researchers and Faculty, In...Exploiting Artificial Intelligence for Empowering Researchers and Faculty, In...
Exploiting Artificial Intelligence for Empowering Researchers and Faculty, In...
Dr. Vinod Kumar Kanvaria
 
The Challenger.pdf DNHS Official Publication
The Challenger.pdf DNHS Official PublicationThe Challenger.pdf DNHS Official Publication
The Challenger.pdf DNHS Official Publication
Delapenabediema
 
Chapter 4 - Islamic Financial Institutions in Malaysia.pptx
Chapter 4 - Islamic Financial Institutions in Malaysia.pptxChapter 4 - Islamic Financial Institutions in Malaysia.pptx
Chapter 4 - Islamic Financial Institutions in Malaysia.pptx
Mohd Adib Abd Muin, Senior Lecturer at Universiti Utara Malaysia
 
BÀI TẬP BỔ TRỢ TIẾNG ANH GLOBAL SUCCESS LỚP 3 - CẢ NĂM (CÓ FILE NGHE VÀ ĐÁP Á...
BÀI TẬP BỔ TRỢ TIẾNG ANH GLOBAL SUCCESS LỚP 3 - CẢ NĂM (CÓ FILE NGHE VÀ ĐÁP Á...BÀI TẬP BỔ TRỢ TIẾNG ANH GLOBAL SUCCESS LỚP 3 - CẢ NĂM (CÓ FILE NGHE VÀ ĐÁP Á...
BÀI TẬP BỔ TRỢ TIẾNG ANH GLOBAL SUCCESS LỚP 3 - CẢ NĂM (CÓ FILE NGHE VÀ ĐÁP Á...
Nguyen Thanh Tu Collection
 
Model Attribute Check Company Auto Property
Model Attribute  Check Company Auto PropertyModel Attribute  Check Company Auto Property
Model Attribute Check Company Auto Property
Celine George
 
Pride Month Slides 2024 David Douglas School District
Pride Month Slides 2024 David Douglas School DistrictPride Month Slides 2024 David Douglas School District
Pride Month Slides 2024 David Douglas School District
David Douglas School District
 
Supporting (UKRI) OA monographs at Salford.pptx
Supporting (UKRI) OA monographs at Salford.pptxSupporting (UKRI) OA monographs at Salford.pptx
Supporting (UKRI) OA monographs at Salford.pptx
Jisc
 
South African Journal of Science: Writing with integrity workshop (2024)
South African Journal of Science: Writing with integrity workshop (2024)South African Journal of Science: Writing with integrity workshop (2024)
South African Journal of Science: Writing with integrity workshop (2024)
Academy of Science of South Africa
 
A Strategic Approach: GenAI in Education
A Strategic Approach: GenAI in EducationA Strategic Approach: GenAI in Education
A Strategic Approach: GenAI in Education
Peter Windle
 
Biological Screening of Herbal Drugs in detailed.
Biological Screening of Herbal Drugs in detailed.Biological Screening of Herbal Drugs in detailed.
Biological Screening of Herbal Drugs in detailed.
Ashokrao Mane college of Pharmacy Peth-Vadgaon
 
Digital Artifact 1 - 10VCD Environments Unit
Digital Artifact 1 - 10VCD Environments UnitDigital Artifact 1 - 10VCD Environments Unit
Digital Artifact 1 - 10VCD Environments Unit
chanes7
 
June 3, 2024 Anti-Semitism Letter Sent to MIT President Kornbluth and MIT Cor...
June 3, 2024 Anti-Semitism Letter Sent to MIT President Kornbluth and MIT Cor...June 3, 2024 Anti-Semitism Letter Sent to MIT President Kornbluth and MIT Cor...
June 3, 2024 Anti-Semitism Letter Sent to MIT President Kornbluth and MIT Cor...
Levi Shapiro
 
Digital Artifact 2 - Investigating Pavilion Designs
Digital Artifact 2 - Investigating Pavilion DesignsDigital Artifact 2 - Investigating Pavilion Designs
Digital Artifact 2 - Investigating Pavilion Designs
chanes7
 
"Protectable subject matters, Protection in biotechnology, Protection of othe...
"Protectable subject matters, Protection in biotechnology, Protection of othe..."Protectable subject matters, Protection in biotechnology, Protection of othe...
"Protectable subject matters, Protection in biotechnology, Protection of othe...
SACHIN R KONDAGURI
 
Operation Blue Star - Saka Neela Tara
Operation Blue Star   -  Saka Neela TaraOperation Blue Star   -  Saka Neela Tara
Operation Blue Star - Saka Neela Tara
Balvir Singh
 
Azure Interview Questions and Answers PDF By ScholarHat
Azure Interview Questions and Answers PDF By ScholarHatAzure Interview Questions and Answers PDF By ScholarHat
Azure Interview Questions and Answers PDF By ScholarHat
Scholarhat
 
S1-Introduction-Biopesticides in ICM.pptx
S1-Introduction-Biopesticides in ICM.pptxS1-Introduction-Biopesticides in ICM.pptx
S1-Introduction-Biopesticides in ICM.pptx
tarandeep35
 
Mule 4.6 & Java 17 Upgrade | MuleSoft Mysore Meetup #46
Mule 4.6 & Java 17 Upgrade | MuleSoft Mysore Meetup #46Mule 4.6 & Java 17 Upgrade | MuleSoft Mysore Meetup #46
Mule 4.6 & Java 17 Upgrade | MuleSoft Mysore Meetup #46
MysoreMuleSoftMeetup
 

Recently uploaded (20)

A Survey of Techniques for Maximizing LLM Performance.pptx
A Survey of Techniques for Maximizing LLM Performance.pptxA Survey of Techniques for Maximizing LLM Performance.pptx
A Survey of Techniques for Maximizing LLM Performance.pptx
 
JEE1_This_section_contains_FOUR_ questions
JEE1_This_section_contains_FOUR_ questionsJEE1_This_section_contains_FOUR_ questions
JEE1_This_section_contains_FOUR_ questions
 
Exploiting Artificial Intelligence for Empowering Researchers and Faculty, In...
Exploiting Artificial Intelligence for Empowering Researchers and Faculty, In...Exploiting Artificial Intelligence for Empowering Researchers and Faculty, In...
Exploiting Artificial Intelligence for Empowering Researchers and Faculty, In...
 
The Challenger.pdf DNHS Official Publication
The Challenger.pdf DNHS Official PublicationThe Challenger.pdf DNHS Official Publication
The Challenger.pdf DNHS Official Publication
 
Chapter 4 - Islamic Financial Institutions in Malaysia.pptx
Chapter 4 - Islamic Financial Institutions in Malaysia.pptxChapter 4 - Islamic Financial Institutions in Malaysia.pptx
Chapter 4 - Islamic Financial Institutions in Malaysia.pptx
 
BÀI TẬP BỔ TRỢ TIẾNG ANH GLOBAL SUCCESS LỚP 3 - CẢ NĂM (CÓ FILE NGHE VÀ ĐÁP Á...
BÀI TẬP BỔ TRỢ TIẾNG ANH GLOBAL SUCCESS LỚP 3 - CẢ NĂM (CÓ FILE NGHE VÀ ĐÁP Á...BÀI TẬP BỔ TRỢ TIẾNG ANH GLOBAL SUCCESS LỚP 3 - CẢ NĂM (CÓ FILE NGHE VÀ ĐÁP Á...
BÀI TẬP BỔ TRỢ TIẾNG ANH GLOBAL SUCCESS LỚP 3 - CẢ NĂM (CÓ FILE NGHE VÀ ĐÁP Á...
 
Model Attribute Check Company Auto Property
Model Attribute  Check Company Auto PropertyModel Attribute  Check Company Auto Property
Model Attribute Check Company Auto Property
 
Pride Month Slides 2024 David Douglas School District
Pride Month Slides 2024 David Douglas School DistrictPride Month Slides 2024 David Douglas School District
Pride Month Slides 2024 David Douglas School District
 
Supporting (UKRI) OA monographs at Salford.pptx
Supporting (UKRI) OA monographs at Salford.pptxSupporting (UKRI) OA monographs at Salford.pptx
Supporting (UKRI) OA monographs at Salford.pptx
 
South African Journal of Science: Writing with integrity workshop (2024)
South African Journal of Science: Writing with integrity workshop (2024)South African Journal of Science: Writing with integrity workshop (2024)
South African Journal of Science: Writing with integrity workshop (2024)
 
A Strategic Approach: GenAI in Education
A Strategic Approach: GenAI in EducationA Strategic Approach: GenAI in Education
A Strategic Approach: GenAI in Education
 
Biological Screening of Herbal Drugs in detailed.
Biological Screening of Herbal Drugs in detailed.Biological Screening of Herbal Drugs in detailed.
Biological Screening of Herbal Drugs in detailed.
 
Digital Artifact 1 - 10VCD Environments Unit
Digital Artifact 1 - 10VCD Environments UnitDigital Artifact 1 - 10VCD Environments Unit
Digital Artifact 1 - 10VCD Environments Unit
 
June 3, 2024 Anti-Semitism Letter Sent to MIT President Kornbluth and MIT Cor...
June 3, 2024 Anti-Semitism Letter Sent to MIT President Kornbluth and MIT Cor...June 3, 2024 Anti-Semitism Letter Sent to MIT President Kornbluth and MIT Cor...
June 3, 2024 Anti-Semitism Letter Sent to MIT President Kornbluth and MIT Cor...
 
Digital Artifact 2 - Investigating Pavilion Designs
Digital Artifact 2 - Investigating Pavilion DesignsDigital Artifact 2 - Investigating Pavilion Designs
Digital Artifact 2 - Investigating Pavilion Designs
 
"Protectable subject matters, Protection in biotechnology, Protection of othe...
"Protectable subject matters, Protection in biotechnology, Protection of othe..."Protectable subject matters, Protection in biotechnology, Protection of othe...
"Protectable subject matters, Protection in biotechnology, Protection of othe...
 
Operation Blue Star - Saka Neela Tara
Operation Blue Star   -  Saka Neela TaraOperation Blue Star   -  Saka Neela Tara
Operation Blue Star - Saka Neela Tara
 
Azure Interview Questions and Answers PDF By ScholarHat
Azure Interview Questions and Answers PDF By ScholarHatAzure Interview Questions and Answers PDF By ScholarHat
Azure Interview Questions and Answers PDF By ScholarHat
 
S1-Introduction-Biopesticides in ICM.pptx
S1-Introduction-Biopesticides in ICM.pptxS1-Introduction-Biopesticides in ICM.pptx
S1-Introduction-Biopesticides in ICM.pptx
 
Mule 4.6 & Java 17 Upgrade | MuleSoft Mysore Meetup #46
Mule 4.6 & Java 17 Upgrade | MuleSoft Mysore Meetup #46Mule 4.6 & Java 17 Upgrade | MuleSoft Mysore Meetup #46
Mule 4.6 & Java 17 Upgrade | MuleSoft Mysore Meetup #46
 

Practical exam-gegremosa-st.john-pptx (2)

  • 1. Web Design Principles and Elements Purpose Images Communication Navigation Layouts Typefaces Load Time Colors
  • 2. PURPOSE A website can be categorized primarily in terms of the goal it aims to fulfill.Web sites can be categorized into different types and functions depending on the purpose they serve the user or audience.
  • 3. PURPOSE Web visitors may want to look for information, be entertained, play games, socialize, or transcat business.
  • 4. COMMUNICATION Essentially,when we visit a Web site,the primary objective is to absorb as much valuable information as possible in the shortest amount of time.
  • 5. COMMUNICATION Thus,the information or text on a Web site should be concise and direct to the point.
  • 6. TYPEFACES This is an essential factor in Web site design because this is considered the most dominant and noticeable in terms of visuals.
  • 7. TYPEFACES Typeface deals with text format,text style,and text.The appearance of texts can greatly contribute to the perception of the visitors to the Web site
  • 8. COLORS Furthermore , colors can introduce a mood or make the Web site lively and enticing for viewers.
  • 9. IMAGES Images alone placed on the Web site can deliver a complete message that the Web site wishes to communicate to the audience . Choosing correct images can connect the Web site to viewers or the audience effectively.
  • 10. IMAGES The most commonly used images are infographics. Images with proper balance , color , and contrast accompanied by texts can deliver great impact and information to the audience.
  • 11. 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 Web site.
  • 12. NAVIGATION One of these includes a hierarchical organization of information , so that users can logically anticipate the location of information.
  • 13. 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 a Web site , and typically , these ways are determined by the creator or developer.
  • 14. LAYOUTS However, there are categories that classify a layout that will guide the users with the suitable layout for their target audience.
  • 15. LOAD TIME Another basis for the success of a Web site is the time that the Web site will load or appear onto the viewers’ display device.
  • 16. LOAD TIME Nowadays , people demand information at the very fast pace . If the Web site takes some time to load , most specifically if there are too much content , the user will most likely search for another service.