Pattern (report)

  • 156 views
Uploaded on

 

  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Be the first to comment
    Be the first to like this
No Downloads

Views

Total Views
156
On Slideshare
0
From Embeds
0
Number of Embeds
0

Actions

Shares
Downloads
0
Comments
0
Likes
0

Embeds 0

No embeds

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
    No notes for slide

Transcript

  • 1. VISUAL PRINCIPLES PRESENTED BY: Alpha Grace Natial
  • 2. 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.
  • 3. MAJOR FACTORS THAT AFECT THE OVERALL LOOK OF THE DISPLAYS:
    • Alignment
    • Shape
    • Balance
    • Style
    • Color scheme
      • Complementary colors
      • Analogous colors
    • C olor appeal
  • 4. alignment
    • Concerned on the position of primary elements to have a clear visual relationship with each other.
  • 5. shape
    • Arrange or put visuals according to shape so that the viewer will not expend more effort in interpreting displays or visuals.
  • 6. 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.
  • 7. balance
    • Psychological sense of equilibrium when the weight of elements in display is equally contributed to each side of axis.
  • 8. balance
    • Symmetrical or formal
      • Designs are repeated on both sides.
    • Asymmetrical or informal
      • For the design to give information or to catch attention.
  • 9. style
    • Different audiences and different setting calls for different design styles.
  • 10. color schemes
    • Consider harmoniousness of colors in choosing a color scheme.
  • 11. 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.
  • 12. color appeal
    • In choosing colors for instructional materials, consider emotional responses you are seeking.
      • Active, dynamic, warm feeling or more contemplative, thoughtful, cool feeling.
  • 13. ARRANGEMENT
    • Proximity
    • Directional
    • Figure- ground contrast
    • Consistency
  • 14. proximity
    • Putting related elements together and moving unrelated elements.
  • 15. directional
    • To direct attention.
      • Colored elements whether words or images in a monochrome display will also draw the eye.
  • 16. Figure- ground contrast
    • Different color combinations provide different figure- ground contrasts.
  • 17.  
  • 18.  
  • 19.  
  • 20. consistency
    • Place elements in similar locations; uses same treatment for headlines; and use the same color scheme all throughout the series of displays.
  • 21. VISUAL PLANNING TOOLS
    • Deals with design directions that a teacher or designer must make and not the technical steps involved during the production process.
  • 22. 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.
  • 23. 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.
  • 24. TYPES OF LETTERS
    • Use of lettering styles and techniques for visuals.
  • 25. DRAWING, SKETCHING, AND CARTOONING
    • Visuals that enhance learning.
    • Magazines, textbooks, and advertisements are some sources.
    • Graphic media can be of help.
  • 26. DRAWING, SKETCHING, AND CARTOONING
  • 27. 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.
  • 28. digital images
    • Digital cameras
      • Small and lightweight
      • Permits you to see a large image displayed on the back of camera before taking picture.
  • 29. scanners
    • Flatbed scanners
      • Look like the top of a photocopy machine and connected to computer with special cables.
  • 30. scanners
    • Charge- coupled device (CCD)
      • Capable of changing optical images into electrical charges which in turn converted into a digital form acceptable by computer.
  • 31. PHOTO CD
    • Alternative for digital images which is less expensive.
    • Can be read by CD- ROM player connected to computer.