Thursday, 25 February 2010

Making Cover and Contents for Preliminary Task

With my designs in rough, I begun to start designing on the computer. The programme that I used was AdobePhotoshop for the cover.

STAGES OF MAKING THE COVER
-
I picked a picture that I liked and cropped it to elimiante unnecessary background in the frame.


- I then added a masthead which was 'Level A'. I called it 'Level A' as it is aimed at sixth form students who are doing their A Levels, so it was really a play on that.


- After inserting the masthead, I added the cover lines that I had previously decided on, placing them around the page where I thought looked best.


- Once I had placed all the coverlines and the masthead on the page, I begun to resize them and recolour them to suit the page colour scheme.
This was the final cover for my preliminary task.





STAGES OF MAKING THE CONTENTS
-
For the contents, I did a template of what I wanted on Microsoft Word first because I found that much easier to use than Adobe, however once I was happy with the result I then transfered the data and completed the contents on Adobe.

- I did was put the title in a large font in the top left hand corner followed by a large picture of sixth form girls (my target audience) underneath it.

- I put three coloums in the bottom half of the page and started to fill them up with text. The titles that I included were 'Features', 'Fashion and Beauty' and 'Reviews'. For the topics that were on my front cover I put a star around them and a small 'on the cover!' text box above them. Also, underneath the titles of my items I included a small explanation about what that particular article was about.

- Having finished the text for my contents, I added images that corresponded to the titles and included page numbers superimposed on top of the picture itself.

- I also included a smaller picture of my front cover image in the contents because there was an article about sixth form life and it is a sixth form magazine. All of my images were original images taken my me.
This was the final contents page for my preliminary task







2 comments:

  1. I'm on the fence about this, while more customization is good, I have a feeling this is a "in-progress" update, it just feels incomplete and half-way there.
    We use badge layout for apps on design approvals (visual projects), so the image being displayed is important. Old layout "feels like" it had larger images,
    maybe because the images were cropped more loosely so it's easier to tell which project it was at quick glance. Now the image is cropped closer, making it
    harder to scan thru at quick glance. I find myself needing to click into the project more often than usual. Which makes the whole user experience less
    efficient.
    I have a couple suggestions that might make it work better:
    1. Increase the height of the window the cover image is being displayed.
    2. Let us to choose which image to be displayed as "cover" (like how Pinterest handles cover images of each board, was hoping for this for a long time)
    3. Let us adjust which part of the image to show and how tight or loose the crop is (with a fixed window, let us move the image around and maybe enlarge or
    shrink it to control what shows thru the window. Pinterest does a limited form of this, which is very useful in making the cover image relevant)
    4. Allow Cover Image to be ordered in different hierarchy (currently every element can be ordered differently except the Cover Image, it seems to be stuck
    in the 2nd spot, would like the option to set it on another spot in the layout. This one seems like an easy fix, since you guys allow that for every other
    element already)

    ReplyDelete
  2. I'm on the fence about this, while more customization is good, I have a feeling this is a "in-progress" update, it just feels incomplete and half-way there.
    We use badge layout for apps on design approvals (visual projects), so the image being displayed is important. Old layout "feels like" it had larger images,
    maybe because the images were cropped more loosely so it's easier to tell which project it was at quick glance. Now the image is cropped closer, making it
    harder to scan thru at quick glance. I find myself needing to click into the project more often than usual. Which makes the whole user experience less
    efficient.
    I have a couple suggestions that might make it work better:
    1. Increase the height of the window the cover image is being displayed.
    2. Let us to choose which image to be displayed as "cover" (like how Pinterest handles cover images of each board, was hoping for this for a long time)
    3. Let us adjust which part of the image to show and how tight or loose the crop is (with a fixed window, let us move the image around and maybe enlarge or
    shrink it to control what shows thru the window. Pinterest does a limited form of this, which is very useful in making the cover image relevant)
    4. Allow Cover Image to be ordered in different hierarchy (currently every element can be ordered differently except the Cover Image, it seems to be stuck
    in the 2nd spot, would like the option to set it on another spot in the layout. This one seems like an easy fix, since you guys allow that for every other
    element already)

    ReplyDelete