Basic Design<br />Yr 11 Information Technology Systems<br />
CARP<br />A simple design principle – CARP<br />The principles of CARP relate to:<br />Contrast<br />Alignment<br />Repeti...
Contrast<br />What does contrast do?<br />Draws your eyes to elements on the page<br />Helps create a hierarchy of informa...
Alignment<br />What does Alignment do?<br />Organises information and elements creating a cohesive design (look and feel) ...
Alignment<br />How do I apply the principle of alignment?<br />Select two alignments only<br />Be consistent with your use...
Repetition<br />What is Repetition?<br />Repetition should be thought of as “consistency",<br />If there are multiple page...
Repetition<br />How do I apply the principle of repetition?<br />set up a master plan or template for your product and sti...
Proximity<br />What is Proximity?<br />Proximity groups related items together<br />In content such as address, product de...
Upcoming SlideShare
Loading in …5
×

Basic design

1,473 views

Published on

Published in: Technology, Business
0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
1,473
On SlideShare
0
From Embeds
0
Number of Embeds
7
Actions
Shares
0
Downloads
30
Comments
0
Likes
1
Embeds 0
No embeds

No notes for slide

Basic design

  1. 1. Basic Design<br />Yr 11 Information Technology Systems<br />
  2. 2. CARP<br />A simple design principle – CARP<br />The principles of CARP relate to:<br />Contrast<br />Alignment<br />Repetition<br />Proximity<br />
  3. 3. Contrast<br />What does contrast do?<br />Draws your eyes to elements on the page<br />Helps create a hierarchy of information by visually separating information<br />Allows easier skimming of materials<br />Use in relation to:<br />Fonts<br />Colours<br />
  4. 4. Alignment<br />What does Alignment do?<br />Organises information and elements creating a cohesive design (look and feel) throughout a product:<br />buttons or navigation in a web page or animation<br />story text in an animation<br />information on a poster, flyer, business card etc<br />title and credit information on a video<br />Like or similar information can be grouped together using alignment<br />
  5. 5. Alignment<br />How do I apply the principle of alignment?<br />Select two alignments only<br />Be consistent with your use of alignment<br />Do not centre align everything – use sparingly<br />Do not place anything on the page/product arbitrarily - use a grid to assist in layout<br />
  6. 6. Repetition<br />What is Repetition?<br />Repetition should be thought of as “consistency",<br />If there are multiple pages or scenes in a product, each should have a similar look and feel.<br />Unifies all parts of a design and multiple pages/scenes<br />to make it more strongly cohesive and interesting<br />demonstrates control over the design of the product<br />
  7. 7. Repetition<br />How do I apply the principle of repetition?<br />set up a master plan or template for your product and stick to it<br />Apply repetition to:<br />typeface, size and colour in your headings, subheadings, text on posters, animated stories, user guides, video,<br />colour palette throughout<br />repeat a graphic, or part of a graphic, throughout the product; use transparency;<br />navigation icons/buttons style and position on the product<br />
  8. 8. Proximity<br />What is Proximity?<br />Proximity groups related items together<br />In content such as address, product details and images<br />In the navigation or links area of a web page<br />In the general layout of a product<br />Organises elements for a more cohesive and logical design<br />Creates a hierarchy of information<br />

×