Development and Design

Font tests

Header


Background


Sample

Several Painted Versions

Concepts

First Sketch

Second Sketch

Experimenting

Refined Concept

Module 3

Illusion of Spatial Depth

Flash CS3 Exercises

I'm in a class doing Flash tutorials at the moment. I may upload a couple here later if I can.

But for now, here's a Gif version of a flash animation I made in first year:

Module 2

Visual Weight

High Contrast

http://boxwish.com/


http://www.shoesaddict.fr/

Low Contrast

Texture Exercises

from tutorial


from tutorial


from tutorial


made by brushes


experimentation

Textual Exercise 2

Module 1

How to Critique

Good Web Designs...

Albertlo Design
http://www.albertlo.com/

• Lots of white space
• Bright colours, but used sparingly
• Content well thought out
• Large text
• Strong logo
• Simple menu, easy to find
• Appropriate for audience
• Strong and suitable information hierarchy
• Communicates intended message
• Strong headings
• Neutral background colour
• Three column grid

The RGB'S
http://www.thergbs.com/

• Centred design
• White space
• Bright colours, used sparingly
• Content a bit jumbled, but still easy to find
• Text average size, some a bit small
• Strong logo
• Simple, easy to find menu
• Appropriate for audience
• Neutral background colour
• Information hierarchy okay
• Communicates intended message
• Strong headings

Boag World
http://www.boagworld.com/

• Centred design
• Patterned Background but white inset which creates the white space
• Content well thought out
• Grid used
• Large, easy to read text
• Strong logo
• Simple, easy to find menu, except not in a regular format
• Appropriate for audience
• Strong and suitable information hierarchy
• Communicates intended message
• Strong headings
• Good contrast between text and background

Bad Web Designs...

Torchia
http://www.torchia.com/

• Flashing lines
• Menu not obvious
• No clear visual hierarchy
• No strong contrast between text and background
• Background image changes, creating confusion
• Content not well thought out
• Visable logo
• Not really designed for the audience, except for images of architecture
• Unsure of message intended
• Crap music

Brill Publications
http://www.brillpublications.com/

• Creepy talking avatar
• Hard to navigate
• Purpose not obvious
• Slow lift navigation
• Links send you to completely different websites
• Confusing

Haven Works
http://www.havenworks.com/

• Way too much information
• No hierarchy whatsoever
• Hard to navigate
• Impossible to understand
• No white space
• Just plain bad

Colour Exercises

What Color Model does your computer use?
RBG (Red, Green, Blue)
Where can you see more colors, in print or on screen?
Print (CMYK)
What are primary colors?
Base colours for any other colour
What are the primary colors for print?
Cyan, Yellow, Magenta, Black
What are the primary colors for on screen?
Red, Green, Blue
Which is color model is additive?
Print
Which is color model is subtractive?
Screen

In your own words, define the following:
Hue - The colour itself
Value - How much black is in a colour
Saturation - How vibrant or dull it is
Tint and shade - How light or dark it is

What is the difference between each of these colour schemes?:
Analogous - Next to each other
Complimentary - Directly opposite
Split Complimentary - One colour and then a colour each side of its complimentary
Tetrad - Four colours with atleast one colour seperating them
Triad - Three colours evenly spaced from each other

What are these color schemes used for?
They help determine which colours match each other and which other ones clash.


Line Exercises

Shape Exercises