ict exam 2nd quarter

• 2 types of balances:

  • symmetrical balance
  • asymmetrical balance
• symmetrical balance - visual elements are evenly distibuted on either side of an imaginary central axis
• asymmetrical balance

  • involves distribution of element in an unequal, yet usually balanced manner
  • commonly used on modern web design
  • relies on visual element
• hierarchy

  • serves as a guide
  • guiding viewers eye conveying information effectively
  • organization and arrangement of elements to show their relative importance
  • typography (font size) and color (bold color, contrasting)
  • hooks attention
  • understand and navigate effectively
• UI

  • user interface
  • layout
  • text
• emphasis

  • critical principle
  • creating a focal point or center of attention within composition
  • used to guide viewers eye to most critical or interesting part of design
• hierarchy

  • organization on elements
  • helps users guide

  emphasis

  • technique to stand out
  • help quickly identify what's important
• rhythm

  • adds movement and flow
  • involved in repetition in elements
  • often creating a visual pattern
• examples of visual hierarchy

  A) scale

  B) contrast

  C) direction

  D) position

  
• proportion

  • ensures elements relate to one another
  • art of visual relationship
  • comparisons of size and scale
  • size actual dimension of an element
• pattern

  • creates interest
  • involves repetition of color, lines, shapes, or other visual elements
  • not stand alone principle
  • contributes to overall design
• space

  • fundamental
  • creates impact

  • white space - fundamental aspect of layout of web design

  - contributes to overall aesthetics

  - improves readability
• movement

  • directs viewers eyes
  • about creating a visual journey within the design
  • not a stand alone principle
  • should be targeted
• variation

  • brings dynamism and complexity
  • can be thought of as a technique
• unity

  • creates visual harmony
  • referred to harmony
  • concept in creaating bondness
• html

  • most popular and most frequently used for developing websites
  • language web speaks
  • invented in 1990 by tim berners lee (computer scientist)
• 1991 - first version of html (html 1.0)
• 1995

  • knocked interest on html
  • introduced documents, forms
• HTML - hypertext markup language
• base set of html tags - html 2.0
• old standard first established by the World Wide Web Consortium (W3C)
• hypertext

  • A texts that points to other pages and objects on the web
  • system of linking textual information in a non letter way allowing ti navigate and interact
  • "highlighted" "underlined"
• markup - simple codes that provide details about html elements
• html 5 - semantic elements (header, footer, article, audio, video elements)
• wireframe development

  • visual representation of a webpage or app layout.
  • focuses on structure, hierarchy, and functionality rather than design elements like colors and images
  • skeleton or a rough draft of the final product
• importance of wireframe:

  • clarity (layout clarification) and structure
  • iterative development

  - user centric design

  - audience will like design

  - improve from audience
• key components:

  • layout and structure
  • content placements
  • functionality
• layout and structure - define where different elements (navigation bar, header, etc.) will be placed
• content placement - decide what content goes where, without specifics like actual text or images
• functionality - represent how different parts of the interface react with each other. (buttons, links, forms, etc.)
• web development team - group of individuals with specialized skills who collaborate to create and maintain websites or web applications
• content writers/copywriters

  • create and optimize content for websites
  • contribute to success of a website by creating a SEO friendly and informative contents
• programmers

  • responsible for writing the code that makes the website function
  • front end - work on user-facing interface (html, js, javascript)
  • back end - handle server-side operations, databases (python, ruby, php, etc.)
• graphic designers

  • makes original art
  • creating graphics, images, icons, and other visual elementsthat enhance aesthetics
  • create visually appealing designs
• quality assurance

  • responsible for testing website to identify issues
• project manager

  • oversee development process
  • act as bridge between development team and clients/stakeholders
• html uses markup tags to structure content on web pages
• HTML 5 introduced native support for audio and video elements
• HTML is used to structure and present content on web pages.