Intermediate Web Design Class #9 Design & Responsive Design CMP3011-C1 Fall 2011 http://bit.ly/smfa-f2011-9
Homework Shuffle ihavesweatypalms class 8 katrinaf class 8 werewolfmovie class 8 phamxuantung1991 class 8 kmtom class 8 kavery class 8 handiburger class 8 mikeschroll class 8
A few basics... No Defaults - override the defaults or your site will look like it’s from 1994 Differentiation - different parts should look different Grouping - alike parts should be close together Whitespace - use it. Than add more.
A few basics... Use a grid (we will get to this in a few minutes) Consider scan-ability Give visual breaks (whitespace) group/chunk information together use alignment and grids to create sections
Primary Colors Red, yellow and blue These are the base three colors that can't be mixed or formed by other colors.
Tertiary Colors Yellow-orange, red-orange, red-purple, blue-purple, blue-green and yellow-green These are the colors formed by mixing a primary and a secondary color
Complimentary Complementary colors are any two colors which are directly opposite each other on the color wheel. These combinations create maximum contrast.
every image and graphic should have a specific purpose or message - not just make the page look pretty or cool
"Well designed grid systems can make your designs not only more beautiful and legible, but more usable" - Mark Boulton
Grid Systems Great for getting started Easily create a visual hierarchy Good at creating flow throughout the page Great for fixed and fluid layouts
