ICT

• Elements of Design

  • line
  • point
  • space
  • texture
  • size
  • color
  • shape
• Point

  • simply a dot.
  • establishes a position and acts as a visual focus
• Line

  • created by connecting two or more points
• Space

  • refers to the surface that acts as a virtual container, drawing attention to other visual elements in a layout
• Shape

  • is an element of design which is a combination of lines, points, and space (which can be two- or three-dimensional).
• Color

  • is another element of design that can be associated with any other elements.
  • Hue is the other name
• Size

  • refers to how large or small something is in a document.
• Texture

  • The look or feel of a surface.
  • Visual texture creates an illusion of texture on a printed material or webpage
• Principles of design

  • balance
  • contrast
  • unity
  • rhythm
  • emphasis
• Balance

  • refers to the equal distribution of weight, which, in design, applies to visual weight.
  • Elements such as size, lightness, and thickness can be scaled accordingly in a design.
• 2 types of balance

  • Symmetrical
  • Asymmetrical
• Contrast

  • the placement of heavy and light elements within a page.
  • The larger, darker elements appear heavier in the designs than the smaller and lighter elements.
• Emphasis

  • the distribution of heavy and light elements in a design.
  • It determines which elements within the design are focused on the most and which ones are given less attention.
• Rhythm

  • the repetition of one or more elements in a design.
  • It creates a mood and a sense of movement.
  • Variety in repeated elements makes the rhythm of a design more exciting
• Unity

  • the feeling of harmony that is created by all the parts and elements of a design.
  • When a particular design is said to be unified, it means that a sense of completeness can be felt from the work.
• Infographic

  • It is a visual image used to represent data. This can be in the form of charts, graphs, etc.
• Visual Article

  • An infographic in which wordy content is made more visual.
  • Best used for information spread via social media. Has a strong title and lots of content.
• Timeline

  • Outlines events chronologically.
  • Can either be simple or complex.
  • Invites the viewer to go on a historical journey through interesting and relevant content and design.
• Flowchart

  • Designed to make the viewer answer a series of questions to

  reach a particular answer.

  • Often funny and lighthearted, it also works well on social media.
• Cheat Sheet

  • Serves as a quick reference for different kinds of information.
  • Can also be in the form of a step-by-step process on how to do things
• Comparison

  • A visual comparison of two things.
  • Best used with effective visual presentation and large amount of data.
• Numerical

  • An infographic whose primary content is comprised of numbers, charts, graphs, or statistical data.
• Photo Infographic

  • Pictures are used to tell the story or message of the infographic.
  • Usually design in a simple manner using actual photos to answer questions or describe something.
• Data Visualization

  • Used for large data, but the focus is on creative visualization.
  • Highly dependent on design to be effectively visualized.
• Types of Infographic:

  • Visual article
  • Timeline
  • Data Visualization
  • Comparison
  • Flowchart
  • Cheat Sheet
  • Photo Infographic
  • Numerical