Pattern
Upcoming SlideShare
Loading in...5
×
 

Pattern

on

  • 444 views

educational technology

educational technology

Statistics

Views

Total Views
444
Views on SlideShare
441
Embed Views
3

Actions

Likes
0
Downloads
7
Comments
0

1 Embed 3

http://ahlps.blogspot.com 3

Accessibility

Upload Details

Uploaded via as Microsoft PowerPoint

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

Pattern Pattern Presentation Transcript

  • VISUAL PRINCIPLES PRESENTED BY: Alpha Grace Natial
  • PATTERN
    • a plan or model used as a guide for making something.
    • there should be a pattern to be established on what elements to be include in a visual display.
  • MAJOR FACTORS THAT AFECT THE OVERALL LOOK OF THE DISPLAYS:
    • Alignment
    • Shape
    • Balance
    • Style
    • Color scheme
      • Complementary colors
      • Analogous colors
    • C olor appeal
  • alignment
    • Concerned on the position of primary elements to have a clear visual relationship with each other.
  • shape
    • Arrange or put visuals according to shape so that the viewer will not expend more effort in interpreting displays or visuals.
  • Rule of thirds
    • Elements are arranged along any of the one- third dividing lines. Elements should appear near the intersections of the lines dividing visuals into thirds.
  • balance
    • Psychological sense of equilibrium when the weight of elements in display is equally contributed to each side of axis.
  • balance
    • Symmetrical or formal
      • Designs are repeated on both sides.
    • Asymmetrical or informal
      • For the design to give information or to catch attention.
  • style
    • Different audiences and different setting calls for different design styles.
  • color schemes
    • Consider harmoniousness of colors in choosing a color scheme.
  • color schemes
    • Complementary colors
      • 2 colors that lie directly opposite each other in the color wheel.
    • Analogous colors
      • Colors that lie next to each other on the color wheel.
  • color appeal
    • In choosing colors for instructional materials, consider emotional responses you are seeking.
      • Active, dynamic, warm feeling or more contemplative, thoughtful, cool feeling.
  • ARRANGEMENT
    • Proximity
    • Directional
    • Figure- ground contrast
    • Consistency
  • proximity
    • Putting related elements together and moving unrelated elements.
  • directional
    • To direct attention.
      • Colored elements whether words or images in a monochrome display will also draw the eye.
  • Figure- ground contrast
    • Different color combinations provide different figure- ground contrasts.
  •  
  •  
  •  
  • consistency
    • Place elements in similar locations; uses same treatment for headlines; and use the same color scheme all throughout the series of displays.
  • VISUAL PLANNING TOOLS
    • Deals with design directions that a teacher or designer must make and not the technical steps involved during the production process.
  • storyboarding
    • Allows teachers and designers to creatively arrange and rearrange a whole sequence of thumbnail sketches.
    • Useful for planning and presenting raft drafts of presentation.
    • Index cards are commonly used for storyboarding. They are durable, flexible, inexpensive and available in variety of colors and sizes.
  • storyboarding
    • May also use computer software with the help of StoryBoard Artist. This allows you to draw pictures with mouse, import graphics from files, and manipulate images.
  • TYPES OF LETTERS
    • Use of lettering styles and techniques for visuals.
  • DRAWING, SKETCHING, AND CARTOONING
    • Visuals that enhance learning.
    • Magazines, textbooks, and advertisements are some sources.
    • Graphic media can be of help.
  • DRAWING, SKETCHING, AND CARTOONING
  • digital images
    • Allow users to capture, edit, display, share, and network still and video images.
    • Another example of linear media. Provide students and teachers with tools to create visual images including drawings and photographs.
  • digital images
    • Digital cameras
      • Small and lightweight
      • Permits you to see a large image displayed on the back of camera before taking picture.
  • scanners
    • Flatbed scanners
      • Look like the top of a photocopy machine and connected to computer with special cables.
  • scanners
    • Charge- coupled device (CCD)
      • Capable of changing optical images into electrical charges which in turn converted into a digital form acceptable by computer.
  • PHOTO CD
    • Alternative for digital images which is less expensive.
    • Can be read by CD- ROM player connected to computer.