Embed Size (px)
Citation preview
The Five Elements of Design
Color When choosing colors to use in a Web site, a
designer should use colors that are complementary.
One color allows the other color to stand out. Once you pick a color, you can use different
shades and tones.
Complementary Colors
Analogous Colors Analogous colors are those that are right next
to each other on the color wheel. How would your Web site look if you used
these colors for your background color and text color?
It would be very difficult to distinguish the text from the background color because of how close the color wavelengths are to each other.
Choose Carefully While you should keep complementary colors
in mind to create contrast, these colors don’t always make good choices for the text and background colors.
This combination could overwhelm
your viewer.
Color Choice Color choice will create the first impression
that your viewer will make about your site. Poorly chosen colors will leave your viewer
with a poor impression of your site and lower the authority of your message.
http://colorschemedesigner.com/ http://iteslj.org/Articles/Kelly-MakePage/sampl
es/bad/badcolors.html
Changing the Color of Hyperlinks in HTML By default, the color of hyperlink text is blue
and once it has been visited it turns to purple. There are times that these colors do not work
with the background of your Web site. To change this include the link tag in the body
tag. <body bgcolor=“red” text=“black”
link=“white” vlink=“yellow”>
Shape Shape can add interest to your Web site Helps organize the text or other elements Most Web sites use some form of a
rectangular shape in their design The use of rectangles creates a closed form
and allows our eye to be focused on the one area.
Line Ways to use lines:
1. Organize ideas by separating one idea from another
2. Thin line to separate navigation buttons3. Show direction of an object or show
motion of an object4. Underline text to show hyperlink
Line The most common way to use a line is to
organize ideas. A line can be used to separate one idea from
another. It gives the viewer a sense of closure before
moving on to the next idea
Texture Texture is the use of a depth to make an
image so that it doesn’t appear flat. Depth is the use of certain design techniques
to create the appearance of a third dimension on a flat surface.
Texture can be achieved through the use of shadows, detail lines, or color highlighting.
You can use a textured background http://www.loriswebs.com/texture.html
Typography Typography includes all the things that you do
with your font within your Web site Using the right font choice to deliver your
message to the viewer is an important part of the message
How is the font choice for the following:Mayor declares war on drugs
(Blackadder font)
I WOULD LIKE TO ORDER PIZZA.
How to beat your opponent at karate (Curlz font)
![Custom T-Shirts Online - JDB024 · Uniform Colors: Color 1 . Color 2 color 3 JDB021 Front 11 Back HOGAN Uniform Colors: Color 1 C] Color 2 . color 3 BRAVE Front Back Lettering: Athletic](https://img.pdfslide.us/doc/110x75/5f5a9900257aa053544720fd/custom-t-shirts-online-jdb024-uniform-colors-color-1-color-2-color-3-jdb021.jpg)
![ArcGIS Colors - Color Schemes€¦ · arcgis colors - color schemes +hdw0ds 1hxwudo%urq]h](https://img.pdfslide.us/doc/110x75/5f3d5448b1f7df07363ee10f/arcgis-colors-color-schemes-arcgis-colors-color-schemes-hdw0ds-1hxwudourqh.jpg)
