Monday 31 January 2011

C.R.AP. Work

C.R.A.P. is good design 

C.R.A.P.  Stands for Contrast.repetition,Alignment and proximity four key standard used in design to convay a message or navigate properly mostly for websites.

i have examples of some below.





 This web page shows a few of the C.R.A.P principles however the most prominent is Alignment
for example the main context of the page has been centered between the margins not only to allow the background to standout but also to centeralise the the information also the illustration and text bubble are connected together to create one function this is also seen below as the image to the left and the text to the right of it also work together in this way.
another principle that can be found is repletion within the texts as the heading within the speach bubble   as well as the sub-heading are the same colour and similar font.
the last Principe visible is  the proximity principle shown hear by the distance between the main heading and illustration and the information below.



















this image shows mostly the proximity perspective using the rule to manipulate negative space and allow the human eye to create the image there are two examples in this image the first being the out line of the dog being created by were the pattern of zeros stops and the white space starts ,the second
being the white space contrasting with the black dots,eyes and nose.

There is also a example of alignment in this image with the zeros in the background aligned horizontally to help create the dog image
 











This image shows the principle of contrast mainly between the flower and the background manipulating the colours of the image for example the colour used for the background is a darker colour even ot of the flowers shadow which slightly dominates the background but also as the image itself is slightly blurred out of vision to allow the brighter and more various colour scheme of the flower to stand out even thow it has not been aligned within the center. 












This image shows Two  of the principles that work together to create the images affect 
the First alignment of the steps,the space between each of the steps and the spaces within the steps 
creates the look of perfection and uniformity with both the steps and the shadows they create 
Secondly repetition is obviously used in the image  created by the continuous perfect alignment of the steps creating  the image.














This image clearly uses alignment to convey its message  as the road and the road lines all 
perfectly move straight forward in the direction of the horizon not only does this convey depth within the image but also creates a sence of motion or movement. 


 

No comments:

Post a Comment