Sunday 17 November 2013

OUGD504: Design for web - Colour Pallete and fonts.

Design for web. 
Researching colour pallets and fonts. 
Choosing colour pallets and fonts. 

Before I could make these design decisions I went to look at other leading Frozen yoghurt Brand websites. The current colour pallet that Frurt uses, seen below, is much too organic and ultimately boring for a frozen yoghurt brand aimed at students. It is understandable that the colours, greens and yellows, have been used to promote the healthy agenda of frozen yoghurt, however the website needs to have some fun injected into it. Currently the site communicates that the yoghurt is healthy, however this is not all that is great about frozen yoghurt, about the tart zing that first hits your tongue, quirky flavours, toppings galore, and being able to enjoy the dish with your friends. 




 Pinkberry:




The Pinkberry website has a core duo of colours this being, a lime green and a warm pink. Both of these colours are used in the logo and throughout the website. The vibrant green is used mainly, and the contrasting pink shade as an accent colour. These are sometimes combined with other colours of a similar pallet such as a lighter green and a blue green. Pinkberry uses photographs where possible and a minimal use of illustration, I assume this is due to the target audience. The audience for pink berry froyo is young business people. This is evident in the professional appearance of the website, and truth in which they use photographs, Pinkberry is known as a yoghurt bar where employees can come together during their breaks at work and enjoy some good yoghurt. The choice of font is sans serif, as the website is not of a formal type, or of high importance. Sans serif fonts display a sense of informality, a more casual attitude and cleaner appearance. 


TCBY:







TCBY does not particularly follow a colour scheme, However its 3 main colours used consistently throughout the site are a bright red toned pink, an orange and a turquoise toned blue. Although there are different colours, TCBY are constantly employing new pallets of colour for different adds on their website. This keeps the website, new, fun, exciting, fresh and unpredictable. The website uses mostly illustration, and a range of photographs which are edited to almost have an illustrated effect. This is due to the audience being both young people (students) and families. The larger mass of text is always completed in sans serif font, however sans serif is used on rare occasions as a special addition. Most of the text used on the site is of a web safe font, however some other fonts, which would not be found only every computer have also been employed onto the site. These have been integrated into adds, and part of an image, and so these will still come up as the original font chosen, even when not loaded on a computer with the font installed. This could be something to bare in mind for the logo and advertisements. 


16 Handles:





Red Mango:





I decided that after looking at the websites above It might be best to use a pallet of both pastel and bright colours across a range of shades, rather than keep it to a range of blues, or pinks etc. The combination of a number of colours keeps the website fun, fresh and young. As students are my target audience, this sort of colour pallet would attract them. I went onto a website called design seeds and started to look for colour combinations. Here I decided to save all of the pallets which I thought would be most relevant to frozen yoghurt, choosing a range of pastel and bright colours, which would also appeal to my young audience. 

Pastels - Pale pink/green and mid green.



Pale pinks and greens.


Lilac pink and blue.


Green and both pinks. 


All colours.


Pink and blue gradients.


Pink and green.


Colour pick bright green, bright pink and green.

Bright orange.


Bright pink.

I took all these colour pallets into illustrator and began to pick out the colours which I thought were most appropriate for my website, creating a pallet of both pastel and strong bright colours. 



The next step I took was looking into web safe colours. I tried to find the web safe colours which were most similar to the set of 6 colours I have chosen above. 

Below is the list of the 216 web safe colours. 




The original set of colours seen left, and the web safe colours seen right:


There is not much difference to the human eye as far as the web safe colours look compared to the original colours. The biggest difference you can see is the contrast between the pinks, the original colour is very light compared to the web colour which is slightly darker, however this doesn't cause much of a problem as the tone hue and saturation of the colour are of similar levels. 

The fonts that I have chosen to use are sans serif, this seems the most appropriate for my website as I am portraying Frurt to be a fun and casual place to visit rather than overly formal. 
My font family choice is:
Helvetica, Arial, Sans-serif. 




















No comments:

Post a Comment