1 / 14

Design & Crap

Design & Crap. Wra 210 1.15.13. Agenda . Time for Questions CRAP( py ) Discussion Introduction to Module 2 Updating you course page. What questions do you Have?. CRAP!. A tool to understand and create effective design Effective for all types of design, not just web

curry
Download Presentation

Design & Crap

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. Design & Crap Wra210 1.15.13

  2. Agenda • Time for Questions • CRAP(py) Discussion • Introduction to Module 2 • Updating you course page

  3. What questions do you Have?

  4. CRAP! • A tool to understand and create effective design • Effective for all types of design, not just web • Helps you make informed, smart design choices • Get used to seeing it in all of your PW classes

  5. CRAP- Contrast • Similar items should look similar, but items that are different should be very different • Helps an audience focus, let's them know what's important and what the point is • Created using many types of design choices: • Color • Typography • Space / sizing

  6. CRAP - Repetition • Repeat similar patterns/groupings throughout a design • Creates a sense of unity, continuity, purpose • Created using many types of design choices: • Color • Typography • Space / sizing • Arrangement

  7. Crap - Alignment • All objects in a design placed purposefully • Creates visual, noticeable lines – clean • Grids often help accomplish this (some programs have features called guides) • Mostly concerned with individual elements - where repetition is concerned with the whole, alignment is mostly concerned with the page

  8. Crap – Proximity • Keep things related to each other close together - effective relationships, grouping • Keep things not related far enough apart to create effective contrast • Where does your eye go when you first see a design? Why does this happen?

  9. Finding Good Crap • Return to the reading for tonight • http://www.presentationzen.com/chapter6_spread.pdf • Where do we see the four principles here? • What are some particularly good examples?

  10. SO let’s Practice • Break up into groups of 5 and use crap to make this into an awesome menu • http://www.john-lauckner.com/wra210/wp-content/uploads/2012/09/menu.rtf • Let's redesign using CRAP: how can we use principles to make a more effective menu? • Contrast • Repetition • Alignment • Proximity

  11. Now to Module 2 • Full description of Module 2 on website • Review a portfolio looking just at CRAP principles • Remember our class discussion and examples • Answer questions in a Word doc, design this document • Upload doc, update your course page

  12. Hate to interrupt, but.. • What are you finding? • Volunteers?

  13. Finish Module 2, upload, and update • Upload module2.doc to your AFS web space • Download index.html • Edit your page • Add a list item that links to module2.doc • Save your page • Upload page back to your AFS space • Overwrite the existing index.html file with the copy you just updated

  14. For Next Time • Finish Module 2, if not in class • Finish Module 3 • Please take these modules seriously • Make sure you have strong and useful content • Design your documents (you have the skills now). Make them look as if you they were going in your portfolio. • Feel free to revise modules as you go • Grades for modules will be coming shortly

More Related