Unit 19; The Theory Of Digital Media Graphics

06/11/2012 - 16/11/2012

my next task is to describe the theories behind digital graphics, i am going to do this by looking at websites that use digital graphics frequently but are related to the P.E department.
The websites i will be viewing are;

• http://www.cardinal-heenan.org.uk/index.php?lang=en
• http://www.ttsonline.net/

As you can see this website has a navigation bar as does most if not every website has a navigation bar, as you can see it highlights a bar if you put the mouse over it and if it is clicked on, it goes to that specific titled page. This is the use of a navigation bar.

As you can see this is a background of the ‘ttsonline’ website, a background is an originally product for a website or a piece of work. Its main purpose is to help people navigate the website as the background has bright colours to capture the eye.

This picture has picture elements, the screen is divided up into pixels and the amount of pixels that can be displayed on the screen is dependent on the resolution,  resolution is often reffered to as DPI or PPI, these abbreviations stand for dots per inch and pixels per inch.

The picture can be improved by the intensity of the pixels. The intensity refers to the brightness and the hue of the pixels.

The image resolution on this website is considerably high; Image resolution is an umbrella term that describes the detail an image holds. The term applies to raster digital images, film images, and other types of images. Higher resolution means more image detail.

(referring to the same picture) Raster image- a raster graphics image, or bitmap, is a dot matrix data structure representing a generally rectangular grid of pixels or points of color, viewable via a monitor, paper, or other display medium. This is very useful as in serif you could use the cut out tool to edit one of the pixels to your needs which is a big advantage

(referring to the same picture) Many websites consists of pictures as does this one, to save space and data the person who created the website would use some sort of compression there are two types of compression, Lossy and Lossless compression. Lossy compression is in information technology, "Lossy" compression is a data encoding method that compresses data by discarding (losing) some of it. Lossless compression. Lossless data compression is a class of data compression algorithms that allows the exact original data to be reconstructed from the compressed data.

This is the logo of the website which is used throughout the website; this is a quite strong logo as it uses bright colours to catch the eye of the viewer.

(referring to the same picture) Vector graphics,  is the use of geometrical primitives such as points, lines, curves, and shapes or polygons, which are all based on mathematical expressions, to represent images in computer graphics. Vector graphics are based on images made up of vectors which lead through locations called control points.

(referring to the same picture)As you could see, these pictures are logo graphics, logo graphics are a graphic mark or a emblem that are used by commercial enterprises and organisations which is most likely linked to their website. They really attract the viewer because dependent on the logo itself it could have strong colours to draw the attention of the viewer towards their website.

A good example of a good logo is the ‘coca cola’ as it has a different font which attracts the viewer with the white colour and the strong red background. this will help customers to view the product and they will know who it will belong to because it is also well know the consumer public does not pay particular attention to the characteristics of the product or service which is hugely beneficial

This is a bad example of a logo as it has three letters, but who would know what they would represent? And the bad usage of dull colours doesn’t attract viewers at all, it could also cause public outrage as if you rotate the logo 90 degrees it shows a disturbing image.

colour space	Uses	Definition
RGB (Red, green and Blue)	Photography, television and personal computers	The RGB color model is an additive color model in which red, green, and blue light are added together in various ways to reproduce a broad array of colours
HSV (hue, saturation and value) Hue- is one of the main properties of a color	-	HSL and HSV are the two most common cylindrical-coordinate representations of points in an RGB color model.
YUV (luminance and chrominance)	-	YUV is a color space typically used as part of a color image pipeline. It encodes a color image or video taking human perception into account

YUV (luminance and chrominance)

RGB (red, green and blue)

HSV (hue, saturation and value)

An animated GIF file comprises a number of frames that are displayed in succession, each introduced by its own GCE, which gives the time delay to wait after the frame is drawn. This attracts the users towards the website by including sharp and bright color’s whilst having the movements of the GIFs. The advantages of GIFs are is that they are a considerably small size in file especially when compared against other animated files they are also easily supported as you don’t need any special plug in to view the animated gif. The disadvantages of animated GIFs are ; They technically require a license per image use because they fall under a royalty license that CompuServe has and will continue to enforce they also They can't be edited once they are encoded as an animated gif. If you do edit the gif, you will lose the animation sequence on Save.

Good example of an animated gif;

   

This is a good example because its bright and strong so therefore it keeps the viewer interested and entertained, keeping the focus on the website.

  

Bad example of an animated gif;

This is a bad example because it has the usage of bad colour schemes, it is also slow in changing to different frames, it just doesn’t look appealing to the viewer so it does not have a positive effect on the viewer.