Introduction to Design Principles of Web Design

							“Introduction to Design Principles
         of Web Design”
• No Food or Drink

• No Profanity

•No Late Work
                         • Is this
                           a good
                            site?

                         • Why
                          or why
                           not?
http://marysidney.com/
• Is this
  a good
   site?

• Why
or why
  not?
  http://www.csszengarden.com/?cssfile=/185/185.css&page=0
•It this a
   good
  page?
 Why or
   why
   not?
    http://www.santafemug.org/
•It this a
   good
  page?
 Why or
   why
   not?
    http://www.utdallas.edu/~melacy/pages/balance.ht
    ml
• It this a
good page?

• Why or
 why not?


    http://thefashionsketchpad.com/
• Is this
  a good
  design
     ?
 • Why
    or
   why
   not?
            http://1minus1.com/
• Is this
  a good
  design
     ?
 • Why
    or
   why
   not?
            http://girlwithacamera.co.uk/
• Is this
  a good
  design
     ?
 • Why
    or
   why
   not?     http://www.martinsburgpd.org/
• It this a
good page?

• Why or
 why not?

    http://webpagesthatsuck.smugmug.com/gallery/68
    72802_vfkua#439695817_CxSuG-A-LB
•Is this
a good
  Web
 Page?
•Why
  or
 why
 not?      http://getactive.sj-stmk.org/
• English
  speaker
   s read
   left to
   right.
    Web
  Designe
      rs
   know
   this…
             http://www.jefffinley.org/
•It this a
   good
   one?
 Why or
   why
             http://www.mediatemple.net/
   not?
                                  •It this a
                                     good
                                    page?
                                  •Why or
                                     why
http://www.webpagesthatsuck.com/badtext.htm

                                     not?
•It this a
   good
   one?
 Why or
   why
   not?
http://www.csszengarden.com/?cssfile=/122/122.css&page=7
                                    •It this a
                                       good
                                       site?
                                    •Why or
http://www.angelfire.com/super/badwebs/why
                                       not?
            Stop
•Take 15 minutes & find an
example of Visual Hierarchy
and write down the address.
• Be prepared to briefly
explain what techniques are
used to create the Visual
Hierarchy to the class.