Why the Humble Sandwich Should Be Your Next Graphic Design Project

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.

EASY ACCESS
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.

ACHIEVABLE
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.

COLOUR MATCHING
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.

PASTORAL CONNECTIONS
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.

Good Design Could be a Matter of Life or Death

After the snafu at the Oscars this year, people became a little more aware of the role poor graphic design can have on people making errors. The following video highlights this, along with poorly designed voting ballots and medical pill bottles.

But what does this have to do with schools?

At our school, like the majority of schools I know, we have a number of students with serious allergies – some of them life-threatening. Knowing which students have allergies and how they need to be treated is extremely significant.

Our sharing procedure (following meetings at the start of the school year) was to have this list of students up around the staffroom and in key areas staff gather (names/photos have been blurred for privacy reasons).

On an A4 sheet of paper, each student photo is about the size of one fingernail. Pretty hard to distinguish in a hurry. The text was also tiny, so if a quick assessment of a student’s allergies was required, a teacher would have to read through a tiny font to find out the details.

I thought about what information was most important for staff to know about the students with allergies. I came up with bigger images, an icon to represent each allergy, together with the class & grade the student is in, and a description of what to do if they are having an allergic reaction.

I designed icons using Keynote and used Pages for the template.

My redesign looked like this (borrowing my son’s name/image for template purposes!):

The finished template is also an A4 piece of paper, but is much easier to recognise students and allergies due to the size of the image and icons. Names and class information are also easier to see, along with descriptions of students’ allergies and medical plans.

Graphic design could be a matter of life or death. Perhaps this is a good opportunity to see if your health and safety information is as clear as it needs to be.

I would love your feedback 🙂

Wonder-full Portraits

As I mentioned in my previous post, Classroom Design Matters, Miles Beasley‘s Grade 6 classroom has a design focused on the book Wonder, by R. J. Palacio.

To build community with the 3 classes he teaches, he asked each class to draw a self-portrait in the style of the cover of Wonder.

IMG_9225

FullSizeRender (3)Using an iPad, each student took a selfie in the classroom, and added it as a photo layer in the free app Adobe Ilustrator Draw [NB, as the students are under 13, they logged in with a class account Miles had created]. They turned the opacity slider down, then moved to the draw layer to trace around their features.

Using a brush size of about 4 points, they went around the outside of their face. Zooming in, and reducing the size of the brush to 2.5 or so points, meant they could get more detail around the eyes.

Some students had good results colouring their hair in entirely in black. Others went black at first, and painted in strands of white to show detail. Some preferred general lines to indicate the contours of their hair.

Once complete, the photo layer was either turned off or had the opacity slider turned right down, leaving you with the finished portrait.

Students seemed to enjoy the exercise, and it was nice for them to try a new app in the first week of school. Having the photo underneath, meant all students were able to complete a portrait they were pleased with.

It was easy for the students to export the finished portrait to the camera roll, then airdrop it to their MacBook Air, where they shared it in a specially created Google Drive folder.

Another of our favourite features of Wonder are the precepts Auggie’s teacher Mr Browne shares with the students each week. Miles followed this lead, by getting the students to search for a quote that resonated with them, which then formed part of the classroom display, together with their portraits.

As an English/Humanities teacher, it was a great opportunity for Miles to reinforce the importance of attributing one’s sources, and checking the validity of the quote.

IMG_9230

 

Classroom Design Matters

As a classroom teacher, one of the most exciting aspects of starting a new school year was organising the classroom learning spaces. Where would the desks go? Can everyone see the board properly? Can everyone move around the room easily?

While I took a great deal of time thinking about the physical objects, I didn’t spend as much time thinking of the use of display areas in my classroom – how students would learn best using the materials selected for display. The classroom environment truly is The Third Teacher.

As my love and appreciation of design has developed, I have noticed those who make a considerable effort to consider an holistic view of classroom design. Physical space, classroom displays, learning opportunities, student preferences, movement of people – all contribute to an engaging learning environment and a positive learning climate.

Flexible Learning Spaces

Effective teachers are catering for a rStanding up desks Jakiange of learning preferences in their classrooms. Jaki Graham, Grade 3 teacher has a combination of traditional group desk formations, standing up desks, low tables with cushions, and bean bags in her class set up this year. “I want students to be able to choose a space to work at which suits them best,” she said.

Standing up DesksFellow Grade 3 teacher Kim Duffy experimented with stand up desks last year, and she noted how much of a difference it made to her more fidgety students. “It really helped them focus,” she explained.

Nicole Tripp, who teaches Grade 4, has also provided the option of stand up desks for her students (see photo, left).

Comfortable Furnishings

Traditionally, a comfy chair was a privilege only given to teachers. Nowadays, we recognise that, like adults, all learners enjoy working in comfortable environments. Many teachers, like Anne Marie Chow, Middle school Literacy Coach, organise armchairs, lamps, or couches in their classrooms, which make them feel more like homes than classrooms.

FullSizeRender_3Heather Kingston, Head of Grade 6, has Turkish carpets, armchairs, as well as bright red couches and cushions, which gives her room an inviting feel.

If you were a student in these classrooms, you’d want to settle in some of these places, surely!


Theme for the Year

IMG_8943Some teachers select a theme which sets the tone for the classroom experience in the year ahead. Middle school English teacher Paula Guinto has taken this approach for a number of years. This academic year, her theme is “Level Up”.

Her classroom features retro-inspired game elements, from Mario Bros to Pac Man, and invites her students to level up their thinking. Paula shares that for her, the theme is a chance to set the tone and allow her to focus her energies on teaching and learning.IMG_8940

She explains,

“Big picture though, it’s really an act of love. I put a lot into it because I want the kids to know that I love them. That I value their space and the time they spend in it. That they inspire me. To be creative. To be a learner. To be better in what I do. It’s a way for me to say, this space is safe, that I have your back, that from the very beginning, they are the priority and yeah, we’re in this together.” 

Middle school English and Humanities teacher Miles Beasley has worked with themes for the past 2 years. Each theme was carefully chosen to pass on a message about the year ahead to the students he teaches. Last year’s theme was around Dr Seuss’s book “Oh the Places You’ll Go” which aimed to create a sense of excitement about the first year of Middle school for his Grade 6 students.

IMG_2378This year, Miles has selected another of his favourite books – Wonder, by R. J. Palacio – to set the tone. It says to students, in this place, we care about each member of our community. How we treat each other is one of the most important aspects.

FullSizeRender_2

His teaching partner, Trish Waszczuk, helped select some of the precepts that featured in the book, to be made into large posters to inspire the students.

Screen Shot 2015-08-15 at 8.48.40 pm

Student Involvement

20654602841_44064e4c3e_kGreat teachers like to get students involved in design, rather than have it solely be a teacher-directed experience.

Middle school English teacher Jabiz Raisdana had his mentor class this year put together a shelf to put plants on. They planted seeds, and got their hands dirty, providing a real sense of ownership in the class decor. This community building, participatory environment reflects Jabiz’s approach to teaching and learning.

FullSizeRender_1

Miles’s Wonder theme also invites student participation. He plans to kick off the year by having students make Wonder-style self portraits using the iPad, so they can contribute their images to the blank walls, to make it really feel like their classroom.

Grade 1 Head of Grade Ben Morley and his team create inviting displays that will encourage student exploration and creativity in their shared Pod area. Each new unit gets a brand new display.

IMG_1388

IMG_1389These Reggio inspired pod displays spill over into the classrooms as well, with natural wood and other materials featuring.

Living Things

There is something about having living things in classrooms that make them feel more real. Increasing numbers of teachers include plants in their classroom design. Aside from their obvious decorative and aesthetic qualities, plants have been used as the inspiration for poetry writing, and lessons on responsibility.

As a parent and a teacher, I understand the effort that goes into the decisions around classroom set up, and appreciate the care and concern it shows for our children.
They are truly in great hands.

Additional Resources

IMG_894420 Classroom Setups that Promote Thinking – This blog post outlines a number of different approaches teachers can use to set up their rooms. There is something for everyone in here.

Classroom Makeovers to Engage Learners – This article from Edutopia shows a collection of 5 minute videos that show different classroom set ups.

Stephen Heppell speaks here about Space: The Final Frontier

Ewan McIntosh speaks about the 7 Spaces of Technology in School Environments.

I would love to hear your thoughts on great classroom spaces.
Have a wonderful year ahead.

Designing Effective Presentations

Every educator today needs to learn how to present effectively. But how much do they know about what makes an effective presentation?

Garr Reynolds, author of the popular book Presentation Zen Design, notes:

“For many of us, there is a hole in our education when it comes to visual communication… In the past, the tools for creating high-quality graphics and multimedia presentations belonged only to a select few. Today, those tools are in the hands of virtually anyone with a computer. However, possessing the hardware and software tools and knowing how to operate them does not a designer make.” (p. 22, Presentation Zen Design).

Keynote iconMy colleague Dave and I are very passionate about Visual Literacy. We want to give educators the tools to develop their Visual Literacy skills, and presented recently to our fabulous Primary Leadership Team on Designing Effective Presentations.

Embedding the presentation here would not make sense. If you could understand the content of our presentation just by looking at the slides, then we would have failed in our job. There would be no point presenting if you could just read our slides! However, we did create some other resources which might be useful to share.

Handout

We wanted our audience engaged in our presentation. We didn’t want them to feel they had to take copious notes as we spoke. We prepared this handout, because there were a few key things we wanted them to take away from the presentation, and we thought this 1-page handout could be posted at a desk to refer to when designing presentations later.

Presentation Redesign


Finding Quality Images

Finding the right images to support the message you are sharing takes time – and is time well spent. This slide-doc takes you through how to find quality images. It is geared for teachers at our school, so bear that in mind as you look through.

Focus on the Audience

Really understanding what your audience needs and is hoping to gain from your presentation is important. We had participants in our workshop consider the needs of their audience using this handout we adapted from Nancy Duarte’s fantastic resource Resonate.

Know Your Audience

Additional Resources

Some of our favourite resources for presentation design can be found here:

We hope you found these useful! Please let us know if you would like further information about designing effective presentations.

7 Alternatives to Comic Sans (With a True ‘a’)

You are just not my type

It is no secret that I am a bit of a font geek. It is also no secret that I (like many others) dislike the widespread use of Comic Sans. Sites such as Comic Sans Criminal are solely devoted to the derision of the font.

The main reasons why Comic Sans bears the brunt of this font snobbery, really comes down to fonts having a personality and purpose: in the case of Comic Sans, it has a childish, overly informal quality, that I feel suits a very limited range of writing.

FontsFonts are the clothes with which we dress our words.

We need to choose a font to match the way we want our text to be received. If we want to be taken seriously, Comic Sans would not be a natural choice.

Many educators choose Comic Sans deliberately because it is one of the few fonts available natively on both Mac and PC which has a ‘true a’ – that is, an ‘a’ which is a circle and stick (rather than the one used in my current font!). “I know Comic Sans isn’t the greatest,” they say, “but it has the ‘true a’.”

It’s time for me to be solution-focused! Here are some alternative fonts you can use that contain a ‘true a’.The following fonts you will need to download and install on your computer:

National First Font

Hattori Hanzo Light Italic (make sure you select light italic, as the regular version does not have a ‘true a’.)

Hattori Hanzo Light Italic

Aller Light Italic (make sure you select light italic, as the regular version does not have a ‘true a’.)

Screen Shot 2015-03-13 at 4.46.11 pm

Daniela

Screen Shot 2015-03-13 at 4.45.47 pm

 

The following fonts are also Google Fonts, so you can use them in your docs/sites too.

Muli (the whole font family works well with a ‘true a’.)

Ubuntu Regular Italic (install the whole font family, or select regular italic to get the ‘true a’.)

Screen Shot 2015-03-13 at 4.46.02 pm

Architect’s Daughter (this installed better for me within Google Apps)

 

Screen Shot 2015-03-13 at 4.44.43 pm

I hope this helps you! What other fonts do you know of that have a ‘true a’?


Image Credit:
CC licensed (BY-ND) flickr photo by (debz): http://flickr.com/photos/debbybosman-debz/4109261288

CARP Design Posters

I have been meaning to get a set of posters up for the elements of design – Contrast, Alignment, Repetition & Proximity (CARP) – for some time. Finally, with help from Dave Caleb, I have managed to complete them.

Please feel free to download a copy here and use them in your classroom.

CARP poster images.001