proof of improved contents page design processes

23
{ Proof of improved contents page design process. Charlie Vaughan

Upload: charlie-vaughan

Post on 18-Jun-2015

312 views

Category:

Technology


1 download

TRANSCRIPT

Page 1: Proof of improved contents page design processes

{

Proof of improved contents page design process.

Charlie Vaughan

Page 2: Proof of improved contents page design processes

This is the contents page that I designed originally for my

magazine, I Used the magnetic marque tool to select a small

area of colour from the bottom left corner that I like to be the

basis of my new contents page design

Page 3: Proof of improved contents page design processes

This is what it looked like

Page 4: Proof of improved contents page design processes

Then I used the same method for making my Masthead in

creating a title for the contents page, shortening contents page

to Cont because it meant it would fit on the page, whilst still being associated with the word

contents

Page 5: Proof of improved contents page design processes

I then used the rectangle tool with the same colour as the columns on the old contents

page and a stroke of purple to coincide with the theme that I have maintained thought-out

the magazine.

Page 6: Proof of improved contents page design processes

This was placed using the horizontal text tool, with a drop

shadow placed behind by double clicking on the layer in

the layers side bar and checking the drop shadow box.

Page 7: Proof of improved contents page design processes

I then used a large font for the page number and a smaller

standard font. Size 12. to place the article title and a brief

description of the article. This was all written in word first and then added to the magazine to ensure the grammar is correct

Page 8: Proof of improved contents page design processes

This is how the page looks with the rest of the feature pages placed on it using the same

method

Page 9: Proof of improved contents page design processes

I placed the regulars heading with the horizontal text tool and

added the drop shadow to make it stand out on the page. It also the exact sane size as

the features heading.

Page 10: Proof of improved contents page design processes

I added the same rectangle as the features heading to the

regulars heading.

Page 11: Proof of improved contents page design processes

Used the same horizontal type tool, as well as font and size

along wit the number

Page 12: Proof of improved contents page design processes

This is the basis of the contnets page its self.

Page 13: Proof of improved contents page design processes

This shows that document that I produced with all the text from

the contents page on

Page 14: Proof of improved contents page design processes

This is how it looked on the page

Page 15: Proof of improved contents page design processes

Then I did the same with another image of Adam and

placed it like this.

Page 16: Proof of improved contents page design processes

Duplicating the left hand Lay-Z’s layer, flipping it horizontally and placing it on the right hand side gave this unique looking arrangement of the artist, next

to the main article of the magazine.

Page 17: Proof of improved contents page design processes

To design the BaseFace Live logo I used the original

masthead that I made, By selecting this part…….

Page 18: Proof of improved contents page design processes

And deleting it ……..

Page 19: Proof of improved contents page design processes

And selecting this part……..

Page 20: Proof of improved contents page design processes

And deleting it…….

Page 21: Proof of improved contents page design processes

I ended up with the basis of the BF live logo.

Page 22: Proof of improved contents page design processes

Placing a purple (Coinciding with the theme ) for the logo

Page 23: Proof of improved contents page design processes

This is the finished product..