Principle and elements
Purpose
Web site visitors may want to look for information, be
entertained, play games, socialize, or transact
business. In creating a Web page, the designer should
define first the purpose of the Web page to determine
the theme of the site.
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.
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
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 the texts.
Images
Images alone placed on the Web site can
deliver a complete message that the Web
site wishes to communicate 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.
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.
Load time
Nowadays, people demand information at a
very fast pace. If the Web site takes some
time to load, most especially if there are too
much content, the user will most likely search
for another source.
F-Pattern
Based on studies, human vision flows 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.
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.
Thank you

More Related Content

PDF
Julius T Robles Web Principles and elements.pdf
PDF
Web Design and Principle and Elements in ICTPT
PPTX
Web design principles
PDF
Blue Doodle Project Presentation_20241108_202434_0000.pdffaith
PPTX
Practical exam-gegremosa-st.john-pptx (2)
PPTX
Web Design Principles and Elements
PDF
Web Design Principles and Elements in ICTPT
PDF
Your-paragraph- Icpt major grade 12 education
Julius T Robles Web Principles and elements.pdf
Web Design and Principle and Elements in ICTPT
Web design principles
Blue Doodle Project Presentation_20241108_202434_0000.pdffaith
Practical exam-gegremosa-st.john-pptx (2)
Web Design Principles and Elements
Web Design Principles and Elements in ICTPT
Your-paragraph- Icpt major grade 12 education

Similar to Brown and black modern watercolor presentation.pdf.pdf (20)

PDF
Your-paragraph-text_ict major. grade 12
PDF
Your paragraph text_20241121_000029_0000.pdf
PDF
Your-paragraph-text_ ICT major. grade 12
PPT
Top 10 prospects of good navigation design
PDF
Principles of good website design
PPTX
Empowerment Technology - Basic Web Design Principles and Elements
PDF
Lesson-7-Web-page-design-using-templates-and-online-WYSIWYG.pdf
PDF
Guide to Designing a User Friendly Website
PPTX
Mary Jane Ona_ .pptx
PPTX
Java Unit 5(part 1)
PPTX
Design and User Interface
PPTX
Brown Vintage Watercolor Creative Portfolio Presentation_20241120_210055_0000...
PPTX
Presentation1
PPTX
Web Design Principle and Elements
PDF
Brown and Beige Aesthetic Modern Group Project Presentation_20241102_111142_0...
PPTX
Web designing presentation for submission
PPTX
Function of the communication in oral com
PDF
Web design top 10 tips.pdf
PDF
Web design top 10 tips.pdf
PPTX
Website Changes Over the Years
Your-paragraph-text_ict major. grade 12
Your paragraph text_20241121_000029_0000.pdf
Your-paragraph-text_ ICT major. grade 12
Top 10 prospects of good navigation design
Principles of good website design
Empowerment Technology - Basic Web Design Principles and Elements
Lesson-7-Web-page-design-using-templates-and-online-WYSIWYG.pdf
Guide to Designing a User Friendly Website
Mary Jane Ona_ .pptx
Java Unit 5(part 1)
Design and User Interface
Brown Vintage Watercolor Creative Portfolio Presentation_20241120_210055_0000...
Presentation1
Web Design Principle and Elements
Brown and Beige Aesthetic Modern Group Project Presentation_20241102_111142_0...
Web designing presentation for submission
Function of the communication in oral com
Web design top 10 tips.pdf
Web design top 10 tips.pdf
Website Changes Over the Years
Ad

Recently uploaded (20)

PPTX
Key-Features-of-the-SHS-Program-v4-Slides (3) PPT2.pptx
PPTX
Cite It Right: A Compact Illustration of APA 7th Edition.pptx
PDF
Review of Related Literature & Studies.pdf
PDF
Horaris_Grups_25-26_Definitiu_15_07_25.pdf
PPTX
Math 2 Quarter 2 Week 1 Matatag Curriculum
PDF
POM_Unit1_Notes.pdf Introduction to Management #mba #bba #bcom #bballb #class...
PDF
Physical pharmaceutics two in b pharmacy
PPTX
principlesofmanagementsem1slides-131211060335-phpapp01 (1).ppt
PDF
Disorder of Endocrine system (1).pdfyyhyyyy
PDF
FAMILY PLANNING (preventative and social medicine pdf)
PPTX
operating_systems_presentations_delhi_nc
PPTX
MMW-CHAPTER-1-final.pptx major Elementary Education
PPTX
Power Point PR B.Inggris 12 Ed. 2019.pptx
PPTX
2025 High Blood Pressure Guideline Slide Set.pptx
PPTX
pharmaceutics-1unit-1-221214121936-550b56aa.pptx
PPTX
Diploma pharmaceutics notes..helps diploma students
PPT
hemostasis and its significance, physiology
PPTX
Neurology of Systemic disease all systems
PDF
GIÁO ÁN TIẾNG ANH 7 GLOBAL SUCCESS (CẢ NĂM) THEO CÔNG VĂN 5512 (2 CỘT) NĂM HỌ...
PPTX
Copy of ARAL Program Primer_071725(1).pptx
Key-Features-of-the-SHS-Program-v4-Slides (3) PPT2.pptx
Cite It Right: A Compact Illustration of APA 7th Edition.pptx
Review of Related Literature & Studies.pdf
Horaris_Grups_25-26_Definitiu_15_07_25.pdf
Math 2 Quarter 2 Week 1 Matatag Curriculum
POM_Unit1_Notes.pdf Introduction to Management #mba #bba #bcom #bballb #class...
Physical pharmaceutics two in b pharmacy
principlesofmanagementsem1slides-131211060335-phpapp01 (1).ppt
Disorder of Endocrine system (1).pdfyyhyyyy
FAMILY PLANNING (preventative and social medicine pdf)
operating_systems_presentations_delhi_nc
MMW-CHAPTER-1-final.pptx major Elementary Education
Power Point PR B.Inggris 12 Ed. 2019.pptx
2025 High Blood Pressure Guideline Slide Set.pptx
pharmaceutics-1unit-1-221214121936-550b56aa.pptx
Diploma pharmaceutics notes..helps diploma students
hemostasis and its significance, physiology
Neurology of Systemic disease all systems
GIÁO ÁN TIẾNG ANH 7 GLOBAL SUCCESS (CẢ NĂM) THEO CÔNG VĂN 5512 (2 CỘT) NĂM HỌ...
Copy of ARAL Program Primer_071725(1).pptx
Ad

Brown and black modern watercolor presentation.pdf.pdf

  • 2. Purpose Web site visitors may want to look for information, be entertained, play games, socialize, or transact business. In creating a Web page, the designer should define first the purpose of the Web page to determine the theme of the site.
  • 3. 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.
  • 4. 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.
  • 5. Colors 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 the texts.
  • 6. Images Images alone placed on the Web site can deliver a complete message that the Web site wishes to communicate to the audience.
  • 7. 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.
  • 8. 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.
  • 9. Load time Nowadays, people demand information at a very fast pace. If the Web site takes some time to load, most especially if there are too much content, the user will most likely search for another source.
  • 10. F-Pattern Based on studies, human vision flows 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.
  • 11. 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.