Ask anyone what their favourite sandwich is, and I’m willing to bet they’ll have an answer for you. “What does this have to do with Graphic Design?” you may well ask. Stay with me, people!
While browsing my Instagram feed, I came across this beautiful post by the good folk at Dschwen Design Studio:
Those who know me, will know just how excited I got by the brilliant simplicity of their Typographic Sandwich project – especially when I thought about the huge potential it has for introducing students to some Graphic Design basics, while learning a little bit about them in the process.
On the surface, one might think there is nothing much to this: after all, change a few words and colours, and you’re done. But there is so much to explore within these restrictions. In the words of interface designer Aza Raskin,
“Design is the beauty of turning constraints into advantages.”
Let me share some advantages with you.
Almost everyone can think of a sandwich combination, even if it’s not a favourite. The entry points are such that students won’t be blocked by coming up with ideas. For EAL learners, options include the use of visuals (a quick search for their favourite sandwich can be done in any language), and/or the use of the child’s home language to create the finished product.
The Typographic Sandwich is an activity in which all students can achieve success. The font (Helvetica Bold) remains the same throughout. The devil is in the details – and that’s where the CARP design principles come in.
COMPLETE INTRODUCTION to CARP DESIGN PRINCIPLES
Contrast, Alignment, Repetition and Proximity all come into play here. For more insight into each principle, please check out Design Secrets Revealed.
Contrast – All words need to be easily read, meaning they need to stand out sufficiently from the background. A background colour needs to be selected so that every word is readable.
Alignment – This really is the area in which the bulk of the design challenge exists.
Secondary-Click > Align Objects > Left, brings all text boxes into the same alignment on the left.
Similarly, Secondary Click > Distribute Objects > Vertically, equally distributes objects vertically between the first and last object selected.
Repetition – exists here in the form of the font (Helvetica Bold) and the size of the text.
Proximity – the location/position of both the names of the people and the sandwich text are the same in each of the three examples. This is no accident. By selecting the sandwich words, and looking at the Arrange tab on the right, I can see the X position of each item is 281. I can select the items on the other slides and ensure they also have the same position, thus ensuring a cohesive overall feel to the presentation.
Using the eye dropper tool in Keynote, students can match colours from images they have found of their perfect sandwich, or they can make an educated guess. Regardless, this is an excellent technique for students to learn.
Connecting to the students in my classes and learning more about them has always been important to me as an educator. While preparing these examples for you, I asked the members of my Tech team to share their favourite sandwiches, and it gave me a unique insight into their likes and dislikes, and I learned a lot too! Karolis taught me that there IS a difference between Aoli (Italian) and Alioli (Spanish), and in his opinion, the latter was infinitely preferable. From Jorge, I learned about Arepas – something I had never come across in my travels thus far. What might this teach you about the students in your class? How might your interaction with them be strengthened as a result of this connection?
If you would like to share your examples with me, please feel free to add them to this collaborative Google Slides presentation. I simply exported my Keynote slides as images, and added them to the presentation.