Successfully reported this slideshow.
VISUAL PRINCIPLES PRESENTED BY: Alpha Grace Natial
PATTERN <ul><li>a plan or model used as a guide for making something. </li></ul><ul><li>there should be a pattern to be es...
MAJOR FACTORS THAT AFECT THE OVERALL LOOK OF THE DISPLAYS: <ul><li>Alignment </li></ul><ul><li>Shape </li></ul><ul><li>Bal...
alignment <ul><li>Concerned on the position of primary elements to have a clear visual relationship with each other. </li>...
shape <ul><li>Arrange or put visuals according to shape so that the viewer will not expend more effort in interpreting dis...
Rule of thirds <ul><li>Elements are arranged along any of the one- third dividing lines.  Elements should appear near the ...
balance <ul><li>Psychological sense of equilibrium when the weight of elements in display is equally contributed to each s...
balance <ul><li>Symmetrical or formal </li></ul><ul><ul><li>Designs are repeated on both sides. </li></ul></ul><ul><li>Asy...
style <ul><li>Different audiences and different setting calls for different design styles.  </li></ul>
color schemes <ul><li>Consider harmoniousness of colors in choosing a color scheme. </li></ul>
color schemes <ul><li>Complementary colors </li></ul><ul><ul><li>2 colors that lie directly opposite each other in the col...
color appeal <ul><li>In choosing colors for instructional materials, consider emotional responses you are seeking. </li></...
ARRANGEMENT <ul><li>Proximity </li></ul><ul><li>Directional </li></ul><ul><li>Figure- ground contrast </li></ul><ul><li>Co...
proximity <ul><li>Putting related elements together and moving unrelated elements. </li></ul>
directional <ul><li>To direct attention. </li></ul><ul><ul><li>Colored elements whether words or images in a monochrome di...
Figure- ground contrast <ul><li>Different color combinations provide different figure- ground contrasts. </li></ul>
 
 
 
consistency <ul><li>Place elements in similar locations; uses same treatment for headlines; and use the same color scheme ...
VISUAL PLANNING TOOLS <ul><li>Deals with design directions that  a teacher or designer must make and not the technical ste...
storyboarding <ul><li>Allows teachers and designers to creatively arrange and rearrange a whole sequence of thumbnail sket...
storyboarding <ul><li>May also use computer software with the help of StoryBoard Artist.  This allows you to draw pictures...
TYPES OF LETTERS <ul><li>Use of lettering styles and techniques for visuals. </li></ul>
DRAWING, SKETCHING, AND CARTOONING <ul><li>Visuals that enhance learning. </li></ul><ul><li>Magazines, textbooks, and adve...
DRAWING, SKETCHING, AND CARTOONING
digital images <ul><li>Allow users to capture, edit, display, share, and network still and video images.  </li></ul><ul><l...
digital images <ul><li>Digital cameras </li></ul><ul><ul><li>Small and lightweight  </li></ul></ul><ul><ul><li>Permits you...
scanners <ul><li>Flatbed scanners </li></ul><ul><ul><li>Look like the top of a photocopy machine and connected to computer...
scanners <ul><li>Charge- coupled device (CCD) </li></ul><ul><ul><li>Capable of changing optical images into electrical cha...
PHOTO CD <ul><li>Alternative for digital images which is less expensive. </li></ul><ul><li>Can be read by CD- ROM player c...
Upcoming SlideShare
Loading in …5
×

Pattern- report

339 views

Published on

  • Be the first to comment

Pattern- report

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

×