The elements of website designing are the building blocks constituting a designed webpage. If you aim to create effective and powerful web pages, it is crucial for you to have an in-depth understanding of the five basic elements, fundamental to web-page designing.
These five elements are:
o Lines and line work
o Shape
o Texture
o Color
o Direction
o Shape
o Texture
o Color
o Direction
How lines figure in the web page design- Lines are basic elements of web designing that are used to add style. Along with contributing to style, lines serve to enhance readability and comprehension of a design. They can be used either as a border around an element or as a divider to separate different elements. Lines can also be used as decorations or for accentuating contours around elements.
Shapes in web-designing- Shapes as basic design elements are made up of closed contours and/or by placing 2 dimensional or 3 dimensional objects in the design. Shapes can be categorized into three basic types: geometric, natural and abstract. They are used to convey meaning, organize information and can be used in several other ways also. For example, they can serve to add interest, sustain interest, guide eye direction around the design and help organize/separate elements in the design. Geometric shapes in design consist of rectangles, squares, circles, triangles and diamonds and are usually created by layout and CSS. Natural shapes, as the name suggests are those, which are commonly found in nature such as trees, ponds, puddles and leaves etc. Abstract shapes refer to those, which though possessing a recognizable form are in fact, not real. For example, a stick figure drawing of a horse is an abstract shape different from that of the picture of a real horse, which constitutes a natural shape. Abstract shapes are added in web-designs by using images. Some examples of abstract shapes are alphabet glyphs, icons, symbols etc.
Texture- Texture in website designing refers to a feel of the surface of the webpage and is the tactile part of the elements of web-design. Although texture of a webpage is visual, you are able to generate an illusion of smoothness/roughness/hardness or softness through introducing natural or artificial textures in your design. Texture in web-design is applied in several ways; e.g. through suitably textured backgrounds, special emphasis or by using stylized design features such as etchings or engravings. Incorporating texture in web-pages through background images is the most commonly used technique. You must however, remember that even when you do not use a special texture background, things may still possess an approximate texture. For example, images without backgrounds will have the texture of the images. Moreover, several elements present on a page provide a combination to present a textured look.
Color- Color is one design element to which all website designers pay the most attention. However, color is not an essential element of designing. The best way is to create a design in black and white and later on add color in bits to enhance design effects. Color is used in designs, in images, backgrounds, text foregrounds and accents. While in the foreground, colors are used in fonts and text color, in the background color is used to change the background of the element in the foreground. Color is also applied to borders around elements. It is added to web pages through images/photographs. For flat color GIF images and for photographic and multi-color JPEG images are used.
No comments:
Post a Comment