Digital Design

Day 6: Getting started on final projects

Comprehensive Rules

 
  • Eating allowed only 8am to 9am and during the break
    • Students must wash hands before touching computers 
    • Students must clean up after themselves
    • No open bottles around computers
    • If there is an excess of crumbs in the room, or if anyone eats while an instructor is talking, no one will be allowed to eat in class
  • Log out of computers and plug them in before leaving classroom
  • Do not attempt to leave classroom until dismissed 
  • Everyone gets respect/no tilting on chairs/no Minecraft or Giphy/Leave no one behind

Administrative Comments

 
  • What happened last week?
    • Why was the syntax emphasis important?
  • Update on prizes
  • Update on Pokemon Go excursion
  • Plan for the week

HTML/CSS Review

 
  • Get into pairs 
  • You may use notes
  • Work on the worksheet
    • Put your name on them, but do not turn them in
    • We will go over them after everyone is done

General Design Concepts

 
  • Color theory
  • Page layouts
  • Good design vs bad design

Very Basic Color Theory

 
  • Color wheel 
    • Contrasting colors
    • Adjacent colors

Page layouts

 
  • Font
  • Spacing
  • Text alignment
  • Clutter

Good Design

 

Bad design

 

Final projects

 
  • For your final project, you will -- as a team -- create a web page for a good cause. 
    • A charitable organization
    • A cause you feel passionately about
    • Bring awareness to an issue
  • You will present your final projects on Friday, and have this entire until then to work on it 
  • Your final projects will be in groups of three. 
    • We will let you choose your own groups, but make sure you choose wisely.
    • There will be one group of two. 

Prototyping

 
  • Each team will receive a piece of graph paper.
    • ONE piece of graph paper. Be careful how you use it. 
    • We suggest you use pencil and draw lightly at first
  • Figure out what your good cause will be
  • You will sketch out the home page/index.html of your website. 
  • Pay attention to margins and padding 
    • The reason we are using graph paper is so you can see how everything will be spaced out

Prototyping

 
  • Find some good images for your website. 
    • Save them to a folder called "assets" on your Desktop (for now)
    • Name the photos appropriately
  • Perhaps using some of the images you've found, come up with a color palette for your website:
    • colourlovers.com 
    • Sign up 
    • Tools > PHOTOCOPA or COPASO
Made with Slides.com