Contact Us: 904-395-5105

Texture

In Chapter three of Principles of Beautiful Web Design, Jason Beaird covers texture and explains how it is applied to a web page for enhanced visual interest. He describes texture as “anything that gives a distinctive appearance or feel to the surface of a design or object.” Adding a simple textured background to the interface engages the viewer making him or her compelled to look at the page for a longer amount of time.

Ex. of website that uses texture, pattern and depth:

http://www.xpenso.fr/

It is very important to have contrast between the text and the background color, so that the text is easily readable. Texture adds a more tangible feel to otherwise sterile and flat websites as well as it adds dimension to flat elements. This can be achieved by adding different effects (shadows, gradients, and altering the blending modes). Good use of texture can really enhance a design and make it stand out to viewers.

In this chapter, Beaird also breaks down all of the different visual elements of design such as point, line, shape, volume, depth and pattern”:

Point is used for measurement with no scale or dimensions unless otherwise referenced. Where pixels are used to measure digital images, points are used for graphic elements such as type, shapes and line. When many points are group together, they form an image just as pixels do. It is easy to ignore the tiny points on the screen when working in high resolution, but don’t underestimate the power of one.

Line is the most common graphical element used in design. It is a simple path or mark connected by two or more points. Lines can be used to separate and complete information. The simplicity of a line has qualities that can help communicate ideas and feelings. A line can be straight or curved, thick or thin, dark or light, and continuous or broken, all of which can express different emotions. Implied lines suggest motion or organize an artwork and they are not actually seen, but are present with a distinctive look.

Shapes occur what two endpoints of a line meet. Shapes can be geometric, free form, two-dimensional and three-dimensional.  Like a line, a shape can express a feeling or idea. Beaird states that geometric shapes tend to have a more mechanical or technical feel while free form shapes suggest an organic and natural feel.

Ex of site that uses line and shape:

http://www.mademyday.de/

It is very important to have contrast between the text and the background color, so that the text is easily readable. Texture adds a more tangible feel to otherwise sterile and flat websites as well as it adds dimension to flat elements. This can be achieved by adding different effects (shadows, gradients, and altering the blending modes). Good use of texture can really enhance a design and make it stand out to viewers.

In this chapter, Beaird also breaks down all of the different visual elements of design such as point, line, shape, volume, depth and pattern”:

Point is used for measurement with no scale or dimensions unless otherwise referenced. Where pixels are used to measure digital images, points are used for graphic elements such as type, shapes and line. When many points are group together, they form an image just as pixels do. It is easy to ignore the tiny points on the screen when working in high resolution, but don’t underestimate the power of one.

Line is the most common graphical element used in design. It is a simple path or mark connected by two or more points. Lines can be used to separate and complete information. The simplicity of a line has qualities that can help communicate ideas and feelings. A line can be straight or curved, thick or thin, dark or light, and continuous or broken, all of which can express different emotions. Implied lines suggest motion or organize an artwork and they are not actually seen, but are present with a distinctive look.

Shapes occur what two endpoints of a line meet. Shapes can be geometric, free form, two-dimensional and three-dimensional.  Like a line, a shape can express a feeling or idea. Beaird states that geometric shapes tend to have a more mechanical or technical feel while free form shapes suggest an organic and natural feel.

Ex of site that uses line and shape:

http://www.mademyday.de/

Share with your friends









Submit
0