• Share
  • Email
  • Embed
  • Like
  • Save
  • Private Content
Basic design
 

Basic design

on

  • 1,504 views

 

Statistics

Views

Total Views
1,504
Views on SlideShare
1,500
Embed Views
4

Actions

Likes
1
Downloads
23
Comments
0

2 Embeds 4

http://www.slideshare.net 3
https://moodle.spcc.qld.edu.au 1

Accessibility

Categories

Upload Details

Uploaded via as Microsoft PowerPoint

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

    Basic design Basic design Presentation Transcript

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