Friday, 4 April 2008

Editing Blogger

Yesterday i experimented with editing the look of my blog using these tools

Mac Digital Colour Meter

Adobe Kuler

I used Adobe kuler to find colour schemes, then using the Apple Mac utility Digital Colour Meter I measured the RGB values. I then feed the RGB values in to to get the hex value of the colour. Once i had the hex value of the colour, I then placed it into the HTML template of blogger.

This is probably the most convoluted way to this but it is the only way i know how to get my colour from kuler to hex value.

Getting to look at the HTML in the template has really helped me understand what all the elements in the template do. At some point i am wishing to edit the template (maybe adding an extra column, exclusively for links of tech websites and blogs that i enjoy reading)

Here are some of the colours I experimented with

Above is a picture of the blog with the original colours, i picked this template as i really liked the two column layout, but i was never a big fan of the colours

I then experimented with making things a bit brighter (more friendly and web 2.0-ish) I though i liked the brighter feel, i didn't think the colours suited each other, so i decided not to stick with this.

I next used Adobe Kuler and found a NES related colour scheme, (red, white, black and grey) at the time this colour scheme didn't appeal to me i thought i was a bit boring and not very exciting. Looking back now, i quite like it the colours they seem to fit well together and all though they are dark, i feel they lend a professional feel to the blog

I final choose to use the colour scheme shown in the picture above, again i feel it has a slightly web 2.0 feel, and the colours seem to compliment each other quite well

I would encourage anyone reading this post to comment it and let me know which colour scheme they thinks works best

1 comment:

rockbigdave said...

Black and Grey dude for me. More stylish and pro than the others and the only one that, to me, works well with your main banner. :)

Clicky Web Analytics