A Quick Rule of Design

1
A Quick Rule of Design

• The wants of the many out way the wants the few
  or the one.
• As a designer what you prefer or what you know is
  a better design may not be what the audience
• wants to see.

2
Why not put up text only?

• I could throw up a text page in one afternoon, (I
  could throw one up in an hour) but that would
  leave a bad impression on a viewer.
• A computer club shouldnt have a throw together
  home page.

3
Why Use Color and Images?

• The home page is the first impression a person
  has of your organization or club.

4
Add color and print becomes art

• Art as I see it is any human activity which
  doesnt grow out of either of our species two
  basic instincts
• Survival and Reproduction
• Understanding Comics by Scott McCloud

5
2 aspects of choosing colors

• Viewing Technology
• Web safe colors
• How powerful are the viewers computers?
• How fast is the internet connection?
• Type of browsers
• broad or narrow

• Audience
• Function Vs. Form
• Content Vs.
• Images and animation

6
Viewing Technology

• How powerful are the computers?
• How fast is the internet connection?
• Web safe colors To use or not to use?
• Type of browsers
• broad or narrow
• In our club there are many different browsers
  being used.

7
Web safe colors

• The web-safe or browser-safe palette consists of
  216 colors that should remain stable across Mac
  and Windows platforms.
• If you use the Web-safe palette, youre likely to
  achieve greater consistency with your designs
• The diversity of the club requires that we stick
  to a safe palette
• www.webtechniques.com

8
Colors Effect Emotions

• Red
• is associated with blood, and with feelings that
  are energetic, exciting, passionate or erotic.
• -
• The downside of red evokes aggressive feelings,
  suggesting anger or violence.
• http//coolhompages.com

9

• Orange
• is the color of flesh, or the friendly warmth of
  the hearth fire. The positive implications of
  this color suggest approachability, informality.
• _
• The negative side might imply accessibility to
  the point of suggesting that anyone can
  approach-- a lack of discrimination or quality.
• http//coolhompages.com

10

• Yellow
• is the color of sunshine. This color is
  optimistic, upbeat, modern.
• -
• The energy of yellow can become overwhelming.
  Therefore yellow is not a color that tends to
  dominate fashion for long periods of time.
• http//coolhompages.com

11

• Green
• In its positive mode, green suggests nature
  (plant life, forests), life, stability,
  restfulness, naturalness.
• -
• On the other hand, green in some tones or certain
  contexts (such as green skin) might instead
  suggest decay (fungus, mold), toxicity,
  artificiality.

12

• Blue
• suggests coolness, distance, spirituality, or
  perhaps reserved elegance. Some shade of blue is
  flattering to almost anyone.
• -
• In its negative mode, we can think of the
  "blues"-the implication being one of sadness,
  passivity, alienation, or depression.
• www.coolhomepages.com

13

• Violet
• is the color of fantasy, playfulness,
  impulsiveness, and dream states.
• -
• In its negative mode, it can suggest nightmares,
  or madness.
• http//coolhompages.com

14

• Color it white Use white. Use space. Please!
• White in its nothingness acts as a wonderful
  balance between colors. You can also make your
  Web pages easy on the eyes by leaving plenty of
  white space, or empty space between page
  elements, in your layout especially if your site
  is rich in content (text).
• http//coolhompages.com

15
Dynamic and white

• The colors for our site were chosen too.
• Create a dynamic and friendly look
• White was used to keep the content easy to read
  over a wide range of browsesrs

16
Function Vs. Form

• The members of Seoul CC seem to be interested in
  content of over flash.
• The site, while colorful, is easy to navigate
  with a minimum of pages.
• Note the navigation bar is ready for expansion

17
Images

• Enhance your site
• Or
• Delay loading time

18

• This image is beautifully rendered and enhances
  the site and promotes the movie.
• What do we at Seoul CC have to work with?

19

• Does this image enhance our site?

20

• Does this image enhance our site?
• Yes it does.
• And its a great link to the video clip and AFKN

21
Optimize your images

• Images should be in a gif or jpeg format
• Images should be the same size as the cell or are
  they are set in

22
Final Tips

• Preview and edit, edit, edit
• Preview in a variety of browsers
• Preview with different monitor settings

23
Color sites

• Virtual Color Museum
• www.colorsystem.com
• Color Matters
• www.colormatters.com

24
Pushing The Limits

• X2
• www.x2-movie.com
• Terminator 3
• www.terminator3.com