Menu
Grouping
In the ninth installment of Before and After, I had the task to group elements to increase comprehension for the learner to understand the different parts of an image. I selected the "Behavior Genetics" image since the pictures and text were not proximal enough for the learner to fully understand the difference between the two elements. Furthermore, the black background and red text made the image very difficult to read.
In the after image, I decided to follow the rule of thirds which has the title at top and the pictures and text information below the title. I placed the pictures and the text close to each other in the bottom two rows, so the learner can easily refer back to the image to gain understanding of the material. This effect is known as the spatial contiguity principle, which was created by Richard Mayer (Reed, 2006).
I made the boxes the color yellow to made the text stand out for the learner in the after image. The background color utilized was a brown, so the warm colors in the boxes could make the information stand out for the learner. Red font was used for the title to gain excitement for the learner to understand what information the instructor was talking about in this image.
In the after image, I decided to follow the rule of thirds which has the title at top and the pictures and text information below the title. I placed the pictures and the text close to each other in the bottom two rows, so the learner can easily refer back to the image to gain understanding of the material. This effect is known as the spatial contiguity principle, which was created by Richard Mayer (Reed, 2006).
I made the boxes the color yellow to made the text stand out for the learner in the after image. The background color utilized was a brown, so the warm colors in the boxes could make the information stand out for the learner. Red font was used for the title to gain excitement for the learner to understand what information the instructor was talking about in this image.
beforegrouping.png | |
File Size: | 255 kb |
File Type: | png |
aftergrouping.jpg | |
File Size: | 307 kb |
File Type: | jpg |
aftergrouping.psd | |
File Size: | 4681 kb |
File Type: | psd |