Long Quiz

• Web design


  The process of planning and creating websites that are published and accessed on the Internet
• Web page


  A single document that contains any information
• Website


  A collection of web pages combined together to be published on the Internet
• Types of web design


  • Adaptive web design
  • Responsive web design
• Adaptive web design


  Displays a specific version of a website that is viewed on different screen sizes either on desktop or mobile device
• Responsive web design


  Displays a customized version of a website that automatically adjusts the size when viewed on any device
• Responsive web design helps in easily communicating with your audience
• Principles of web design


  • Purpose
  • Simplicity
  • Intuitive navigation
  • F-shaped pattern
  • Visual hierarchy
  • Grid-based layout
  • Loading time
  • Mobile-friendly
• Purpose


  Consider the goals and target audience before creating a website
• Simplicity


  Clean and fresh design that makes the website visually appealing
• Intuitive navigation


  Allows the audience to quickly navigate and find what they are looking for on a website
• 1. shaped pattern


  Helps the audience to quickly read or scan the contents of a website
• Visual hierarchy


  Arrangement of elements in order according to their importance
• Grid-based layout


  Arranges elements on every web page in a block-shaped container
• Loading time


  The design should be light and images optimized so the website loads quickly
• Mobile-friendly


  A responsive design that adjusts the website to the screen and can be viewed on any device
• Elements of web design

  • Content
  • Typography
  • Space
  • Layout
  • Color
  • Graphics
  • Videos
  • Animation
  • Navigation
  • User interaction
• Content


  The most crucial element that makes the website informative, interesting and popular to users
• Typography


  The way text is properly designed, organized, and presented on a website
• Space


  Used for dividing or separating different contents of the website
• Layout


  Defines how graphics, texts, and other elements are arranged and placed on the web page
• Color


  Used to express meaningful contents and catch the attention of the audience
• Graphics


  Any graphic representation such as clipart, icons, logos, infographics, and images to quickly represent an idea or feeling to the audience
• Videos


  Often used as a background and added in slideshows or on the website
• Animation


  Effects seen on various interactivity, such as clicking or hovering different buttons, images, or forms
• Navigation


  The set of buttons that let users freely navigate across the web pages of the website
• User interaction


  The different interactivity of websites such as scrolling, clicking, or typing
• Learning Activity 1


  1. Visit two example websites

  2. Identify the web design elements present on each

  3. Evaluate whether the usage of each element is good or bad

  4. Write answers in a table
• Learning Activity 2


  1. Using the same websites from Activity 1

  2. Classify them as good or bad usage of web design elements

  3. Name and explain five principles of design that are observed or not observed
• Web design has two types: adaptive and responsive
• Three elements of web design are content, typography, and space
• The three most essential principles of web design are purpose, simplicity, and intuitive navigation