Student Showcase: Movie Site Mockup: Version 1
We will showcase your version 1 movie site home page layouts in class. Tell us a bit about your design choices. Then we will seek feedback from your classmates. [5-10 minutes per student]
Use the following design terminology and concepts as prompts in your discussion of the design work:
- Design Principles
- Design Elements
- Color Harmony
- Use of Imagery
- Typography and Font Choice
- Required content areas and other specifications
- Intended purpose
- Organization and clarity
- Leading the eye through the design
- Any special technology needed
Psychology of Color
One very important aspect of web design is selecting an appealling color scheme. Once we consider the psychological associations people have with color, we need to find multiple colors which work together. Color schemes are the basic formulae for creating harmonious and effective color combinations.
The six classic color schemes are:
A monochromatic color scheme consists of a single base color and any number of tints or shades of that color. Tints are the color with a bit of white added, and shades are the color with a bit of black added. Typically, black, white and gray are also incorporated.
Monochromatic color scheme of hot pink with black and white: solidgiant.com
Monochromatic color schemes of different hues on different pages: aaronwalter.com
Monochromatic color scheme in coffee colors: artinmycoffee.com
An analogous color scheme consists of colors that are adjacent to each other on the color wheel. Avoid having analogous colors which are too far apart from each other. Stick to one-third of the color wheel.
Analogous color scheme in blues and greens: blinksale.com
Analogous color scheme in reds and oranges: bournemouth.ac.uk
Analogous color scheme in oranges and yellows: simplebits.com
A complementary color schemes consists of colors which are located on opposite sides of the color wheel. Rarely do they look good in a foreground-background relationship, but they can work very well adjacent to each other.
Complementary colors placed in a foreground-background relationship causes simultaneous contrast.
Complementary color scheme in yellow and purple: talkb.ee
Complementary color scheme in blue and orange: simmons.edu
Complementary color scheme in blue-green and red-orange: zachhendricks.net
A split-complementary color schemes consists of a base color plus the two colors immediately adjacent to the base color’s complement.
Split-complementary color scheme of orange, blue-violet, and blue-green: finaltouchapps.com
Split-complementary color scheme of red-orange, blue, and green: nuances-communication.fr
A triadic color schemes consists of three colors which are equidistant on the color wheel.
Triadic color scheme of orange, green and purple: crayola.com
Triadic color scheme of yellow-orange, red-violet and blue-green: 365daysofastronomy.org/
A tetradic color schemes (also known as rectangle or double-complementary) consists of two pairs of complementary colors.
Tetradic color scheme of blue and orange, and green and red: paulaner.de
Tetradic color scheme, also of blue and orange, and green and red: floridaflourish.com