240 likes | 331 Views
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. Why not put up text only?.
E N D
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.
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 shouldn’t have a throw together home page.
Why Use Color and Images? The home page is the first impression a person has of your organization or club.
Art as I see it is any human activity which doesn’t grow out of either of our species two basic instincts: Survival and Reproduction Understanding Comics by Scott McCloud Add color and print becomes art
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 2 aspects of choosing colors
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.
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, you’re likely to achieve greater consistency with your designs The diversity of the club requires that we stick to a ‘safe’ palette www.webtechniques.com
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
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
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
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.
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
Violet + is the color of fantasy, playfulness, impulsiveness, and dream states. - In its negative mode, it can suggest nightmares, or madness. • http://coolhompages.com
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
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
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
Images Enhance your site Or Delay loading time
This image is beautifully rendered and enhances the site and promotes the movie. What do we at Seoul CC have to work with?
Does this image enhance our site? Yes it does. And it’s a great link to the video clip and AFKN
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
Final Tips • Preview and edit, edit, edit • Preview in a variety of browsers • Preview with different monitor settings
Color sites • Virtual Color Museum • www.colorsystem.com • Color Matters • www.colormatters.com
Pushing The Limits • X2 • www.x2-movie.com • Terminator 3 • www.terminator3.com