Elements of Design
The elements of design play an important role in the creation and success of a Web Design. Regardless of the industry or the designers' abilities, these principles still apply.
Web Space
Web space is the area provided for a particular purpose, specifically for a module or an article. Space may have two dimensions (length and width), such as a floor, or it may have three dimensions (length, width, and height). Space includes the background, foreground and middle ground. Space refers to the distances or areas around, between or within components of a piece.
There are two type of space: positive and negative space. Positive space refers to the space of a shape representing the subject matter. Negative space refers to the open space around the subject matter. This space concept is especially important in Web Design. If you cannot capture a visitor's attention in 5 seconds or less, the visitor is well on their way to another site.
Lines
Lines are the basic element of any art medium that refers to the continuous movement of a point along a surface, such as a pencil or brush. The edges of shapes and forms also create lines. It is the basic component of a shape drawn on paper. It is also these lines that create the stunning visual effects of a Web design. Lines and curves are the basic building blocks of two dimensional shapes like a house'. Experiment in design by adding or changing lines such as the lines of the floor plan of a house. Every line has length, thickness and direction.
Color
Color is the most expressive element of art and is seen by the way light reflects off a surface. Color occurs when light hits the surface of an object and is reflected back to the eye and is used to create illusion of depth, as red colors seem to come forward while blue seems to recede into the distance. Color and particularly contrasting color is also used to draw the attention to a particular part of the image. On some cases of interior design, color can be added to increase visual appeal such as the natural colors of wood of a china cabinet. Color may add visual appeal to a Website just as colored flowers can add beauty to a field on a prairie. There are: primary colors, secondary colors, and tertiary colors.
Primary colors consist of red, blue and yellow. Secondary consist of orange, purple (violet) and green; secondary color is made by mixing two primary colors on either sides of the color wheel. Tertiary consists of red-orange, red-purple, blue-purple, blue-green, yellow-orange, and yellow-green. Tertiary colors are made by mixing a primary and secondary color. Tertiary color always starts with a primary color. Complimentary colors are colors that are opposite to each other on the color wheel. Complimentary colors are used to create contrast. Analogous colors are colors that are found side by side on the color wheel and analogous colors can be used to create color harmony. Monochromatic means tints and shades of one color.
Tinting of one color is to add white to the color and shade is to add black to the color. Warm colors are a group of colors that remind us of warm places and things such are red, yellow and orange. For example; fire, sun and fireworks. Cool colors are group of colors that remind us of cool places and things such as purple, green, and blue. For example ice, cool sky blue, and the sea.
Shape
Shape is an area enclosed by lines. Shapes are two dimensional or in other words flat. Shapes can also show perspective by overlapping. It can be geometric or organic. Shapes in Web design can be used to add interest, style, theme to a Website. Shape in Web design depends on the function of the object like an article, module or a tab. Natural shapes forming patterns on wood or stone may help increase visual appeal in a background setting. In a landscape, natural shapes, such as trees contrast with geometric such as houses.
Texture
Texture is the way the surface of an object actually feels. Texture can be a visual experience especially when coupled with tactile memory of how objects feel. In the artistic world, we refer to two types of texture Tactile and Implied. Tactile Texture (real texture) is the way the surface of an object actual feels. Example: sandpaper, cotton balls, tree bark, puppy fur (etc). Implied Texture is the way the surface on an object looks like it feels. Example: Texture may look rough, fizzy, gritty, but cannot actual be felt. This type of texture is used by artist when drawing, painting or in this case building a website.
Form
Form is any three dimensional object. Form can be measured, from top to bottom (height), side to side (width), and from back to front (depth).Form is also defined by light and dark. There are two types of form, geometric (man-made) and natural (organic form).Form may be created by the combining of two or more shapes. It may be enhanced by tone, texture and color. It can be illustrated or constructed.
Value
Value is an element of art that refers to the relationship between light and dark on a surface or object and also helps with Form. It gives objects depth and perception. Value is also referred to as tone, basically shading.
Type
Type is the use of letterform to add a message that would be otherwise challenging to create through the other elements.
![]()
