Tag Archives: colour

Using the svBuilder

I clicked on New Gallery.

I dragged the three cloud files on to the ‘Add Images’ space and they appeared on the right. I changed the caption of the files to a different name which would be seen by the viewer.

Size of webpage, image source and image sizes are the other options that can be changed here.

I clicked the ‘Customise’ button. The options on the left appeared. I changed the text colour to purple. I clicked ‘Publish’.

Gallery height, gallery width, background colour, text colour, frame colour, frame width as well as the title of the gallery can be edited. The layout of the page can also be edited.

I clicked save.

Here you can see the changes I made.



Paris versus New York – in graphic form

I love this. The bright colours.


Putting final design app icons on to an iPhone

The tutor showed us where to get this download. Someone has created all the parts of the iPhone in vector form which is really useful for me. This download tells me that the typeface I need to use is Helvetica Neue Bold. The only part I need from the download is the body of the phone.


Here is the screen I am using which was donated by a friend who owns an iPhone.

Here I am using guides to try to fit the icons on to the iPhone.

Here is how my first try at fitting them on the iPhone turned out. The bright colours contrast well against the dark background. The icons can be seen clearly.

Here I am adding the names of the apps using Helvetica Neue Bold.

I needed to put quite a lot of guides on the screen because it was difficult to get the icons and type to line up straight.

Here is the final design which will be printed. I’m really happy with it and I have had positive feedback from fellow students. I have had a lot of feedback from tutors and fellow students over the course of the project and I have remembered their reactions and made changes based of what people have suggested. I like to get feedback because it is really helpful. I wanted to bring some fun to measuring apps, give them a modern make over and liven then up a bit.

Vector design for the Altimeter and connotations

On the third row down here you can see a little sketch of a mountain. This was the idea I had for the altimeter.

I looked at some pictures of mountains on the internet and decided to use this one for inspiration:


Here I am using the pen tool to try to get the snow in the shape I want it.

Here is the final design.


Is your design clear and easy to understand?

I think it is clear to see the mountains in this design. Hopefully when people think of mountains they also think of the word altitude.

How might others view it? How could it be mis-read?

People might think it has something to do with hiking or they may think of the Alps.

Does it look appropriate or does it refer to other meanings?

I think it is appropriate because the design is really easy to understand and is closely related to the word altitude.

Vector design for the Barometer and connotations

I wanted to have a sun and a cloud with rain to represent the barometer. I looked at pictures on the internet such as this sun and the cloud below it.



I used the tool pen to make my own sun and cloud. I used the rotate tool to make the details around the sun.


Is your design clear and easy to understand?

I think it is easy to see a sun and a cloud in the design. I didn’t try to design something to represent air pressure as I think the sun and cloud are easier and quicker to understand.

How might others view it? How could it be mis-read?

They may view it as a weather forecast which technically it isn’t.

Does it look appropriate or does it refer to other meanings?

I think it is appropriate because ultimately a barometer measures air pressure which indicates what the weather will be.

Vector design for the Speedometer and connotations

I thought I would have a look on the internet to see what type of speedometer are already out there. This one is really simple and eye-catching.


The one is amazing because it looks so real. It looks like a photograph but it’s actually a vector.


Since my icon is going to be tiny I decided to design something really simple. In illustrator I used the pen tool and the rotate tool to make a really simple image.


Is your design clear and easy to understand?

I tried to make it really simple so that people would be able to see what it is by not including a lot of colour or detail.

How might others view it? How could it be mis-read?

It could be misread as a general dial and not a speedometer. Dials are used for many purposes which could be confusing.

Does it look appropriate or does it refer to other meanings?

I think it does look appropriate but it could refer to any type of dial.

The Independent research – By Jess



These are images of the first look of the new i newspaper.
On the front there is the key of colour along the side which is a guide to which colour is to what part of the new paper. This info graphics is letting people know where to go for a certain part of news.

This paper spread here is from the Independent newspaper on the same website as before.
You can see by this page that there is quite a lot of colour involved and the text is all set in very precise columns.

The maps on here are the info graphics, including the images along with the photographs. The page is quite simple and plain with limited colour, so when designing I think that we should take into consideration the colour and simplicity of the layout. The colour links in somewhere within the images and text.

The same goes for this layout. The diagram of the map links the colour to the other images on the spread. There is a lot more colour within this layout but it has the same underlying features with precise columns and colour themes.