[display_podcast]

• Goal
  • Understand web design prototype by developing final digital prototype to send to the client for feedback
• Standards
  • Unit 4. Basic Principles of Graphic Design
    • PROJECT AND PROCESS MANAGEMENT SKILLS (PM)
      • Storyboarding
      • Review and redesign
    • DESIGN SKILLS (DS)
      • Use 4 major design rules: Contrast, Repetition, Alignment, Proximity (CRAP)
      • Arrange text with images and using color, shape, lines in design
      • Correctly use type families (e.g. old style, serif, san serif, script, modern, decorative)
• Product
  • Digital protoype with navigation and main content boxes
    • Main box with image
    • Navigation box
    • Quote  / Name box
• Examples
  • Maddie’s post
  • Kirsten’s post
  • Chase’s post
  • Hailey’s post
  • Kai’s post
  • Rachel’s post
  • Andrew’s post
  • Max’s post
  • Forrest’s post
  • Shawnee’s post
  • Joel’s post
  • Hannah’s post
  • Isaac’s post
  • Talon’s post
  • Chris’ post
  • Amanda’s post
  • Spencer’s post
• Steps
  1. SearchFlickr for Creative Commons image that will reinforce your message and download
     • Save the Flickr username for citation later
  2. Search 1001 fonts for a font with character (pun!) and download
  3. Install font into Font Book on the Mac
  4. Search for buttons for your social media links and download
  5. Open image in Illustrator
  6. Resize the Illustrator art board to fit the image
  7. Place your text with your new font
  8. Place your buttons to create your site navigation system
  9. Design with the C.R.A.P. principles in mind and get feedback from another student with the Design Feedback Form
  10. Print a copy for the teacher to evaluate and give feedback
• Tools
  • 1001fonts.com
  • Color in Motion Web Experience
  • Color Theory Exploration
  • Adobe Kuler
  • Color Scheme Generator
  • Flickr.com for Creative Commons Texture Images
  • Adobe Illustrator  (Free 30 day trial)
  • GIMP – (Free Open Source Image Editor)
• Resources
  • 125 Social media icons sets
    • Le Duc’s favorite because it has a downloadable .ai Illustrator file
    • The  link above has all the icons but SlideShare
      • SlideShare Black
      • SlideShare White
  • http://www.evergreen.edu/webresources/colors.htm
  • http://capital.osd.wednet.edu/teachers/technology/chs_colors_and_logos
  • Web Sites with Cool Design and Color
    • http://www.evergreen.edu
    • http://www.harvard.edu
    • http://stanford.edu