165Unit05 - CMPT165Unit5 Design 01/26/10...

Info iconThis preview shows pages 1–9. Sign up to view the full content.

View Full Document Right Arrow Icon
01/26/10 Copyright (c) 2007 Fred Popowich     CMPT165-D01 1 CMPT 165 – Unit 5 Design
Background image of page 1

Info iconThis preview has intentionally blurred sections. Sign up to view the full version.

View Full DocumentRight Arrow Icon
01/26/10 Copyright (c) 2007 Fred Popowich     CMPT165-D01 2 Key Principles of Design Robin Williams, “The Non-Designer’s Design  Book” and “The Non-Designer’s Web Book” Proximity Alignment Repetition Contrast Make it easy for readers/viewers to get the  information they want What’s the first thing a viewer sees? Where is the information they want? Keep the medium in mind The web is NOT a book or a television Unit 5 – Design
Background image of page 2
01/26/10 Copyright (c) 2007 Fred Popowich     CMPT165-D01 3 Proximity Related items should be grouped together! Have them near each other A cohesive group they become one unit, rather than separate units Don't be restricted to the size of type Have some space between unrelated items Don’t be afraid of white-space. Items not related should not be near each other Unit 5 – Design
Background image of page 3

Info iconThis preview has intentionally blurred sections. Sign up to view the full version.

View Full DocumentRight Arrow Icon
01/26/10 Copyright (c) 2007 Fred Popowich     CMPT165-D01 4 Proximity - example Logo and company name separated from  contact information Components of contact information are all  close together Ask yourself, where does your eye go? Unit 5 – Design
Background image of page 4
01/26/10 Copyright (c) 2007 Fred Popowich     CMPT165-D01 5 Proximity - summary basic purpose is to organize putting things close together creates organization organized information is easier to read and  remember creates "white space" When you squint, how many times does your  eye stop on a page? avoid having too many distinct items on a page What NOT to do don't put things in the corners and middle don't put unrelated things together Unit 5 – Design
Background image of page 5

Info iconThis preview has intentionally blurred sections. Sign up to view the full version.

View Full DocumentRight Arrow Icon
01/26/10 Copyright (c) 2007 Fred Popowich     CMPT165-D01 6 Alignment The positioning of something on a page "Nothing should be placed on a page  arbitrarily" "Every item should have a visual  connection with something else on the  page." Create a "line" or path for the eye to  follow. Example – our powerpoint slides Unit 5 – Design
Background image of page 6
01/26/10 Copyright (c) 2007 Fred Popowich     CMPT165-D01 7 More on Alignment Avoid "centering" it really does not look sophisticated  but you might have a good reason for doing it make sure you have that reason use only one text alignment per page unless you have a good reason align different objects on a page lack of alignment is a major cause of  unpleasant looking documents/pages find a strong alignment and use it and sometimes it is good to break it Unit 5 – Design
Background image of page 7

Info iconThis preview has intentionally blurred sections. Sign up to view the full version.

View Full DocumentRight Arrow Icon
01/26/10 Copyright (c) 2007 Fred Popowich 
Background image of page 8
Image of page 9
This is the end of the preview. Sign up to access the rest of the document.

This note was uploaded on 01/26/2010 for the course CMPT 165 taught by Professor Ramesh during the Spring '09 term at Simon Fraser.

Page1 / 32

165Unit05 - CMPT165Unit5 Design 01/26/10...

This preview shows document pages 1 - 9. Sign up to view the full document.

View Full Document Right Arrow Icon
Ask a homework question - tutors are online