10 Basic Design Principles

Discussion in 'Chatty Pad' started by michelepixels, Aug 13, 2016.

  1. michelepixels

    michelepixels A pun is not fully matured until it is full groan.

    Messages:
    8,432
    Joined:
    Jan 2, 2015
    10 Basic Design Principles was a two-day online class I took at another digiscrap forum in 2008. After participating in the thread Constructive Feedback on LO's I thought I'd share this. Not because these are rules, but because just like in photography we improve when we pay attention to things like color, scale, and composition, there are things to consider when creating a scrapbook page.

    1. Grid - The grid provides form and structure. In this class they used a 6x6 grid and discussed how it could be divided up pleasingly, but the photography rule of thirds can also be applied to scrapbook pages.

    2. Focus - Where do you want your viewer to look first, and how do you want them move around the page.

    3. Space - Leave some so your layout can breathe.

    4. Threes - Human eyes are attracted to groups in odd numbers as opposed to even.

    5. Scale - Offset something small with something big.

    6. Color - It has an impact.

    7. Realism - If you want it to look like a paper page, you have to shadow it well.

    8. Repetition - This also pleases our eye.

    9. Title - font, color, placement, focus, size

    10. Journaling - same as title considerations plus spacing and balance

    The class consisted of further discussing these ten ideas and then discussing them in relation to ten layouts. I think it helped improve my pages. And keeping these things in mind helps us write more constructive comments in the gallery too.

    p.s. Another class I took at the same place, a couple of years after 10 Principles, was called Intentional Design. It suggested starting every page by thinking about what your focal point and mood will be and then discussed 15 design principles or ideas:
    white space
    trapped space
    patterned papers
    color schemes
    directing elements and people in photos inward instead of off the page
    flow
    cropping
    title placement
    font choice
    rule of three
    scale
    style
    shadowing
    realism
    accidental vs intentional placement

    Let me know if you'd like me to elaborate on any of these.
     
  2. klee73010

    klee73010 I might have a thing for drummers

    Messages:
    5,260
    Joined:
    Apr 25, 2015
    Oooh, these are great. Thanks for posting! It's nice to have a list like this... all in one place. Maybe as I keep it mind, I can improve my own layouts in my own time. :)
     
    michelepixels likes this.
  3. HeatherB

    HeatherB Ain't nothin wrong with a few dust bunnies!

    Messages:
    14,859
    Joined:
    Jun 2, 2010
    Thanks for sharing, these are all great design principles.
     
    michelepixels likes this.
  4. BevG

    BevG If I can't remember it, it didn't happen

    Messages:
    5,364
    Joined:
    Dec 26, 2015
    Thanks Michele! These are helpful.

    Do you happen to have any further guidelines for the title?
     
    michelepixels likes this.
  5. scrapsandsass

    scrapsandsass Oh Ricky you're so fine ...

    Messages:
    9,007
    Joined:
    Feb 11, 2011
    I'd love to know what "trapped space" is and why you would use it. :)
     
    Lindzee likes this.
  6. Lindzee

    Lindzee Aging gracefully

    Messages:
    4,899
    Joined:
    Jul 17, 2013
    Thanks for sharing Michele
     
  7. bellbird

    bellbird Pollywog

    Messages:
    17,297
    Joined:
    Oct 10, 2010
    great list Michele,
    i think it's usually something we avoid, white space around a cluster or layout focus seems visually restful etc but trapped space is like if you had a tile mosaic and left out the middle central tile, the eye goes there and kinda doesnt 'see' the page... it's like trapped white space, if that makes sense
     
    scrapsandsass and michelepixels like this.
  8. jk703

    jk703 CEO of Anything and Everything, Everywhere

    Messages:
    13,578
    Joined:
    Sep 17, 2012
    Love the list! Thanks!
     
    michelepixels likes this.
  9. michelepixels

    michelepixels A pun is not fully matured until it is full groan.

    Messages:
    8,432
    Joined:
    Jan 2, 2015
    The main suggestion in these classes was to keep the title connected to other elements on the page rather than free floating.
     
  10. michelepixels

    michelepixels A pun is not fully matured until it is full groan.

    Messages:
    8,432
    Joined:
    Jan 2, 2015
    Right! Any empty space boxed in by elements on the page, cutting it off from the other white space. It's interferes with the flow of the page; the eye can get trapped there.
     
    scrapsandsass likes this.
  11. ljonezy

    ljonezy The thingamabob that does the job is chocolate

    Messages:
    511
    Joined:
    Dec 29, 2015
    Thanks Michele! These are helpful.
     
  12. IntenseMagic

    IntenseMagic Some grannies cuss a lot. I'm some grannies.

    Messages:
    12,565
    Joined:
    Feb 28, 2012
    Those are all so helpful! Thanks for sharing :)
     
  13. Kate W

    Kate W And justice for all ...

    Messages:
    1,165
    Joined:
    Apr 11, 2015
    I'm fairly familiar with the rule of thirds etc, but I would love to know more about page flow. I didn't know about trapped white space, that's really interesting. Please tell me more about 'directing elements and people in photos inward instead of off the page'! :)

    Hit me with more design tips! I really should use ideas like this a bit more, I always just eyeball everything, instead of thinking about it...
     
  14. BevG

    BevG If I can't remember it, it didn't happen

    Messages:
    5,364
    Joined:
    Dec 26, 2015
    I can answer the "inward" part for photos. Generally in photography, you want your subject to be facing inward - i.e. entering the photo. For ex: if they are facing left and you put them on the left edge, it looks like they are leaving rather than entering the photo. So if you have a photo of someone looking left, you would not put them on the far left side of the page. Your eye wants to go where they are looking and so, it would move off the edge of the page.

    I am curious to see how this applies to elements, as I typically don't think of them as facing a particular way.

    Here is nice article about when you can break this rule in photography. http://digital-photography-school.com/leaving-space-behind-moving-subjects-composition/
     
    Kate W likes this.
  15. Vrielinkie

    Vrielinkie Rub-a-Dub-Dub

    Messages:
    4,558
    Joined:
    Nov 26, 2013
    Great stuff, guys! I'm already checking my latest LO because it just wasn't where I wanted it to be somehow. So this is a great checklist!
     
  16. keepscrappin

    keepscrappin ScrapWithTheWind

    Messages:
    11,072
    Joined:
    Apr 2, 2010
    Love having the list here. Thanks @michelepixels! It's a good reminder for all the things we've learned. And the list will be a great help. I plan to use it when I get stuck and don't know what's not quite right with my layout. :)
     
  17. Juliestcyr

    Juliestcyr Grammar nerd and proud of it

    Messages:
    1,304
    Joined:
    Feb 17, 2015
    Love this list. My other go to is the "Z pattern." (Once upon a time, I really, really wanted to be a glossy magazine editor. Now I am a boring policy wonk. Why do we give up on our dreams? Anyways...) When people scan pages, their eyes move in the shape of the letter "Z". Think of the upper left corner as the lead in, move it to the upper right with a little more action, and then connect that back down to the lower left, where you put what you want people to remember the most, with additional information in the lower right corner. All of my favourite layouts that I've made are on the "Z" pattern.
     
    BevG, klee73010 and Kate W like this.
  18. cookingmylife

    cookingmylife Pizza would be my last meal, except ...

    Messages:
    5,367
    Joined:
    Aug 1, 2012
    @BevG
    I've seen this in particular when I 've used branches or such things that curve. When they are going in the 'wrong' direction I'll often flip them horizontally so they 'look' right. I hope this makes sense to you!
     
    Kate W likes this.
  19. BevG

    BevG If I can't remember it, it didn't happen

    Messages:
    5,364
    Joined:
    Dec 26, 2015
    Ah! I know exactly what you mean now; I just instinctively fixed them.
     

Share This Page