CARP – Contrast, Alignment, Repetition, and Proximity
The users of my final project will be students from grades 4-12 and adult instructors. The majority of the students are advanced readers. This is new to students and is designed to provide an overview of the basic programming commands that will be used during this unit. These commands will be used by students and instructions regularly in our robotics program. I thought this would be a good design need to focus on applying CARP (contrast, alignment, repetition, and proximity) to because there are multiple sections that are related, but still need to show some separation.
I tried to create contrast by adjusting the size, weight, and colors of the heading, subtitle for the type of command, and the text that describes the commands. I used a left-alignment for the text that describes the commands and according to Lohr (2008), “One of the most important things to remember about alignment is that text should be left-aligned for easier reading in western cultures” (p. 201). For the subtitles of types of commands, I decided to add a shadow of color that relates to the color of the commands. I consistently used the font Trebuchet throughout the design. I also added a curved box around the title to match the shape of the programming command icons. Lohr (2008) states, “Repetition can create a sense of harmony and unity. When you repeat similar colors in a display, or similar typeface, you imply relationships” (p. 203). As for proximity, I used a larger amount of space between each section of the type of commands to show separation between them. I made sure to use the same amount of space before the procedure commands subtitle and the lights and sensors commands subtitle following the previous section.
I had a friend look at my design and we discussed the contrast alignment, repetition, and proximity of the different parts of it. I originally had a more squared box around the title, but rounded the edges a lot more in order to make it look more like the command icons based on his suggestion. The second suggestion was to add the shadow of color in the subtitles that relates to the command icons to help tie them together. I think that made a big difference in also showing separation between each type of command.
Lohr, L. (2008). Creating graphics for learning and performance (2nd ed.). Upper Saddle River, NJ: Pearson Education.