Category Archives: Environment

Here are my final pieces

I am happy with the way these pieces have turned out because I think the grid I have used, which was a 3×3 grid with 5mm gutters, displays the photos clearly and all the elements have enough space to breath. I decided to use folios as I haven’t used them before.

Last ideas

Here are the photos I’m using for this idea:

I think this idea has turned out quite well. It was more difficult than I thought it would be to place the body text on the page with the pictures and actually make it look professional. I think I finally decided to have the text in this position because this made it look the neatest. The heart-shaped bauble looks a bit squashed into that box.

I tried swapping two of the images to see if it made any difference. I don’t think it has made that much of a difference apart from the heart-shaped bauble has more space now. I need to try out another idea.

I thought I’d try the idea again with a different picture.

I think that this idea looks nice because the new picture looks comfortable.

More ideas…

Here are the pictures I’m using.

Here is another idea for the first spread. I think it has been successful. I have used a grid with slightly larger gutters and I think it looks a lot less overwhelming. The first page has a lot of white space. I need to do another idea using a pull quote.

Here are the pictures I’m using.

Here I am moving the text and images around to see what works best. It’s quite difficult to give it a consistent style.

I think this idea has been successful because there is a lot of white space so the elements can breath.

Here I’m using the same grid as I did above. I think this idea has been successful because it shows the photographs clearly. I think it could be improved possibly but I would need some guidance from my tutor.

Here is my next idea

Here are the pictures I’m using for this idea.

I have added a sell into this idea. The picture on the right hand page doesn’t fit perfectly into the grid I used but this is the way large images were arranged in Communication Arts so I am using their technique. I think the use of white space has been successful.

Conclusions from research

  • No more than 60 characters per line is recommended.
  • A grid can guide layout decisions.
  • There are different types of grids such as column-based grid and module-based grid.
  • Juxtaposition is the deliberate placement of contrasting images side by side.
  • Using a gutter in-between the text and images allows the text and images to breath.
  • Remember to use white space.
  • Remember not to take all photos too close up because it can make it difficult to use them when it is time to fit them into a space in the document.


Computer Applications 1B Learning Outcome:(1)

Further explored the role of research to inform design solutions in relation to a brief (by means of producing research journals that contain both visual and verbal material that evaluates and analyses the candidates’ creative and software processes and usage)

From examining the research that you have conducted so far draw a set of overt conclusions that explain the following points:

1. What do you feel the role or purposes of research are within a graphic design project?

  • The point of doing research is to learn about the subject of the project so that I know what I can include and what would be incorrect. For example if I was doing a magazine spread about a specific football team which had to include images of the team I would need to research into the team. It would most likely be inappropriate to use a picture of just any football team. I have to be sure that any images I’m using are correct and relate to the subject.
  •  The purpose is also to see what others have done before me, to see what is expected of me and to see what is appropriate. It is to make sure I use correct and appropriate imagery, layouts and typefaces.

2. What parts of research have been inspirational or useful to you and why? How have you demonstrated this in your sketchbook or blog?

  • I found looking at the spreads in different magazines really useful. I have made notes about the spreads and said things like ‘This layout is really clever and eye-catching’. I have said in my notes if I found something particularly inspiring. An example of this would be one of the spreads in Vogue where I made notes saying ‘The whole spread is quite striking’ because ‘…of how low down the title, the sell and the body text is’. I always make a note if something stands out.

3. If you have not done so already, take one or more aspects of your research and show clearly how this informed your design solution.

  • I have been influenced by the research I did into the spreads in Communication Arts. I have used the way white space is used and the way they arrange their margins. I was also influenced by Selvedge because in one of their spreads they have organised the images with a white margin in-between them in a similar way to Communication Arts. As I thought this way of organising a layout looked very clear and minimalistic I used it in my final spreads.

4. What are the strengths and weakness of your own methods of research?

  • Strengths – I have looked at several spreads in different magazines. I learnt a lot about what is appropriate and what others have done before me. I found it very useful and inspirational. I also read about layouts in a book called ‘Basics Design O2 Layout’ which was really helpful.
  • Weaknesses – I don’t think my research methods have any major flaws. The main objective was to research in to inspirational magazine spreads and I have done that. I suppose I could have looked at more spreads from other magazines. Having said that I think its important not to get lost in research and remember to make ideas too.

Looking at spreads in Selvedge

I’ve included this spread because I think its interesting that the title is at the bottom with the sell in capitals at the very bottom. The body text is top right.

This spread shows clear use of a grid. Instead of using a drop cap, on all three spreads, the first 2-6 words are in bold. The margins are a lot smaller than the ones I looked at in Communication Arts. The columns of text are very close together.

The layout here uses the same grid as the one above but the margins in-between the images are wider.

All of the above are from issue 38 Jan/Feb 2011 as seen below:

Looking at spreads in the Observer Magazine

I think this layout is quite clever. Use of a grid has been successful here.

I think this layout is clever because the columns on the left mirror the image on the right. It is interesting how a whole column has been used just to give two small pieces of information. It makes the information stand out.

Here is another successful use of a grid. All the parts looks comfortable.

The above are from the issue 15.01.12 as seen below:

Looking at spreads inside Communication Arts

I thought this magazine would be appropriate to use for research as it shows a lot of images. I have noticed that stills from films are put into consecutive spaces so the audience can see what is happening. Nearly all the margins between the images are the same width apart from one of the right page.

The margins in-between the images here are even wider than the first example’s. They are all equal unlike the first example. I notice use of white space at the top of the right hand page. The pictures are stacked as opposed to being spread out on the right hand page.

The pictures on this spread look very comfortable like the page grew around them.

This layout appeals to me and I think I could use something like this for my images. You can see the obvious use of a grid. The first half on the left page has been used for type.

Its interesting that on the right hand page there is white space at the top. The photos are stacked as opposed to spread out on the right hand page. I’m not quite sure how the use of the same grid has been used on both pages. I would probably need to get a ruler out and measure the layout to work it out.

All of the above are from:

Looking at magazine layouts in Vogue

I really like the way the images have been arranged here because it gives me an idea for a design I could do for my project. There is quite a lot of type in italics here. Even though there is quite a lot going on here I don’t feel overwhelmed.

This spread looks beautiful and delicate. It is interesting that there is a white margin on the right side of the spread. The typeface used looks delicate and classy.

The big drop cap is really eye-catching. I love the typeface used. The right hand page is very text heavy but it is an interview so the amount of type is appropriate. You can see the use of a grid here. The pull quote is in italics.

Again there is a white column down the side and the pull quote fits in at the top. I can see that the same grid is being used here.

I thought this was an interesting spread because of how low down the title, the sell and the body text is. The reason why I think this works is because the use of white space on the right hand page reflects the image on the left. The whole spread is quite striking.

The next five spreads have a scrap-book look about them. I think I would like to discuss with my tutor and my fellow students about this way of displaying images. I suppose it is a case of taking a particular project and asking oneself a question. Is this a suitable way of displaying the images I have?

Clear use of a grid with three columns. White space left at the top to stop the spread from becoming overwhelming.

I think it is appropriate here how the images go from one side of the spread to the other and are in date order. I can see the use of a grid here that has three columns.

This spread is really clear and I can see how a grid has been used. I like the use of type with part of the title in bold.

All of the above are from the July 2011 issue of Vogue magazine. See below: