Image and Design in the Online Environment

• Design


  Targets the audience, determines its needs, and communicates effectively using the basic principles of graphics and layout
• Graphic Design


  An artistic way of communicating ideas and messages through visual expressions using texts, images, and symbols
• Graphic Designer


  • Works on the quality of the output they serve for the audience or clients like websites, advertisements, posters, flyers, logos, videos, and any other multimedia form
• Graphic Design


  A plan of creating an idea through a combination of texts, images, and other elements that are placed together artistically
• Graphic Layout


  The process of organizing and arranging these elements in a design as you plot it on a paper
• Balance


  • Proper arrangement of the elements, which gives a visual weight for the design
  • Two types: Symmetrical or Asymmetrical
• Symmetrical Balance


  Elements are equally distributed on both sides of the design, technically a mirror-based design
• Asymmetrical Balance


  Free layout where the elements can be placed in any order or the opposite of symmetrical
• Emphasis


  Something that needs to stand-out or emphasize, can be achieved by changing color, size, or the element itself to lead the eye to the focal interest
• Pattern, Repetition and Rhythm


  • The use of repetitive elements such as lines, shapes, forms, textures, space, colors, font, style to create texture, movement, continuity, and consistency of the design
  • Makes the design formal and more comfortable to read because of its uniformity
• Alignment


  • Proper placement of an element to the design, like invisibly placing or aligning texts or images diagonally, vertically, and horizontally
  • Standard text or paragraph alignment: center, right, left, and justified
• Hierarchy


  Proper arrangement of the details such as text, characters, numbers, and symbols to help the viewer recognize and navigate the highlight of the event smoothly
• Contrast


  • Use of different or opposite elements such as sizes, shapes, spaces, forms, colors, textures, and values to give visual weight to an object or design
  • When creating contrast in color and text, choose a color from the background to create consistency
  • Details must be readable by having a dark-light value of either text and background or vice-versa
• Unity and Harmony


  Relationship of the elements or the contents when placed together, the elements must work together and agree to its meaning, theme, feeling, or mood
• Monochromatic uses one color in a design. Its advantage is to create balance and to match the color in an artwork. However, this may lack energy and may look monotonous. How will you use the monochromatic scheme to create variations?

  Adjust the saturation and value
• What is the purpose of creating a hierarchy in your design?

  Make the detail stand out
• Which principle of design is when a designer arranges the elements or

  text according to its context?

  Hierarchy
• Which of the principles of graphics and layout refers to the proper

  arrangement of elements, which gives a visual weight for the design?

  Balance
• As a layout artist, we must know the details in arranging and accentuating the most important terms by changing its size, thickness, and spaces so the reader can navigate the highlight of the event easily. Which of the following principles best describe the statement above?

  Hierarchy
• What other elements of design can be repeated aside from color, header style, and fonts?

  Size
• A plan of creating an idea through a combination of texts, images,

  and other elements that are placed together artistically,

  Design
• A term used as the process of organizing and arranging these elements in a design as you plot it in a paper.

  Layout
• What can you change in order to lead the eye to the focal interest?

  (1) Color (2) Size (3) Element itself
• What are the repetitive elements?

  (1) Lines (2) Shapes (3) Forms (4) Textures (5) Space (6) Colors (7) Font (8) Style
• What does repetition creates?

  (1) Texture (2) Movement (3) Continuity (4) Consistency
• Makes the design formal and more comfortable to read because of its uniformity

  Pattern, Repetition, and Rhythm
• What are the standard texts or paragraph alignment?

  (1) Center (2) Left (3) Right (4) Justified
• What does hierarchy properly arranges?

  (1) Text (2) Characters (3) Numbers (4) Symbols
• Helps the viewer to recognize and navigate the highlight of the event smoothly

  Hierarchy
• Proper placement of an element to your design

  Alignment
• Refers to the use of different or opposite elements

  Contrast
• Opposite Sizes

  Large or Small
• Opposite Shapes

  Geometric or Organic
• Opposite Spaces

  Negative or Positive
• Opposite Forms


  Real or Abstract
• Opposite Colors

  Monochromatic Complementary Triadic Tetradic
• Opposite Textures

  Smooth or Rough
• Opposite Values

  Light or Dark
• In order to create consistency where will you choose color for contrast?

  Background
• Relationship of the elements or the contents when you place them together

  Unity and Harmony