Week 3 - A Presentation Visual Components

829 views
734 views

Published on

Week 3 additional notes

Published in: Education, Technology, Business
0 Comments
2 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
829
On SlideShare
0
From Embeds
0
Number of Embeds
8
Actions
Shares
0
Downloads
40
Comments
0
Likes
2
Embeds 0
No embeds

No notes for slide

Week 3 - A Presentation Visual Components

  1. 1. IMD09117 and IMD09118 Web Design and Development Unit 3 Presentation design and visual components
  2. 2. Presentation design Version A Unit 3 ©2008 Napier University Interaction Information Presentation
  3. 3. Presentation design <ul><li>information design </li></ul><ul><li>interaction design </li></ul><ul><li>evaluation design </li></ul><ul><li>presentation design </li></ul>Version A Unit 3 ©2008 Napier University Designing a computer system
  4. 4. Presentation design <ul><li>Presentation design is concerned with </li></ul><ul><li>how the system should look </li></ul><ul><li>defining style and layout </li></ul><ul><li>producing prototypes </li></ul><ul><li>making it engaging and understandable </li></ul>Version A Unit 3 ©2008 Napier University
  5. 5. Role of presentation <ul><li>Presentation can help to </li></ul><ul><li>maintain consistency </li></ul><ul><li>educate users </li></ul><ul><li>establish relationships between content </li></ul><ul><li>create emphasis and focus </li></ul><ul><li>give a system personality </li></ul><ul><li>establish a sense of place </li></ul>Version A Unit 3 ©2008 Napier University
  6. 6. Role of presentation <ul><li>Presentation can help to </li></ul><ul><li>provide situational awareness </li></ul><ul><li>provide clarity </li></ul><ul><li>provide emotional impact </li></ul><ul><li>engage and invite users </li></ul><ul><li>explain organisation </li></ul><ul><li>guide users </li></ul>Version A Unit 3 ©2008 Napier University
  7. 7. Visual literacy <ul><li>humans are biased towards visual information </li></ul><ul><li>visual information is more memorable </li></ul><ul><li>verbal literacy v visual literacy </li></ul><ul><li>visual literacy is ability to understand and produce visual messages </li></ul><ul><li>input and output strategies </li></ul>Version A Unit 3 ©2008 Napier University
  8. 8. Visual components <ul><li>the point or dot </li></ul><ul><li>the line </li></ul><ul><li>the basic shapes of the square, circle and triangle </li></ul>Version A Unit 3 ©2008 Napier University Visual elements
  9. 9. The point or dot <ul><li>Smallest graphical unit </li></ul><ul><li>Without dimension, space or form </li></ul><ul><li>Acts as a focus </li></ul><ul><li>Can trigger emotions </li></ul>Version A Unit 3 ©2008 Napier University
  10. 10. The point or dot Version A Unit 3 ©2008 Napier University
  11. 11. The point or dot Version A Unit 3 ©2008 Napier University Static Active Passive Dynamic Exciting Calm Sad Happy Heavy Floating Near Far Entering Exiting
  12. 12. The point or dot Version A Unit 3 ©2008 Napier University
  13. 13. The point or dot Version A Unit 3 ©2008 Napier University
  14. 14. The point or dot Version A Unit 3 ©2008 Napier University
  15. 15. The point or dot Version A Unit 3 ©2008 Napier University
  16. 16. The point or dot Version A Unit 3 ©2008 Napier University
  17. 17. The point or dot Version A Unit 3 ©2008 Napier University Direct attention to a specific point
  18. 18. The point or dot Version A Unit 3 ©2008 Napier University Emphasise key ideas
  19. 19. The point or dot Version A Unit 3 ©2008 Napier University Represent a more complicated object or idea
  20. 20. The point or dot Version A Unit 3 ©2008 Napier University Form images
  21. 21. The point or dot Version A Unit 3 ©2008 Napier University Form images
  22. 22. The point or dot Version A Unit 3 ©2008 Napier University Exclusion, hierarchy, tension, motion, happiness, order, gathering, flight, conflict, noise, confused A B C D E
  23. 23. The point or dot Version A Unit 3 ©2008 Napier University Suggest motion and direction
  24. 24. The point or dot Version A Unit 3 ©2008 Napier University Form a line
  25. 25. The line <ul><li>Is a dot in motion or the history of a dot </li></ul><ul><li>contains energy, not static </li></ul><ul><li>can join, surround, support or intersect other visual elements </li></ul><ul><li>can express a wide variety of emotions </li></ul>Version A Unit 3 ©2008 Napier University A line
  26. 26. Characteristics of a line Version A Unit 3 ©2008 Napier University Positive, growing, dynamic, entering, leaving, depressing, unusual, deteriorating, powerful. A B C D E
  27. 27. Characteristics of a line Version A Unit 3 ©2008 Napier University A horizontal line
  28. 28. Characteristics of a line Version A Unit 3 ©2008 Napier University A vertical line
  29. 29. Characteristics of a line Version A Unit 3 ©2008 Napier University A diagonal line
  30. 30. Multiple lines Version A Unit 3 ©2008 Napier University
  31. 31. Multiple lines Version A Unit 3 ©2008 Napier University
  32. 32. Basic shapes Version A Unit 3 ©2008 Napier University A circle
  33. 33. Basic shapes Version A Unit 3 ©2008 Napier University A square
  34. 34. Basic shapes Version A Unit 3 ©2008 Napier University A triangle
  35. 35. Summary Version A Unit 3 ©2008 Napier University <ul><li>Information, interaction, evaluation and presentation design </li></ul><ul><li>role of presentation </li></ul><ul><li>visual literacy </li></ul><ul><li>The power of the point, the line and basic shapes </li></ul>

×