Improve scrapbook page design with white space: 1 layout 3 ways

by Debbie Hodge

“Active white space is carefully considered emptiness.”
– Alex White, The Elements of Graphic Design

Take a look at three versions of the same scrapbook page as more and more considered white space is incorporated.

White space on scrapbook pages is not always white. It can be any color—it can even be patterned paper. The term “white space” refers to an area devoid of photos, embellishments, journaling, and title.

White space provides a resting point for the eye and breathing room for the viewer taking in your photos and journaling.

White space has a shape that can be active or passive.

When that shape is symmetrical:

  • It’s predictable.
  • It’s less consequential (than a symmetrical shape would be) to how we perceive the elements in the design; if it’s noticed at all, it’s noticed as background.
  • It’s passive.

When that shape is asymmetrical:

It’s dynamic.

It’s unpredictable and requires active involvement from the viewer.

It can make your page look great.

Version #1

DeviledEggsver1ForWeb

One of my favorite ways to begin a page is with a series of three photos. If they’re landscape-oriented, then I crop them all to the same width and put them in a column. If they’re portrait-oriented, I crop them to the same height and put them in a row. I wrote about this design approach in 3-in-a-row: the little black dress of scrapbook page design.

I’ve placed the photos with abutting edges and matted them with white cardstock – and then that’s bordered with strips of striped paper. The entire block is just right of center.

My embellishments are placed at top left and bottom right creating diagonal-draw flow. See Place embellishments to support scrapbook page flow.

This design was quick to put together and tells my story well. . . but it doesn’t totally please me.

 

Version #2

My first changes to this layout were to add what Doris Sander calls in her Page Pizzazz classes “micro” white space. This is organizing white space: margins and gutters. I made the photos smaller and added gutters between them and borders at page top and page bottom. I also trimmed the patterned paper background about an inch smaller in height and width and mounted it on solid-colored cardstock.

Doris Sander talks about another kind of white space in Page Pizzazz: “macro white space.”

Doris says: Macro white space is what you see when you glance at the overall design of a layout. It is the larger chunks of white space between your major design elements such as the photos, title, journaling, and larger embellishments.

DeviledEggsver2ForWeb

This is what I worked on next—my “macro white space.” To add energy and interesting lines to the overall design:

  • I moved the entire block of photos and embellishments farther to the right. I increased the amount of white space to the left,thus making it more dramatic.
  • I trimmed the striped borders down. They no longer extend from page top to page bottom – thus creating “steps” within the foreground elements.
  • I also “stepped” the two word embellishments. Notice how the red tag with “happy days” and the green tag with “together” are both aligned in version 1—but here in, Version 2, they are set a bit ajar.
  • I added circular stitching behind each embellishment point to contrast with the predominant right angles.
  • I moved the bottom embellishment cluster to bleed off page right and page bottom.

The page was looking better. I really like it, in fact. But then again, I could keep playing. . .

Version #3

I actually don’t think it’s necessary to push the “white space envelope” all the time – but . . . it can be a lot of fun to see what happens to your design when you make more extreme changes.

In this version:

  • I decreased the size of the entire photo block and its matting so that there is generous white space all around. Borders on each side are of differing sizes.
  • I used brushwork behind this grouping on the top, right, and bottom edges.
  • Embellishments now extend much farther out into the bordering canvas.
  • I separated the embellishment grouping at bottom right and created a new embellishment spot at bottom left. Now there is white space running in between this cluster and the main grouping. This is a great way to add interest and energy to your designs. (If you want to know why this is a way to add energy to your designs read about figure-ground perceptions. I also cover this topic extensively in Building Pages.)

DeviledEggsForWebLayouts by Debbie Hodge with supplies from Designer Digitals

,

11 Responses to Improve scrapbook page design with white space: 1 layout 3 ways

  1. Jacque December 21, 2010 at 7:25 am #

    Can you please tell me the name of the products you used? Love them!

  2. Debbie Hodge December 21, 2010 at 7:35 am #

    Jacque, The kit is Old Farm Kitchen by Lynn Grieveson at Designer Digitals — click on the caption/link under the final layout to go straight to layout with links to supplies.

  3. Jean Marmo December 21, 2010 at 7:37 am #

    Great tips! Thanks!

  4. Orange Converse December 21, 2010 at 8:12 am #

    My favorite is version two!

    ~Garret
    Glitzy Gals Club

  5. Julie (aka MaggieMae) December 24, 2010 at 12:24 am #

    I’m so glad I found your site – what great tips! I think my favorite version is No. 2 because I love to have the photos easy to see!

  6. JeanD December 26, 2010 at 12:39 am #

    Yep, I like version 2 too. I like to be able t see the photos easily

  7. Karen Keiper December 26, 2010 at 6:03 am #

    i rarely comment, but i really appreciate all your insight, Thanks.(and i like number 3!)

  8. Craftylou December 26, 2010 at 1:19 pm #

    I really love the third version. I,m also a fan of the first version. Thanks for the great content on design.

  9. SusanD April 18, 2011 at 3:16 pm #

    LO 3 is my favorite. This is a great lesson with the visuals.

    Thank you!

  10. Maribeth February 24, 2016 at 7:35 am #

    I like 2 the best, but I don’t really see anything wrong with #1. #3 photos are too small for me.

Trackbacks/Pingbacks

  1. My Sister’s Christening | Tokoloshe - January 14, 2011

    […] Improve scrapbook page design with white space: 1 layout 3 ways by Debbie Hodge […]

Leave a Reply