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