![Page 1: Process of visual Development. 1- elements, gathering or producing the visuals elements (pictures & texts) Based on your goals & objectives and students’](https://reader036.vdocument.in/reader036/viewer/2022062722/56649f315503460f94c4d5da/html5/thumbnails/1.jpg)
Process of visual Development
![Page 2: Process of visual Development. 1- elements, gathering or producing the visuals elements (pictures & texts) Based on your goals & objectives and students’](https://reader036.vdocument.in/reader036/viewer/2022062722/56649f315503460f94c4d5da/html5/thumbnails/2.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 3: Process of visual Development. 1- elements, gathering or producing the visuals elements (pictures & texts) Based on your goals & objectives and students’](https://reader036.vdocument.in/reader036/viewer/2022062722/56649f315503460f94c4d5da/html5/thumbnails/3.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 4: Process of visual Development. 1- elements, gathering or producing the visuals elements (pictures & texts) Based on your goals & objectives and students’](https://reader036.vdocument.in/reader036/viewer/2022062722/56649f315503460f94c4d5da/html5/thumbnails/4.jpg)
3- arrangement,
arrange the items within the pattern.
![Page 5: Process of visual Development. 1- elements, gathering or producing the visuals elements (pictures & texts) Based on your goals & objectives and students’](https://reader036.vdocument.in/reader036/viewer/2022062722/56649f315503460f94c4d5da/html5/thumbnails/5.jpg)
Add Appeal
1- Surprise or Uniqueness2- Texture3- Interaction
![Page 6: Process of visual Development. 1- elements, gathering or producing the visuals elements (pictures & texts) Based on your goals & objectives and students’](https://reader036.vdocument.in/reader036/viewer/2022062722/56649f315503460f94c4d5da/html5/thumbnails/6.jpg)
1- Surprise or Uniqueness
people pay attention as long as they are getting novel stimuli or new information.
They tune out when the message becomes monotonous
![Page 7: Process of visual Development. 1- elements, gathering or producing the visuals elements (pictures & texts) Based on your goals & objectives and students’](https://reader036.vdocument.in/reader036/viewer/2022062722/56649f315503460f94c4d5da/html5/thumbnails/7.jpg)
Unique Color
![Page 8: Process of visual Development. 1- elements, gathering or producing the visuals elements (pictures & texts) Based on your goals & objectives and students’](https://reader036.vdocument.in/reader036/viewer/2022062722/56649f315503460f94c4d5da/html5/thumbnails/8.jpg)
Picture One
![Page 9: Process of visual Development. 1- elements, gathering or producing the visuals elements (pictures & texts) Based on your goals & objectives and students’](https://reader036.vdocument.in/reader036/viewer/2022062722/56649f315503460f94c4d5da/html5/thumbnails/9.jpg)
Picture Two
![Page 10: Process of visual Development. 1- elements, gathering or producing the visuals elements (pictures & texts) Based on your goals & objectives and students’](https://reader036.vdocument.in/reader036/viewer/2022062722/56649f315503460f94c4d5da/html5/thumbnails/10.jpg)
Unique Size
![Page 11: Process of visual Development. 1- elements, gathering or producing the visuals elements (pictures & texts) Based on your goals & objectives and students’](https://reader036.vdocument.in/reader036/viewer/2022062722/56649f315503460f94c4d5da/html5/thumbnails/11.jpg)
Picture One
![Page 12: Process of visual Development. 1- elements, gathering or producing the visuals elements (pictures & texts) Based on your goals & objectives and students’](https://reader036.vdocument.in/reader036/viewer/2022062722/56649f315503460f94c4d5da/html5/thumbnails/12.jpg)
Picture Three
![Page 13: Process of visual Development. 1- elements, gathering or producing the visuals elements (pictures & texts) Based on your goals & objectives and students’](https://reader036.vdocument.in/reader036/viewer/2022062722/56649f315503460f94c4d5da/html5/thumbnails/13.jpg)
Unique Background
![Page 14: Process of visual Development. 1- elements, gathering or producing the visuals elements (pictures & texts) Based on your goals & objectives and students’](https://reader036.vdocument.in/reader036/viewer/2022062722/56649f315503460f94c4d5da/html5/thumbnails/14.jpg)
Picture One
![Page 15: Process of visual Development. 1- elements, gathering or producing the visuals elements (pictures & texts) Based on your goals & objectives and students’](https://reader036.vdocument.in/reader036/viewer/2022062722/56649f315503460f94c4d5da/html5/thumbnails/15.jpg)
Picture Four
![Page 16: Process of visual Development. 1- elements, gathering or producing the visuals elements (pictures & texts) Based on your goals & objectives and students’](https://reader036.vdocument.in/reader036/viewer/2022062722/56649f315503460f94c4d5da/html5/thumbnails/16.jpg)
Unique Shape
![Page 17: Process of visual Development. 1- elements, gathering or producing the visuals elements (pictures & texts) Based on your goals & objectives and students’](https://reader036.vdocument.in/reader036/viewer/2022062722/56649f315503460f94c4d5da/html5/thumbnails/17.jpg)
Picture One
![Page 18: Process of visual Development. 1- elements, gathering or producing the visuals elements (pictures & texts) Based on your goals & objectives and students’](https://reader036.vdocument.in/reader036/viewer/2022062722/56649f315503460f94c4d5da/html5/thumbnails/18.jpg)
Picture Five
![Page 19: Process of visual Development. 1- elements, gathering or producing the visuals elements (pictures & texts) Based on your goals & objectives and students’](https://reader036.vdocument.in/reader036/viewer/2022062722/56649f315503460f94c4d5da/html5/thumbnails/19.jpg)
Picture Six
![Page 20: Process of visual Development. 1- elements, gathering or producing the visuals elements (pictures & texts) Based on your goals & objectives and students’](https://reader036.vdocument.in/reader036/viewer/2022062722/56649f315503460f94c4d5da/html5/thumbnails/20.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 21: Process of visual Development. 1- elements, gathering or producing the visuals elements (pictures & texts) Based on your goals & objectives and students’](https://reader036.vdocument.in/reader036/viewer/2022062722/56649f315503460f94c4d5da/html5/thumbnails/21.jpg)
Picture One
![Page 22: Process of visual Development. 1- elements, gathering or producing the visuals elements (pictures & texts) Based on your goals & objectives and students’](https://reader036.vdocument.in/reader036/viewer/2022062722/56649f315503460f94c4d5da/html5/thumbnails/22.jpg)
Picture Seven
![Page 23: Process of visual Development. 1- elements, gathering or producing the visuals elements (pictures & texts) Based on your goals & objectives and students’](https://reader036.vdocument.in/reader036/viewer/2022062722/56649f315503460f94c4d5da/html5/thumbnails/23.jpg)
3-Interaction
Viewers may be asked to respond to visual displays
![Page 24: Process of visual Development. 1- elements, gathering or producing the visuals elements (pictures & texts) Based on your goals & objectives and students’](https://reader036.vdocument.in/reader036/viewer/2022062722/56649f315503460f94c4d5da/html5/thumbnails/24.jpg)
This is a circle Complete the Circle
![Page 25: Process of visual Development. 1- elements, gathering or producing the visuals elements (pictures & texts) Based on your goals & objectives and students’](https://reader036.vdocument.in/reader036/viewer/2022062722/56649f315503460f94c4d5da/html5/thumbnails/25.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 26: Process of visual Development. 1- elements, gathering or producing the visuals elements (pictures & texts) Based on your goals & objectives and students’](https://reader036.vdocument.in/reader036/viewer/2022062722/56649f315503460f94c4d5da/html5/thumbnails/26.jpg)
1- alignment of elements
![Page 27: Process of visual Development. 1- elements, gathering or producing the visuals elements (pictures & texts) Based on your goals & objectives and students’](https://reader036.vdocument.in/reader036/viewer/2022062722/56649f315503460f94c4d5da/html5/thumbnails/27.jpg)
![Page 28: Process of visual Development. 1- elements, gathering or producing the visuals elements (pictures & texts) Based on your goals & objectives and students’](https://reader036.vdocument.in/reader036/viewer/2022062722/56649f315503460f94c4d5da/html5/thumbnails/28.jpg)
![Page 29: Process of visual Development. 1- elements, gathering or producing the visuals elements (pictures & texts) Based on your goals & objectives and students’](https://reader036.vdocument.in/reader036/viewer/2022062722/56649f315503460f94c4d5da/html5/thumbnails/29.jpg)
![Page 30: Process of visual Development. 1- elements, gathering or producing the visuals elements (pictures & texts) Based on your goals & objectives and students’](https://reader036.vdocument.in/reader036/viewer/2022062722/56649f315503460f94c4d5da/html5/thumbnails/30.jpg)
![Page 31: Process of visual Development. 1- elements, gathering or producing the visuals elements (pictures & texts) Based on your goals & objectives and students’](https://reader036.vdocument.in/reader036/viewer/2022062722/56649f315503460f94c4d5da/html5/thumbnails/31.jpg)
2- Unique Patterns
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 32: Process of visual Development. 1- elements, gathering or producing the visuals elements (pictures & texts) Based on your goals & objectives and students’](https://reader036.vdocument.in/reader036/viewer/2022062722/56649f315503460f94c4d5da/html5/thumbnails/32.jpg)
![Page 33: Process of visual Development. 1- elements, gathering or producing the visuals elements (pictures & texts) Based on your goals & objectives and students’](https://reader036.vdocument.in/reader036/viewer/2022062722/56649f315503460f94c4d5da/html5/thumbnails/33.jpg)
![Page 34: Process of visual Development. 1- elements, gathering or producing the visuals elements (pictures & texts) Based on your goals & objectives and students’](https://reader036.vdocument.in/reader036/viewer/2022062722/56649f315503460f94c4d5da/html5/thumbnails/34.jpg)
![Page 35: Process of visual Development. 1- elements, gathering or producing the visuals elements (pictures & texts) Based on your goals & objectives and students’](https://reader036.vdocument.in/reader036/viewer/2022062722/56649f315503460f94c4d5da/html5/thumbnails/35.jpg)
![Page 36: Process of visual Development. 1- elements, gathering or producing the visuals elements (pictures & texts) Based on your goals & objectives and students’](https://reader036.vdocument.in/reader036/viewer/2022062722/56649f315503460f94c4d5da/html5/thumbnails/36.jpg)
![Page 37: Process of visual Development. 1- elements, gathering or producing the visuals elements (pictures & texts) Based on your goals & objectives and students’](https://reader036.vdocument.in/reader036/viewer/2022062722/56649f315503460f94c4d5da/html5/thumbnails/37.jpg)
3- Balance
![Page 38: Process of visual Development. 1- elements, gathering or producing the visuals elements (pictures & texts) Based on your goals & objectives and students’](https://reader036.vdocument.in/reader036/viewer/2022062722/56649f315503460f94c4d5da/html5/thumbnails/38.jpg)
![Page 39: Process of visual Development. 1- elements, gathering or producing the visuals elements (pictures & texts) Based on your goals & objectives and students’](https://reader036.vdocument.in/reader036/viewer/2022062722/56649f315503460f94c4d5da/html5/thumbnails/39.jpg)
4- Style & Taste
Your choice of lettering and type of pictures should be Based on the preferences of the audience
Students, artists, religious groups,
![Page 40: Process of visual Development. 1- elements, gathering or producing the visuals elements (pictures & texts) Based on your goals & objectives and students’](https://reader036.vdocument.in/reader036/viewer/2022062722/56649f315503460f94c4d5da/html5/thumbnails/40.jpg)
5- Color scheme
Consider the harmoniousness of the colors. Pleasant color harmony vs clashing colors
![Page 41: Process of visual Development. 1- elements, gathering or producing the visuals elements (pictures & texts) Based on your goals & objectives and students’](https://reader036.vdocument.in/reader036/viewer/2022062722/56649f315503460f94c4d5da/html5/thumbnails/41.jpg)
complementary colors
Could be used as the text and background colors.
Analogous colors
combinations when used together in a display.
![Page 42: Process of visual Development. 1- elements, gathering or producing the visuals elements (pictures & texts) Based on your goals & objectives and students’](https://reader036.vdocument.in/reader036/viewer/2022062722/56649f315503460f94c4d5da/html5/thumbnails/42.jpg)
![Page 43: Process of visual Development. 1- elements, gathering or producing the visuals elements (pictures & texts) Based on your goals & objectives and students’](https://reader036.vdocument.in/reader036/viewer/2022062722/56649f315503460f94c4d5da/html5/thumbnails/43.jpg)
6- Color appeal
Blue, green, and violet are considered cool colorsWhereas red and orange are considered warm colors.
![Page 44: Process of visual Development. 1- elements, gathering or producing the visuals elements (pictures & texts) Based on your goals & objectives and students’](https://reader036.vdocument.in/reader036/viewer/2022062722/56649f315503460f94c4d5da/html5/thumbnails/44.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 45: Process of visual Development. 1- elements, gathering or producing the visuals elements (pictures & texts) Based on your goals & objectives and students’](https://reader036.vdocument.in/reader036/viewer/2022062722/56649f315503460f94c4d5da/html5/thumbnails/45.jpg)
![Page 46: Process of visual Development. 1- elements, gathering or producing the visuals elements (pictures & texts) Based on your goals & objectives and students’](https://reader036.vdocument.in/reader036/viewer/2022062722/56649f315503460f94c4d5da/html5/thumbnails/46.jpg)
Teacher Education
• Pre Service• In Service• Post Service
![Page 47: Process of visual Development. 1- elements, gathering or producing the visuals elements (pictures & texts) Based on your goals & objectives and students’](https://reader036.vdocument.in/reader036/viewer/2022062722/56649f315503460f94c4d5da/html5/thumbnails/47.jpg)
![Page 48: Process of visual Development. 1- elements, gathering or producing the visuals elements (pictures & texts) Based on your goals & objectives and students’](https://reader036.vdocument.in/reader036/viewer/2022062722/56649f315503460f94c4d5da/html5/thumbnails/48.jpg)
ArrangementRules
![Page 49: Process of visual Development. 1- elements, gathering or producing the visuals elements (pictures & texts) Based on your goals & objectives and students’](https://reader036.vdocument.in/reader036/viewer/2022062722/56649f315503460f94c4d5da/html5/thumbnails/49.jpg)
1- Proximity 2. Directionals3- Figure and ground, 4- Consistency
Arrangement
![Page 50: Process of visual Development. 1- elements, gathering or producing the visuals elements (pictures & texts) Based on your goals & objectives and students’](https://reader036.vdocument.in/reader036/viewer/2022062722/56649f315503460f94c4d5da/html5/thumbnails/50.jpg)
1- Proximity
![Page 51: Process of visual Development. 1- elements, gathering or producing the visuals elements (pictures & texts) Based on your goals & objectives and students’](https://reader036.vdocument.in/reader036/viewer/2022062722/56649f315503460f94c4d5da/html5/thumbnails/51.jpg)
![Page 52: Process of visual Development. 1- elements, gathering or producing the visuals elements (pictures & texts) Based on your goals & objectives and students’](https://reader036.vdocument.in/reader036/viewer/2022062722/56649f315503460f94c4d5da/html5/thumbnails/52.jpg)
Proximity
![Page 53: Process of visual Development. 1- elements, gathering or producing the visuals elements (pictures & texts) Based on your goals & objectives and students’](https://reader036.vdocument.in/reader036/viewer/2022062722/56649f315503460f94c4d5da/html5/thumbnails/53.jpg)
2. Directionals
![Page 54: Process of visual Development. 1- elements, gathering or producing the visuals elements (pictures & texts) Based on your goals & objectives and students’](https://reader036.vdocument.in/reader036/viewer/2022062722/56649f315503460f94c4d5da/html5/thumbnails/54.jpg)
![Page 55: Process of visual Development. 1- elements, gathering or producing the visuals elements (pictures & texts) Based on your goals & objectives and students’](https://reader036.vdocument.in/reader036/viewer/2022062722/56649f315503460f94c4d5da/html5/thumbnails/55.jpg)
important elements, especially wording, should stand out in good contrast to the background. T
he 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.
3- Figure and ground,
![Page 56: Process of visual Development. 1- elements, gathering or producing the visuals elements (pictures & texts) Based on your goals & objectives and students’](https://reader036.vdocument.in/reader036/viewer/2022062722/56649f315503460f94c4d5da/html5/thumbnails/56.jpg)
![Page 57: Process of visual Development. 1- elements, gathering or producing the visuals elements (pictures & texts) Based on your goals & objectives and students’](https://reader036.vdocument.in/reader036/viewer/2022062722/56649f315503460f94c4d5da/html5/thumbnails/57.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 58: Process of visual Development. 1- elements, gathering or producing the visuals elements (pictures & texts) Based on your goals & objectives and students’](https://reader036.vdocument.in/reader036/viewer/2022062722/56649f315503460f94c4d5da/html5/thumbnails/58.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 59: Process of visual Development. 1- elements, gathering or producing the visuals elements (pictures & texts) Based on your goals & objectives and students’](https://reader036.vdocument.in/reader036/viewer/2022062722/56649f315503460f94c4d5da/html5/thumbnails/59.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 60: Process of visual Development. 1- elements, gathering or producing the visuals elements (pictures & texts) Based on your goals & objectives and students’](https://reader036.vdocument.in/reader036/viewer/2022062722/56649f315503460f94c4d5da/html5/thumbnails/60.jpg)
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
4- Consistency
![Page 61: Process of visual Development. 1- elements, gathering or producing the visuals elements (pictures & texts) Based on your goals & objectives and students’](https://reader036.vdocument.in/reader036/viewer/2022062722/56649f315503460f94c4d5da/html5/thumbnails/61.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 62: Process of visual Development. 1- elements, gathering or producing the visuals elements (pictures & texts) Based on your goals & objectives and students’](https://reader036.vdocument.in/reader036/viewer/2022062722/56649f315503460f94c4d5da/html5/thumbnails/62.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