![Page 1: 1- elements , gathering or producing the visuals elements (pictures & texts)](https://reader030.vdocument.in/reader030/viewer/2022032415/5681344b550346895d9b3139/html5/thumbnails/1.jpg)
1- elements, gathering or producing the visuals elements (pictures & texts)Based on your goals & objectives and students’ needs and level
Process of visual design
![Page 2: 1- elements , gathering or producing the visuals elements (pictures & texts)](https://reader030.vdocument.in/reader030/viewer/2022032415/5681344b550346895d9b3139/html5/thumbnails/2.jpg)
2- pattern,choose the overall “look” or the general design of your presentation. Decide how the viewer’s eye will flow across your display
![Page 3: 1- elements , gathering or producing the visuals elements (pictures & texts)](https://reader030.vdocument.in/reader030/viewer/2022032415/5681344b550346895d9b3139/html5/thumbnails/3.jpg)
3- arrangement,
arrange the items within the pattern.
![Page 4: 1- elements , gathering or producing the visuals elements (pictures & texts)](https://reader030.vdocument.in/reader030/viewer/2022032415/5681344b550346895d9b3139/html5/thumbnails/4.jpg)
Grab attention
1- Uniqueness (Size, Color, Shape)2- Texture3- Interaction
![Page 5: 1- elements , gathering or producing the visuals elements (pictures & texts)](https://reader030.vdocument.in/reader030/viewer/2022032415/5681344b550346895d9b3139/html5/thumbnails/5.jpg)
Picture One
![Page 6: 1- elements , gathering or producing the visuals elements (pictures & texts)](https://reader030.vdocument.in/reader030/viewer/2022032415/5681344b550346895d9b3139/html5/thumbnails/6.jpg)
Picture Two
![Page 7: 1- elements , gathering or producing the visuals elements (pictures & texts)](https://reader030.vdocument.in/reader030/viewer/2022032415/5681344b550346895d9b3139/html5/thumbnails/7.jpg)
Picture One
![Page 8: 1- elements , gathering or producing the visuals elements (pictures & texts)](https://reader030.vdocument.in/reader030/viewer/2022032415/5681344b550346895d9b3139/html5/thumbnails/8.jpg)
Picture Three
![Page 9: 1- elements , gathering or producing the visuals elements (pictures & texts)](https://reader030.vdocument.in/reader030/viewer/2022032415/5681344b550346895d9b3139/html5/thumbnails/9.jpg)
Picture One
![Page 10: 1- elements , gathering or producing the visuals elements (pictures & texts)](https://reader030.vdocument.in/reader030/viewer/2022032415/5681344b550346895d9b3139/html5/thumbnails/10.jpg)
Picture Four
![Page 11: 1- elements , gathering or producing the visuals elements (pictures & texts)](https://reader030.vdocument.in/reader030/viewer/2022032415/5681344b550346895d9b3139/html5/thumbnails/11.jpg)
Picture One
![Page 12: 1- elements , gathering or producing the visuals elements (pictures & texts)](https://reader030.vdocument.in/reader030/viewer/2022032415/5681344b550346895d9b3139/html5/thumbnails/12.jpg)
Picture Five
![Page 13: 1- elements , gathering or producing the visuals elements (pictures & texts)](https://reader030.vdocument.in/reader030/viewer/2022032415/5681344b550346895d9b3139/html5/thumbnails/13.jpg)
Picture Six
![Page 14: 1- elements , gathering or producing the visuals elements (pictures & texts)](https://reader030.vdocument.in/reader030/viewer/2022032415/5681344b550346895d9b3139/html5/thumbnails/14.jpg)
2- texture,
you can add a third dimension to your visuals by using
texture or actual materials,
e.g., samples of cereal grains , leaves, or insects
![Page 15: 1- elements , gathering or producing the visuals elements (pictures & texts)](https://reader030.vdocument.in/reader030/viewer/2022032415/5681344b550346895d9b3139/html5/thumbnails/15.jpg)
Picture One
![Page 16: 1- elements , gathering or producing the visuals elements (pictures & texts)](https://reader030.vdocument.in/reader030/viewer/2022032415/5681344b550346895d9b3139/html5/thumbnails/16.jpg)
Picture Seven
![Page 17: 1- elements , gathering or producing the visuals elements (pictures & texts)](https://reader030.vdocument.in/reader030/viewer/2022032415/5681344b550346895d9b3139/html5/thumbnails/17.jpg)
3-interaction,
viewers can be asked to respond to visual displays
![Page 18: 1- elements , gathering or producing the visuals elements (pictures & texts)](https://reader030.vdocument.in/reader030/viewer/2022032415/5681344b550346895d9b3139/html5/thumbnails/18.jpg)
This is a circle Complete the Circle
![Page 19: 1- elements , gathering or producing the visuals elements (pictures & texts)](https://reader030.vdocument.in/reader030/viewer/2022032415/5681344b550346895d9b3139/html5/thumbnails/19.jpg)
A. Carries impulses around the body to deliver messages. B. They swim to fertilize the egg. C. To trap dust particles and germs in the air passages. D. They increase the surface area for absorbing water. E. They contain chloroplasts for photosynthesis. F. They carry oxygen around the body to all the cells.
![Page 20: 1- elements , gathering or producing the visuals elements (pictures & texts)](https://reader030.vdocument.in/reader030/viewer/2022032415/5681344b550346895d9b3139/html5/thumbnails/20.jpg)
The major factors that affect the overall look are 1. alignment of elements, 2. shape, 3. balance, 4. style, 5. color scheme, 6. and color appeal.
overall look
![Page 21: 1- elements , gathering or producing the visuals elements (pictures & texts)](https://reader030.vdocument.in/reader030/viewer/2022032415/5681344b550346895d9b3139/html5/thumbnails/21.jpg)
alignment of elements
Visual Elements should be aligned on the same imaginary horizontal or vertical line
![Page 22: 1- elements , gathering or producing the visuals elements (pictures & texts)](https://reader030.vdocument.in/reader030/viewer/2022032415/5681344b550346895d9b3139/html5/thumbnails/22.jpg)
![Page 23: 1- elements , gathering or producing the visuals elements (pictures & texts)](https://reader030.vdocument.in/reader030/viewer/2022032415/5681344b550346895d9b3139/html5/thumbnails/23.jpg)
![Page 24: 1- elements , gathering or producing the visuals elements (pictures & texts)](https://reader030.vdocument.in/reader030/viewer/2022032415/5681344b550346895d9b3139/html5/thumbnails/24.jpg)
![Page 25: 1- elements , gathering or producing the visuals elements (pictures & texts)](https://reader030.vdocument.in/reader030/viewer/2022032415/5681344b550346895d9b3139/html5/thumbnails/25.jpg)
Shape,
Another way to arrange the visual and verbal elements is to put them into a shape that is already familiar to the viewer
(e.g., circle, triangle, rectangle, the letters Z, L, T, and U)
![Page 26: 1- elements , gathering or producing the visuals elements (pictures & texts)](https://reader030.vdocument.in/reader030/viewer/2022032415/5681344b550346895d9b3139/html5/thumbnails/26.jpg)
![Page 27: 1- elements , gathering or producing the visuals elements (pictures & texts)](https://reader030.vdocument.in/reader030/viewer/2022032415/5681344b550346895d9b3139/html5/thumbnails/27.jpg)
![Page 28: 1- elements , gathering or producing the visuals elements (pictures & texts)](https://reader030.vdocument.in/reader030/viewer/2022032415/5681344b550346895d9b3139/html5/thumbnails/28.jpg)
![Page 29: 1- elements , gathering or producing the visuals elements (pictures & texts)](https://reader030.vdocument.in/reader030/viewer/2022032415/5681344b550346895d9b3139/html5/thumbnails/29.jpg)
![Page 30: 1- elements , gathering or producing the visuals elements (pictures & texts)](https://reader030.vdocument.in/reader030/viewer/2022032415/5681344b550346895d9b3139/html5/thumbnails/30.jpg)
![Page 31: 1- elements , gathering or producing the visuals elements (pictures & texts)](https://reader030.vdocument.in/reader030/viewer/2022032415/5681344b550346895d9b3139/html5/thumbnails/31.jpg)
Balance
The weight of the elements in a display should equally distributed on each side of an axis, either horizontally or vertically or both.
In some cases in order to catch the eyes you may use asymmetrical or informal balance.
Avoid imbalance because it tends to be Jarring
![Page 32: 1- elements , gathering or producing the visuals elements (pictures & texts)](https://reader030.vdocument.in/reader030/viewer/2022032415/5681344b550346895d9b3139/html5/thumbnails/32.jpg)
![Page 33: 1- elements , gathering or producing the visuals elements (pictures & texts)](https://reader030.vdocument.in/reader030/viewer/2022032415/5681344b550346895d9b3139/html5/thumbnails/33.jpg)
Style
Your choice of lettering and type of pictures should be consistent with each other and with the preferences of the audience
Students, artists, religious groups,
![Page 34: 1- elements , gathering or producing the visuals elements (pictures & texts)](https://reader030.vdocument.in/reader030/viewer/2022032415/5681344b550346895d9b3139/html5/thumbnails/34.jpg)
Color appeal
Blue, green, and violet are considered cool colorsWhereas red and orange are considered warm colors.
![Page 35: 1- elements , gathering or producing the visuals elements (pictures & texts)](https://reader030.vdocument.in/reader030/viewer/2022032415/5681344b550346895d9b3139/html5/thumbnails/35.jpg)
![Page 36: 1- elements , gathering or producing the visuals elements (pictures & texts)](https://reader030.vdocument.in/reader030/viewer/2022032415/5681344b550346895d9b3139/html5/thumbnails/36.jpg)
Warm colors are associated with action, dynamic, and warm feeling
And cool colors are associated with contemplative, thoughtful, cool feeling
Also warm colors appear to approach the viewer while cool colors tend to recede.
Children seem to prefer warm colors (particularly, red, pink, yellow, and orange, brighter
colors and combinations of intense colors)
![Page 37: 1- elements , gathering or producing the visuals elements (pictures & texts)](https://reader030.vdocument.in/reader030/viewer/2022032415/5681344b550346895d9b3139/html5/thumbnails/37.jpg)
![Page 38: 1- elements , gathering or producing the visuals elements (pictures & texts)](https://reader030.vdocument.in/reader030/viewer/2022032415/5681344b550346895d9b3139/html5/thumbnails/38.jpg)
Teacher Education
• Pre Service• In Service• Post Service
![Page 39: 1- elements , gathering or producing the visuals elements (pictures & texts)](https://reader030.vdocument.in/reader030/viewer/2022032415/5681344b550346895d9b3139/html5/thumbnails/39.jpg)
ArrangementRules
![Page 40: 1- elements , gathering or producing the visuals elements (pictures & texts)](https://reader030.vdocument.in/reader030/viewer/2022032415/5681344b550346895d9b3139/html5/thumbnails/40.jpg)
Arrangement
1- Proximity 2. Directionals,
3- Figure and ground, 4- Consistency
![Page 41: 1- elements , gathering or producing the visuals elements (pictures & texts)](https://reader030.vdocument.in/reader030/viewer/2022032415/5681344b550346895d9b3139/html5/thumbnails/41.jpg)
![Page 42: 1- elements , gathering or producing the visuals elements (pictures & texts)](https://reader030.vdocument.in/reader030/viewer/2022032415/5681344b550346895d9b3139/html5/thumbnails/42.jpg)
1- proximity, viewers assume that elements close to each
other are related
![Page 43: 1- elements , gathering or producing the visuals elements (pictures & texts)](https://reader030.vdocument.in/reader030/viewer/2022032415/5681344b550346895d9b3139/html5/thumbnails/43.jpg)
![Page 44: 1- elements , gathering or producing the visuals elements (pictures & texts)](https://reader030.vdocument.in/reader030/viewer/2022032415/5681344b550346895d9b3139/html5/thumbnails/44.jpg)
2. directionals, You can use arrows to direct the viewer’s attention
![Page 45: 1- elements , gathering or producing the visuals elements (pictures & texts)](https://reader030.vdocument.in/reader030/viewer/2022032415/5681344b550346895d9b3139/html5/thumbnails/45.jpg)
![Page 46: 1- elements , gathering or producing the visuals elements (pictures & texts)](https://reader030.vdocument.in/reader030/viewer/2022032415/5681344b550346895d9b3139/html5/thumbnails/46.jpg)
3- figure and ground,
important elements, especially wording, should stand out in good contrast to the background.
The simple rule of figure and ground is that dark figures show up best in on light ground and light figures show up best on dark
grounds.
![Page 47: 1- elements , gathering or producing the visuals elements (pictures & texts)](https://reader030.vdocument.in/reader030/viewer/2022032415/5681344b550346895d9b3139/html5/thumbnails/47.jpg)
![Page 48: 1- elements , gathering or producing the visuals elements (pictures & texts)](https://reader030.vdocument.in/reader030/viewer/2022032415/5681344b550346895d9b3139/html5/thumbnails/48.jpg)
Russia launches enhanced rocket in test
March 21, 2000 Web posted at: 10:12 AM EST (1512 GMT) MOSCOW (AP) -- Russia successfully launched a rocket designed to put payloads higher into orbit in a rehearsal for the launch of a group of research satellites this summer, space officials said Tuesday. A Soyuz booster equipped with a Fregat accelerator unit placed a mock-up Cluster II satellite into orbit after blasting off from the Baikonur cosmodrome in Kazakhstan on Monday night.
![Page 49: 1- elements , gathering or producing the visuals elements (pictures & texts)](https://reader030.vdocument.in/reader030/viewer/2022032415/5681344b550346895d9b3139/html5/thumbnails/49.jpg)
Russia launches enhanced rocket in test
March 21, 2000 Web posted at: 10:12 AM EST (1512 GMT) MOSCOW (AP) -- Russia successfully launched a rocket designed to put payloads higher into orbit in a rehearsal for the launch of a group of research satellites this summer, space officials said Tuesday. A Soyuz booster equipped with a Fregat accelerator unit placed a mock-up Cluster II satellite into orbit after blasting off from the Baikonur cosmodrome in Kazakhstan on Monday night.
![Page 50: 1- elements , gathering or producing the visuals elements (pictures & texts)](https://reader030.vdocument.in/reader030/viewer/2022032415/5681344b550346895d9b3139/html5/thumbnails/50.jpg)
Russia launches enhanced rocket in test
March 21, 2000 Web posted at: 10:12 AM EST (1512 GMT) MOSCOW (AP) -- Russia successfully launched a rocket designed to put payloads higher into orbit in a rehearsal for the launch of a group of research satellites this summer, space officials said Tuesday. A Soyuz booster equipped with a Fregat accelerator unit placed a mock-up Cluster II satellite into orbit after blasting off from the Baikonur cosmodrome in Kazakhstan on Monday night.
![Page 51: 1- elements , gathering or producing the visuals elements (pictures & texts)](https://reader030.vdocument.in/reader030/viewer/2022032415/5681344b550346895d9b3139/html5/thumbnails/51.jpg)
4- Consistency,every time the arrangement breaks the rules,
viewers have to expend mental energy deciding whether this is
a deliberate exception or whether they need to revise the rule
![Page 52: 1- elements , gathering or producing the visuals elements (pictures & texts)](https://reader030.vdocument.in/reader030/viewer/2022032415/5681344b550346895d9b3139/html5/thumbnails/52.jpg)
A color repeated in different parts of
a display tends to show a relationship between those parts.
e.g.,,Titles, Notes, Links, Exercises, Icons,
![Page 53: 1- elements , gathering or producing the visuals elements (pictures & texts)](https://reader030.vdocument.in/reader030/viewer/2022032415/5681344b550346895d9b3139/html5/thumbnails/53.jpg)
Title
Text Text Text TextText Text Text TextText Text Text TextText Text Text TextText Text Text TextText Text Text TextText Text Text TextText Text Text Text
![Page 54: 1- elements , gathering or producing the visuals elements (pictures & texts)](https://reader030.vdocument.in/reader030/viewer/2022032415/5681344b550346895d9b3139/html5/thumbnails/54.jpg)
Title
Text Text Text TextText Text Text TextText Text Text TextText Text Text TextText Text Text TextText Text Text TextText Text Text TextText Text Text Text
![Page 55: 1- elements , gathering or producing the visuals elements (pictures & texts)](https://reader030.vdocument.in/reader030/viewer/2022032415/5681344b550346895d9b3139/html5/thumbnails/55.jpg)
• http://www.brainpop.com/science/seeall
![Page 56: 1- elements , gathering or producing the visuals elements (pictures & texts)](https://reader030.vdocument.in/reader030/viewer/2022032415/5681344b550346895d9b3139/html5/thumbnails/56.jpg)
• http://www.fearofphysics.com/SunMoon/sunmoon1.html
• http://www.astro.wisc.edu/~dolan/java/MoonPhase.html
• http://www.noao.edu/education/phases/phases_demo.html
• http://www.chabotspace.org/vsc/planetarium/themoon/moonphases/default.asp
![Page 57: 1- elements , gathering or producing the visuals elements (pictures & texts)](https://reader030.vdocument.in/reader030/viewer/2022032415/5681344b550346895d9b3139/html5/thumbnails/57.jpg)