Visual Information and Media

• COMMON VISUAL FILE TYPE

  • JPEG
  • GIF
  • TIFF
  • PNG and BMP
• PNG has a CLEAR BACKGROUND
• Probably the most web friendly image format there is.

  JPEG
• It is great for images when you need to keep the size small, such as when you need to upload it online.

  JPEG
• If you dont mind compromising the quality of the image a bit use this one.

  JPEG
• GIF is the worst choice for web graphics, although file sizes are very small, and they load very fast.
• if you want to add animation effects, use GIF. Also great for clip art.
• TIFF is the best and only choice for professionals when images are intended for print.
• it has the ability to read CMYK and YcbCr color, plus its ability to store such high pixel intensity makes it the only choice for designers, photographers, and publishers.

  TIFF
• are great for web graphics.

  PNG
• if you want to keep the size small but still retain the image quality, use

  PNG.
• transparancies are good for PNG
• These files are large and uncompressed, but the images are rich in color, high in quality, simple and compatible in all Windows OS and other programs.

  BMP
• BMP are also called raster or paint images.
• ELEMENTS OF VISUAL DESIGN

  LINE, SHAPE, VALUE, TEXTURE, COLOR, FORM
• it describes a shape or outline

  LINE
• create texture and can be thick or thin

  LINE
• may be actual, implied, vertical, horizontal, diagonal, or contour lines.

  LINE
• a geometric or organic area that stands out from the space next to or around it, or because the differences in value, color, or texture.

  SHAPE
• the degree of light and dark in a design.

  VALUE
• contrasts between black and white and all the tones in between

  VALUE
• way a surface feels or is perceived to feel

  TEXTURE
• illusion of the surfaces peaks and valleys, resulting in a feeling of smoothness and roughness of an object.

  TEXTURE
• determined by its hue, intensity, and value.

  COLOR
• used for emphasis, or may elicit emotions from viewers.

  COLOR
• a figure having volume and thickness

  FORM
• an illusion of a 3-dimensional object can be implied with the use of light and shading.

  FORM
• can be viewed from many angles

  FORM
• PRINCIPLES OF VISUAL DESIGN

  • CONSISTENCY

  • CENTER OF INTEREST

  • BALANCE

  • HARMONY

  • CONTRAST

  • DIRECTIONAL MOVEMENT

  • RHYTHM

  • PERSPECTIVE

  • DOMINANCE
• Consistency of margins, typeface, typestyle, and colors is necessary, especially in slide presentations or documents that are more than one page.

  CONSISTENCY
• an area that first attracts attention in a composition

  CENTER OF INTEREST
• important objects or elements in a composition

  CENTER OF INTEREST
• can be achieved by contrast of values, more colors, and placement.

  CENTER OF INTEREST
• visual equality in shape, form, value, color, etc.

  BALANCE
• can be symmetrical and evenly or asymmetrical and unevenly balanced.

  BALANCE
• brings together a composition with similar units.

  HARMONY
• offers some change in value creating a vidual discord in a composition

  CONTRAST
• shows the difference between shapes and can be used as a background to bring objects out and forward in a design.

  CONTRAST
• can also be used as an area of emphasis.

  CONTRAST
• a visual flow through the composition

  DIRECTIONAL MOVEMENT