Pattern (report)

269 views
218 views

Published on

0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
269
On SlideShare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
0
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

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>

×