Design Do-Overs: The May Edition
Welcome to the May edition of Design Do-Overs. In the last installment, I tackled the always delightful (and some would say much easier) single-photo layout. This month, we step into multi-photo, two-page spread territory, but not just any old multi-photo, two-page layout… this one has 26 photos covering a 24 inch by 12 inch space.
The layout we'll be doing over today was the very first one that arrived in my inbox when I first put out the call for pages. I took a quick glance at it and thought, "Ummm. Okay. Ummm. Maybe I'll start with something simpler." And that was that.
Now keep in mind, it wasn't because the page was awful, but rather, there were just so many photos with so much color that quite honestly? I didn't know what I would do with it.
But like any capable designer, I like a challenge, and I like to think I can work good design into multi-photo pages. You can decide if I've succeeded, or… missed the mark completely.
The "keep in mind" catch-all disclaimer: I'm redoing pages in my style, and my style, while it may not be for everyone, will in fact illustrate some pretty basic principles of design.
(Note: I use Photoshop CS3 and InDesign CS3 for all of my digital processes.)
May's Lesson: Multi-photo Design Made Easier
This month's page comes from blog ready Holly. Holly made this page as part of a class she took at a scrapbooking convention. Holly told me, "Every time I look at this layout, I cross my eyes," and I really hate to hear hard-workin' scrapbookers go cross eyed, so I decided it was game on for Holly. Holly's two-page, 12 x 12 spread features 26 photos. Here's the original page:
(click on layout image to see it larger in a new window)
Here are some positive points about this page:
1. Symmetrically balanced design—these two pages are a mirror image of one another, and that's a good thing to do in a multi-photo spread.
2. Lots of shape repetition—all those square photos create a sense of connection across this page.
However, the spread has so many photos, and so much color that it does start leaning into the category of visually overwhelming, which is where we begin.
Step One: Pare Down the Photos
Before we jump into design, we have to talk about a little bit of scrapbooking philosophy and that philosophy involves letting go of the pressure to get a bazillion photos on a page.
I'll be the first to admit, I err on the side of too few most of the time, but I truly believe scrapbookers put too much pressure to use all their photos and scrapbooking should not be about stress and pressure! And I'm sorry, but figuring out what to do with 26 photos is mind boggling to me. That's when photo albums start to look mighty appealing.
The first thing I did was go through Holly's photos and eliminate half of the shots from her page. (Oh no she di'int!) Oh yes, she in fact did. And now, she's gonna tell you why:
If you find that you have a series of shots from any event, try to eliminate the ones that feel like near duplicates. I promise you this: one shot of your adorable baby eating the gift wrap will be enough to capture that adorableness. I also decided to eliminate the studio shots and just focus on the related Christmas gift opening shots. I'm all for mixing photos from different times, but I thought these felt a little out of place with this particular visual story. Once I had the photos narrowed down, it was time to open an Adobe InDesign document, and start designing.
Step Two: Create a Design Concept
Starting with a two-page, 12 x 12 document (with an equal, 1-inch margin) I wanted to create a similar grid-based approach as was used on the original page. However, with fewer photos, it meant larger squares for the shots. I also decided to select a focal point shot that focused more on cute baby Riley. Keep in mind though, the spaces in this design could easily be swapped based on what photos were most important in the story. I point this out because Dan looked over my shoulder and said, "But what if they wanted the family shot as the biggest shot, like on the original?" To which I replied, "You are very handsome. Please leave now."
Here, I placed a focal shot (which required an enlargement beyond a 4 x 6), and several smaller, equal squares. The large red swatch on the left would hold a title. I planned for the red squares on the right to be pieces of holiday-themed patterned paper. The thing I love about digital sketching is that it allows me to quickly see if what I want to do will work, and lets me change my mind easily.
The next step was to drop in titles, little words, and a poem that Holly had wanted to include on her original layout. I chose one typeface, Archer, as the font for both all the words. A very quick way to create font harmony on any layout is to take the one font approach, and simply vary the sizes and weights to create a bit of contrast.
Notice too, how I preserved a common margin of space between the elements (made easy by the InDesign columns and margins I set up when I started). This space, combined with the large one-inch margin both connects the two pages, but also lets this layout breathe a bit, something the original page wasn't able to do.
Step Three: Printing out the Pieces
I placed the title and the words (which I turned into small strips) onto one new document in InDesign. Then, I printed it out onto photo paper. Why photo paper and not white cardstock? Photo paper gives you such a different result, with much richer and more accurate color.
Next, I grabbed all of the photos from the digital sketch, placed them into a new document and also printed them on photo paper. I decided to include one shot from the set of studio shots to use as an embellishment, which you'll see shortly.
Using the CropMarks command made trimming super quick. (I use a plug-in for InDesign called Cacidi Cropmarks, which adds little marks on all of the objects—photos, journaling blocks, word strips—in my document.) Once the pieces were trimmed out, I chose one sheet of holiday themed patterned paper, and began assembling the layout.
I chose a kraft colored cardstock for my background to help neutralize the brightness of the photos. Here is the newly designed layout:
Step Four: Why it Works
1. Fewer photos equals less chaos—by making some cuts in content, the layout feels far less chaotic than the original.
2. White Space that invites—by including a full inch margin on each of the pages, a bit of breathing room is introduced making the viewing experience a bit more restful and inviting. There are 13 active spaces on this design including the title bar. I've only chosen to use 7 photos (one of them, on the lower right, takes up two of the squares). But, with white space included, it doesn't feel chaotic, even with all the bright colors of the photos.
3. Neutral grounding—the kraft cardstock background provides a nice does of neutral color to offset the bright photos, allowing them to stand out, but not overwhelm.
4. Repetition—repeating the red and white of the title block and the three word strips creates a nice visual link between the two pages. Further, the punched out circle shape of little Riley's cute face, repeats with the kraft cardstock circles behind the word strips. The square photo shape is repeated 9 times and the patterned paper appears three times as well. Finallly, note the rounded corners on the far edges of each page in the spread. All of this repetition serves to unify the design.
I also did a little bit of word repetition in the form of the alliterated "M" words.
Note: Lisa's original page really did have a nice sense of repetition, it simply lacked a bit of much needed breathing room.
5. Linear, grid based design—the overall design can be seen in six column spaces, and all of the content is divided up equally among the spaces. This linear approach creates a much more solid and predictable feel to the design. Predictability in design can be a good thing. It gives the reader something to easily follow and understand.
6. Left-hand focal area—by combining the title with the punched out circle, the larger photo and the journaling block, the overall area has a stronger visual pull. In the original layout, there are two larger photos, but each pulls the same weight. You don't need a focal point for a successful design, but when you choose to create one, it helps to create areas with more visual interest to lead the eye exactly where you want it to start.
Step Five: The Wrap-Up
The after page is simpler, and easier to take in. Yes, there are a lot of shots that I left off of the page, but in the end, the essence of a first Christmas is still captured. I am a firm and true believer that your kids will never look at what you've created and say, "Um, Mom… why didn't you include a photo of [insert any number of things here]!"
Now for Holly's after page, she might have gone with different shots on the right side, and the great thing is, when she gets this page in the mail, she totally can.
Feel free to post questions in the comments and I'll do my best to answer.
Step Six: Meet Holly
Name: this one is so easy! Holly A. Moss. (Yes, I do realize my initials make me a HAM, please don't start with the jokes, you'll make me hungry for a sandwich).
The place I call home: Ah well… home is where the heart is, but for mailing purposes, et al, Lynnwood, Washington.
Scrapbooker since: I don't really consider myself a 'Scrapbooker'. I am more of a Scrap-a-holic' and I have been that pretty much since October, 2006.
Favorite all-time scrapbooking tool: Geez! Ask for my first & only born child why don't you? Truly, this changes constantly. Right now, this month, my all-time favorite scrapbooking tool(s) is/are my Fiskar's Border Punches.
Favorite scrapbooking product company: Hands-down Bazzill Basics.
Straight or tilted? Well, since I can't cut a straight line with a ruler or paper trimmer (magnetic or other), I tend to look at things from a bit of an angle, and most of my projects end up slightly tilted no matter what I do or how hard I try to make it straight. That suits me just fine, I like my view of the world from this angle much better, thank you very much!
Embossing or bossing around? Oh, definitely bossing around so I can avoid admitting to myself and the world that I have absolutely no clue what embossing has to do with scrapbooking. It really just boggles my mind.
Twitter or Facebook? Facebook primarily; however, I do have a Twitter account that I use (very infrequently), mainly for Cathy's class. To be honest, I only signed up for Twitter out of spite for Facebook when they changed the format and I couldn't find anything on the website anymore. I stayed with Facebook and I still can't find anything, but Twitter wasn't as interactive as I thought it was or what I was looking for it to be.
Lisa Bearnson or Lisa Marie Presley? Umm, who's Lisa Marie Presley?
If scrapbooking were to disappear from the face of the earth, you’d find me: in a padded room, rocking back and forth, hugging myself while humming inane lullabies I don't know the words to, surrounded by warning signs of "quiet" & "no sudden movements".
I scrapbook because: it makes me happy.
Holly will be receiving the layout, plus a copy of one of my books for her participation in this edition of Design Do-Overs. If you would like to add your layout to my pool of possible candidates, send me a low res scan and the reasons why you'd like to see it made over to email@example.com, and put "DESIGN DO-OVER" in the message line.To read about the original impetus for the blog column, go here.