Brian class sketch

Final Design Info

Media mobilizing - the network of organization - overarching

gray, black and red

All for the taking - housing and development

Our City Our Voices - immigration

Youth and Education

Labor Justice - new labor, traditional labor organizing (taxi drivers, hotel workers, day laborers)

Media Justice - media policy, locally and nationally especially broadband internet, radio, public access tv

next week:

set of wireframes - home page, sector page, article, video/photo, audio

color palette - mediamobilizing.org, allforthetaking.org, phillylabor.org, phillyeducationjustice.org, ourcityourvoices.org, and media justice  (see descriptions above)

Resolution size: 960 x 600 pixels (Size of design layouts) W/ Full Bleed , ie, no margins

Andrew Zahn MMP Design 2(smaller)

Andrew Zahn MMP Design 1(smaller)

Wireframe - Video/Audio Page

Color and White Space

ColorSchemer Gallery:
http://www.colorschemer.com/schemes/

This is a really extensive list of web friendly color schemes that hopefully will provide inspiration as you think through the different areas of organizing/sectors on the site and appropriate color schemes.

Web.Without.Words
http://webwithoutwords.com/blog/

This site makes an interesting display of the layout of different web pages by removing the words from each of the pages. It is an example in whitespace, and helps show how different pages are arranged.

Also, for a more explanatory take on white space in web design look here:
http://webdesigntuts.com/web-design/using-white-space-effectively-in-web-design/#what