I Wonder

iWonder is an exciting new product, created to revolutionise the way people interact with world-class BBC content. I have been asked to produce a range of design proposals to publicise, promote and realise the iWonder venture into print and broadcast media. Each element has to clearly communicate with the individual content featured, the collective solution must reflect a unified range styling. I am encouraged to experiment with non-literal imagery such as metaphors and analogy. I can use different technologies such as creative typography, abstraction, symbolism. Therefore the techniques I sustain will be creatively associated with the visual communication format and style.

Specifically you are to produce a range of high-quality client presentation visuals for the following:

1: A minimum of four promotional posters for the new BBC iWonder series of documentaries to be broadcast from January 2015. These could be adshells, billboards, decaux posters or whatever you feel to be the most appropriate device.

2: A minimum of 2 covers for the iWonder magazine to be published as support for the BBC series

3: A minimum of 1double-page spread for the magazine featuring content from any of the iWonder topics.

After being briefed in the project went on to visit the BBC iWonder website to get an extent ambiance of the work/branding that has all ready been established interpreting the imagery, type, and design style that has been used throughout. I also wanted to look at how the information that they’ve used is communicated, and additionally looking at the content to see how refined or elementary it is, as this will help me out further on in to the project.

iWonder website research:

I wanted to look at how the iWonder was designed and how it has been used throughout the branding. Im going to look in to the type, imagery, and design style to see how its has been visually communicated.

iwonder logo iwonder 3 iwonder 2

This is the logo that is has been designed for the website, The name ‘iWonder’ itself draws visitors in and stimulates an interaction. The O on the logo contains a question mark like design, this is very suitable as the word iWonder is a question. The symbol also signposts iWonder content throughout other BBC environments and articles. The typeface used is called ‘Curious Sans’. It’s a bespoke cut, with rounded characters and angles reflecting the iWonder icon. Here is the typeface below..

iwonder typeface

iwonder logo  iwonder logo  iwonder 2

Here are some examples of the poster articles on the iWonder website, I like how the curious sans typeface is consistently used  throughout each design this makes its consistent, my favourite poster is the one on the left because not only does it visually communicate the WW1 article well with the background soldiers image, it also brings an aspect of the iWonder logo in to the poster design, which is the the question mark device that has been cropped out to intrigue, fascinate and hook users into content. The third screenshot shows the different articles, and one thing I have noticed, is the different colours used for the distinct articles, the different colours reflect the mood of the content, serious subjects are muted and lighter subjects are naturally brighter.

iwonder logo  iwonder 2  iwonder 2

Here are some more examples of more article posters. What I have noticed in these particular designs is that each one uses a cropped out circle shape, this has only been applied to the posters that consist a timeline, like the ones above. I like the imagery used because its appropriate for the chosen subject such as the soldier image for the article ‘British soldier’s tale’. the curious sans type is carried on throughout each of these designs, I’m not keen on the placement of type on the posters above, I do think that can be improved. I’m not a massive fan of the posters above personally, but they do give me an indication of what to do in-terms of the consistency of each poster, which is what we have to incorporate in to the poster and magazine spreads I’ll be designing.

BBC Documentaries Research:

As we know the iWonder brand is apart of the BBC, so I started to look at some other campaigns that are apart of the BBC. Because we have to promote the posters and the magazine spreads as a series of documentaries, I want too look at different documentary posters that have been promoted by the BBC . Here are some examples below……

LIFJsidofjDIOFJ  LIFJsidofjDIOFJ

The first documentary poster is wonders of the universe, I particularity like this one because the viewers’ attention is is focused on the phenomenal imagery and visual. The font used is a plain thin sans serif typeface which is very similar to the font Kalinga. I like the small bright visuals on certain letters of the typeface, it gives it more character and makes the type more interesting. The typeface size and spacing adds to the hierarchy, although it doesn’t divert your attention from the imagery. The colours vary from blacks to whites, also hints of purple are featured, the white colour is brightly introduced in the top right hand corner with the moon image, this makes the image more upbeat. The image for me does visually communicate with the title ‘wonders of the universe’, hence because of beautiful landscape photograph. The BBC logo is often located somewhere within the design often at the top left side but not a noticeably large size, in this case its rather easily noticeable as the colour of the logo is a deep gradient purple and pink colour. The second poster is a more eye catching and lively design than the last one. The colours play a major factor in this, the bright blues, yellows and oranges etc make the image more buoyant. The type used throughout is a bold sans serif font, however I’m not a fan of the typeface, I just don’t think stands out as much as it wants too. The poster clearly wants the audience to focus more on the image rather than the type, imagery is more eye catching than a typeface. The prodigious photography used creates a contemporary perception that charaterises the use of camera work and delecacy of the documentary. The BBC logo is shown again in the right hand corner in this case, its easily noticeable so people know what channel to watch the documentary on.

LIFJsidofjDIOFJ  LIFJsidofjDIOFJ

Here is another documentary poster that I found interesting. I like the colour mixture between greens, blues, and different dark and light shades, its a rather tonal variated effect throughout especially with the green light effect. The typeface is a bold sans serif, the imagery in O for the word ‘Orbit’ gives the type an authentic and distinct appearance. The hierarchy is used pretty well, I would like the size of the type to be a little smaller, because I think when people see the poster they want too see the imagery as well, but on this poster the typeface takes up too much of the background image. The overall documentary poster does visually communicate what the documentary is about, the photo of planet earth at the top does link with the name of the documentary. The fourth poster which is called ‘Human Planet’ caught my eye immediately with its blasting mix of contrasting colours, if you look closely you can see that the overall imagery is a human eye, but in the middle is apicture of planet earth this is where visual communication comes in, as the documentary is called human planet, hence the eye and and planet earth. The glowing typeface gives the poster a compact look. I do like the use of different colours blaring out in this particular documentary poster, I think this would be a interesting style to look at and try incorporate into one of my articles maybe. The BBC logo is pretty much easily noticed, it would ruin the design if it was made any bigger.

As the posters and magazine spreads I will be designing have to be consistent, I want to look at the documentary series Frozen Planet, the documentary cover/posters has a consistent theme throughout, the only difference is the imagery used for each series. Here are some examples below…

LIFJsidofjDIOFJ  LIFJsidofjDIOFJ  LIFJsidofjDIOFJ

Here are three posters advertising the documentary series frozen planet on the BBC, these are perfect examples of how to keep a design consistent throughout each poster. I like how each design uses the same font and more or less the same hierarchy throughout. Each design uses a a piece of breath taking photography for the imagery, similar to the ‘wonders of the universe’ one. Each poster has a formal and academic look to it, this is due to the bold and bright colours that regulate your attention. Frozen Planet is an intellectual program on BBC One about life in the antarctic, this explains the way the documentary poster have been designed, to distribute the purpose of the program. In terms of looking at the consistency in and throughout my designs, I would need to use certain techniques and approaches because frozen planet and the iWonder product are pretty much similar in my opinion.

Documentary/film poster research:

I want to investigate in to different posters, such as film and documentary ones, I’m looking to study the imagery and type, and where they are positioned on the poster, I think looking at how different poster communicate, and what intended target audiences they are aimed at. Exploring these aspects will benefit me massively, and help me come up with my own ideas for my posters.

poster 1  poster 1

The first poster I found is called Vegucated, its a documentary about vegans. I choose to analise this poster because, I like the overall appearance of the design. My favourite aspect of the poster is the imagery used, it quite clearly visually communicates with the name of the documentary ‘Vegucated’, the stalk/leaf coming out of the top of the mortarboard hat is a clever and unique component of the design. The colours used are pretty basic and solid, the base colour is white, which is also the most dominant colour, I like how it doesn’t use to many colours so there’s no clash within different tone of colours. The bold type is rather quirky, and fits in well with the imagery, I cant really tell because the font is very thick, but the type used is a serif, one thing I particularly like is how tight the kerning is on the typography on the main headline title. Overall the hierarchy used is pretty substantial. The second poster is something that caught my attention straight away, especially with the colours, the different tonal variated colours give the poster an effective look, one area that disappointing me about the film poster is the titles at the bottom, I personally think it clashes with the background blue colour. This film poster is obviously about a hairdresser, the imagery is of a woman model, almost silhouette like, with images of various men and women with different hairstyles if you look closely, I personally think this does visually communicate pretty well, however not as clear as the first poster. The bold sans serif font used for the main headline of the film poster is visually eye catching, the use of a red colour for the type drags your attention to the type as well. Overall I personally think this is a nicely structured poster, The imagery and the main headline type are my favourite aspects of this design.

poster  poster

This poster is a documentary advertised by channel 4 called seven days. I choose to talk about this one because I like they way the imagery takes over the poster, I also think the small strips of different peoples faces is very unique and something you don’t very often with imagery, this is something I am hoping to achieve amongst my posters, something diverse and exquisite. There isn’t too much going in terms of typography, there’s only the advertisement of what the documentary is called etc, the type used is a bold/medium sans serif type, I’d personally like to see more type and info on the poster. The documentary is about different characters in distinct neighborhoods, hence the diverse snippets of peoples faces, so I do think it visually communicates with the documentary. Overall I don’t think its the greats of documentary posters, but I can take some positives from this poster especially the imagery. The second poster is similar in terms of how much the image takes up most of the poster design. The use of the whole image as a background for the poster is effective, as it has an impact on the audience, they are instantly intrigued by what the poster is about. The main type uses a simple, easily readable font. The text and subtitles are interesting as they are very simple, with a mainstream font and a clean black colouring. This has the effect of contrasting the plot of the documentary, which is about amazing feat, the poster is subtle and intriguing, causing the audience to wonder what the documentary is about. The positioning of the typography at the bottom of the page is important, its neatly packaged in between the two buildings present in the image. This does not detracted from the purpose of the poster.

poster  poster 3

I choose the ‘source code’ film poster mainly because of the quirky imagery. The image is so unique and different to other posters, this is something that I am looking to do within my poster designs. Its almost like a cubist photography effect, its very effective, and gives off a a commendable impression. The hierarchy on the poster has been excessively concentrated on, our eyes are struck on the name of the film ‘Source Code’ written in a capitalised font with the colour red that has a connection for violence and danger, this in my opinion shows the audience a form of deception is deceit is perceived within this film. The kerning is used well, its very compact which I like amongst typography. I do think the imagery does visually communicate with the poster, as I’ve seen the film, I know the man on the front of the poster is the main character, the poster visually shows he is the main character. The second image I found is a similar style to the first one, the only difference is these set of simple film posters are more illustrative. They are simple posters but have rather powerful effect in terms of the imagery. All three are consistent which is good because, consistency is one of the aspects we have to include amongst our posters and magazine spread/cover. Each image shows the character of the film, this is showing the visual communication link between each one. The type is minimal but however it does have a nice effect with each of the three posters, the ‘Frankenstein’ poster has a serif font as the other two consist of a sans serif font, the type looks hand drawn for all of the posters. Overall I do like the posters, the imagery is something i find really interesting, it maybe a style I might try throughout my designs, I’ve never trued anything like it before, but it would be a creative risk, which i am willing to do throughout this project. My favourite is the first one ‘Source Code’ its more image based, its not illustrative compared to the series of other posters.

Consistent poster designs:

I want at look at more consistent posters, this will help me because each different posters will give me ideas on how to keep my designs similar throughout.

poster 3  poster  poster 1

These three poster are a great examples on how to keep a series of posters consistent. This type of poster is a called a minimalist poster, these are film posters so each one takes a component out of the film that is recognisable to the audience. Each one is consistent as they use the same type and the same typographic imagery style, the positioning of the hierarchy is similar if not the exact same. I like this type of style because its unique and rather quirky, its something I could maybe try and incorporate in to my poster designs. My favourite out of these three is the middle poster, the typography used in the characters head is brilliantly structured I like how it fits in with the whole shape of the imagery, its a great image design in my opinion.

poster 3  poster  poster 1

Here are some more examples of consistent posters, however these are documentary posters advertised by channel 4, I choose to talk about because of the consistent layout between each poster, the type and placement is pretty much similar, so is the sans serif font used too. all of the posters have an academic look to them, this is due to the powerful imagery used for each poster which rectify’s the viewers attention. My favourite out of the three is the one on the right because its the most powerful in terms of catching you’re attention. I think how it communicates too is a big factor in it being my favourite.

Looking at the consistency of different posters has given me some ideas in terms how to keep my designs similar with one another, especially with certain elements such as the type, hierarchy, and imagery etc.

Magazine spread research:

After researching a varied amount of posters to get my ideas a flow, and how to structure certain elements such as type and imagery etc, I wanted to too look at some magazine spreads and magazine covers, as we have to create one double page spread, and a minimum of two 2 covers for the iWonder magazine. I want to loom particular at certain parts of the magazines I research, such as the layout and how well the hierarchy works, as well as the imagery.

poster 3   poster

Here two examples of double magazine spreads, I choose these one because they have a cordial structure, the first one does seem boring, however its does have a simple layout which is what I like when it comes to certain magazine spread designs, this is something I am looking consolidate in to my magazine design. I like how one side of the magazine is filled with an image, and the other with typography, this is how I like a magazine to look. The type used for the main headline is a bold sans serif font, you can say its eye catching in a way, but that’s mainly because the other type is really small. I’d personally like to see more colour throughout the spread but overall its positive spread. As the magazine spreads and covers we will be designing have to be consistent with our poster that I will be creating, I think looking at certain techniques and approaches throughout different magazine spreads and covers are vital amongst this project as will help me out a lot. Moving on to the second magazine spread I chose this particular one because for one its about a documentary and two, the design is absolutely brilliant in my opinion, the imagery is distinguished, and fantastically designed, I love the tear effects added for each image. The typography side of the magazine spread is decent touch too, the hierarchy is used well, although it doesn’t divert your attention from the imagery. The imagery is a major part on why I chose to incorporate this spread in to my research, its the type of style I would like to try throughout my designs. Both posters are great and have given me some ideas and skill techniques to use for sketching out my designs.

poster 1  poster 3

Here are two magazine covers that I have found, I choose these particular one because of the imagery and how they have been structured in terms of the hierarchy. The first one I found is called Kahunas, I choose this particular one because of the brilliant imagery used, its a style that I looked at amongst film poster earlier on in my research, its almost like a cubist effect, its a unique effect that I like a lot. I like how each title such as ‘noah and the whale’ is compacted, the kerning has been throughout about as each letter is the distance part, this gives the type a more professional look, it doesn’t look as if its just been typed in. I like the tonal variated colours used amongst the cover, it gives it a real sufficient and professional look. The only thing I don’t like about the cover is the title Kaizers Orchestra, it clashes too much with the imagery, its doesn’t really help that the image and text are near enough the same colour tone, if I was designing this cover i would definitely change the colour of the type, this would make the type more visible and esker to read. The second cover I found more of a formal layout, I do prefer the layout of this one because theres not too much going on in terms of type etc, the hierarchy is kept minimal, which is good because it gives people a chance to admire the layout and image, I eyelash the added triangular shape added, I think its adds that real uniqueness in details of the cover. The bold sans serif font is beautifully presented, I like the pink font, it looks like a type that is used amongst expensive clothing brands etc. The alignment of the different sets of type is varied, which I don’t like, I’d rather them be either centred or aligned on the left hand side. I think having them both separate does weaken the design a little. This is a womens fashion magazine, so having a female model to represent the imagery, does in my opinion portray visual communication. Using the pink colours does make it look more feminine too. Overall I like both covers that I have research, I prefer the imagery on the first one I looked at, but I do favour more to the layout of the second cover. Researching these two covers has given me a few ideas for how to layout my magazine.

Choosing my iWonder topics:

Once I had looked at different poster and magazine spread and covers in creative depth and detail, I started to look at what all the topics and what they can offer me. As I already have an indication what the website is about after researching it earlier, I started to choose my topics….

  • What are Zoo’s for?
  • Is a bee as smart as a sat nav?
  • Is rocket science easier than you think?
  • What makes space travel so dangerous

Untitled-2  Untitled-3  Untitled-1  Untitled-4

I chose these particular subjects because they were the ones that stood out to me in terms of the imagery and the interest of information each one has offered, the first one ‘what are zoos for’ is an interesting subject that has stacks of interesting information also, I think I can use great in depth imagery for this subject too. The second one ‘Is a bee as smart as a sat nav’ is a bizarre topic, which is what attracted me towards it. The third articles/topic is ‘Is rocket science easier than you think’ is a subject that has a lot of information about the topic, the fact that I am interested in rocket science anyway did lure me towards the topic. The final one I chose ‘Why is space travel so dangerous’ is probably my favourite one because I have a strong interest in space, and space imagery.

Sketches:

After choosing the iWonder topics I want to create my four promotional posters magazine spread and covers promoting a series of documentaries, I started to think about how I can keep my designs and layout consistent throughout each of my posters. I wanted to start off by sketching some designs out for my poster first, this is so when I finish my posters I can analise each one and see which topic I want to carry through to my magazine covers and spread design, this will make it easier for me when it comes to designing my magazine covers and spread. To help me out with my ideas on how I’m going to design my posters, is started to do some sketches…..

sketch 6     sketch 5     sketch 4     sketch 3     sketch 2     sketch 1

I experimented with a lot of different sketches, my aim is to focus on imagery layout designs as I want each of my posters to look persistent throughout. I started off by doing some messy and quick sketches, this helped because it gave me more ideas to work with. I looked at how I can portray my imagery for each poster, a few of my concepts incorporate the question mark logo which is included on the iWonder type, a good idea would be to do a clipping mask around an image for each topic, so the imagery is clipped in to the question mark logo, this would link the iWonder title with the imagery very well. I want too consolidate my sketches with some of the poster designs I looked at in my research. I loved the posters ‘source code’ and ‘Frankenstein’, I sketched out some ideas to see how I could use that type of imagery amongst my designs, the fifth and the sixth screenshots above show how I have tried to do this, I personally think the type of style would work well on my four poster designs, its almost like a photographic cubism effect. It would however be a creative risk using this style as I’ve never experimented with anything like it before, although it does have a brilliant effect on the final outcome of a design, (which you can see in the images below). So finally I have chosen to incorporate this form of style in to my posters as I think its the strongest way of communicating my posters. (examples of the type of imagery I will be creating below).

poster  sketch 1  sketch 2  sketch 3

Designing my posters:

So after receiving inspiration from my research and sketch designs, I started to focus on a way I can use the type of image style I am using, I started off by getting the best image possible for for each poster design, the first one I am going to create is ‘Is a bee as smart as a sat nav’.

sketch 1

This is the image I have chosen to use, its clear and focuses on the important aspects of the bee such as the facial features. I will use different Photoshop techniques I have developed through the digital design project. I started off by transporting the bee image in to Photoshop, below are images of the process of developing my image….

sketch 2  sketch 3  screenshot 1

sketch 1  sketch 1

I found a tutorial on how to get the cubist like effect step by step (tutorial below), the process was very simple, all I had to do was to use ruler lines as a guide, this made it a lot easier when cuting and moving the shapes. I then used the marquee tool select around the area I wanted to cut, next I right clicked the area and chose the option layer via cut, this cut the area I wanted and enabled me to move and resize the area separately from the background image. To cut every square took me around 20 minutes, once I had finish cutting the squares, the next job was to re size each one, so it had a cubism like look to the image, as you can see on the image above. After playing and re sizeing the shapes in more detail to where I want them to be on my image, I still didn’t think it was strong enough, so I decided to add some contrast, and curve effects, to give the image a more substantial look, to get it an even better finish I added some drop shadow effects to make its stand out more. Finally I absolutely love the overall imagery, its a distinct look to just a plain old photo, the cubist like effect allows me to justify my process in designing my imagery, it also lifts the appearance, and makes the audience look again. I think the image does visually communicate with the topic too.

Comparing my own photo with the images I researched…

sketch 1  poster  sketch 3

I used the same process for my images on the other topics I choose, What are Zoo’s for?, What makes space travel so dangerous, and Is rocket science easier than you think. Below are the images I will be using for each of the posters, I applied the same techniques and adjustments as the what are zoos for image because as its states in the brief we have to keep our designs consistent. I personally think I have achieved this within the consistency of the image style.

sketch 1  Untitled-1  Untitled-2  Untitled-3

The next job is to focus on the layout of the poster, elements such as how to position the hierarchy and the how big certain text sizes should be etc. looking through my sketches again, I want to try and aim for something that is simple, and just looks efficient. I don’t want too much information on each poster because its supposed advertise a documentary, so the only headlines I want are the time, date, presenter, and the BBC logo.

ldjewlfhweiofio poster layout 1 poster layout 2 poster layout 3 poster layout 4

These are the different layouts I have designed, all four of them are influenced from my sketches that I come up with. The first layout design is probably the weakest in terms of the size type and overall structure, but however I do like the simplistic lines to separate the information at the bottom of the page, I also like the black shadow effects added to the layout design, it gives it a more adequate look. Overall the alignment works nicely, but the layout is disappointing, as they’re are too many different type sizes going on. The second layout I produced is quite a lot different from the first one, I’ve tried to make the design look more sleek and professional, as you can see I have worked on the type a lot more, I’ve just used two different type sizes, this doesn’t make the design look messy compared to the other one. Ive made the BBC iWonder logo smaller because I don’t want it to be too overpowering. I’m not a massive fan of the text placement in the bottom right corner, It should be aligned with the text on the left hand side, I also don’t like how compact the text is, I like it to be spaced out a little bit more. I do like the extra opacity drop shape I have imported, its relatively punchy which I like. Overall I personally think this layout is better than the first one I designed. The third poster layout design is analogous to the send design I created, the only difference is the type on the left hand side. I spaced the text out more to make the poster easier to read, I also scrapped the small line that separated the ‘January 6th and BBC One 8;00pm’, I decided to a small ellipse shape, this made the design more subtle in terms of the small parts of the layout design. The fourth layout design is definatley the strongest, I made quite a few changes because the other three that I created weren’t up to a standard that I would of liked. I got rid of the small opacity drop which was placed in the right hand corner, I moved the ‘Find out more’ to the left hand side, this is so the whole hierarchy of the poster is aligned perfectly. After speaking to my tutor about what else I can add to the design, I  come up with the idea of introducing the question mark like shape that is used on the iWonder logo, I used it instead of an ordinary question mark, I think is quite effective how Ive taken a an element of the iWonder logo and incorporated it in to my poster design. I moved the ‘Tuesday January 6th 2015 and BBC One 8:00pm’ up towards the main title of the topic, so it almost looks apart of the headline, this is because they are the most important features of the poster, as they are stating the name, date, time, and channel. Overall I I love this layout design, its built up really efficiently, the design looks sleek and professional, this will be the layout I will be using for each one of my posters, it will give each poster a very consistent look with the same image style, and the same layout design.

Is a bee as smart as sat nav poster 1 - Copy  what are zoos for poster 1 - Copy  Why is space travel so dangerous 1 - Copy  is rocket science easier than you think 1 - Copy

After I had finished my posters, I showed my tutors, to see what they thought, they particularly liked the image style I’d used, and the layout of the poster design too. One of my tutors suggested that I added like a sat nav navigator to my bee poster, I tried this out, I personally think it looks okay, but I do prefer without. So I decided against incorporating the navigator vector.

kwhqeiqehei

Here are my Final poster designs, as you can see I have incorporated the same layout style to each one. Each design has a consistent look, such as the imagery type and layout. As we were only restricted to use one type (Century Gothic) I personally think I have used it very well, tightening the kerning of the type has made each poster it a lot cleaner, I used rulers to help me align the font, and also with the leading. The link between the imagery and type is brilliant and gives the posters a competent appearance. All of them visually communicate with the topic in my opinion, the imagery is clearly linked with the names of the topics. Overall I am very ecstatic with the outcome of each one of the posters, I personally think all of them answer the brief in an effective yet efficient way. I am now going to superimpose each one of my posters on  either Adshells, Billboards, or Decaux boards etc.

Super Imposing my posters:

Why is space travel so dangerous imposition 2  What are Zoos for impostion

Is rocket science easier than you think imposition  Is a bee as smart as a sat nav impostion

All 4 super imposed poster  Why is space travel so dangerous impostion

Is rocket science easier than you think impostion 2  Is a bee as smart as a sat nav impostion 2

Here are my final super imposed poster designs, I experimented with different advertising boards, such as Adshels, Billboards and JCDecaux boards. I used similar techniques for each design except the ones with people looking at the posters. For the first super imposition I used pen tool to cut out the original advert that was placed inside the adshel, I then integrated my poster design (why is space travel so dangerous) in to the adshel, I used the distort tool to make the poster fit perfectly in to the ad shel, this gave a more realistic look. The final stage was to merge both my poster and the background adshsel image together, and edit the brightness and contrast to make it look prudent amongst both of the images. I used the same process for each poster expect for the last two. The last two image both consistent of people admiring posters, I choose these particular ones, because they look more realistic with people standing in front of the adshel. To get my poster in to the adshel, I had to cut out the people with the pen tool again, and duplicate the layer, I also cut out the advert before, this made it possible for me to paste, and distort my poster design inside the adshel. I then deleted the background layer of the person, and then carried the duplicated layer and placed in the original position it was in, I then merged all of the layers together, and adjusted the contrast, and brightness. Overall all of the posters have an amiable effect, they communicate well in promoting the documentary, I like all of them but my favourite has to be the ones at the bottom, They look the more realistic in my opinion, especially with the people looking at the adshles. I like all of the super impositions I have done, but my favourite ones are the bottom ones because they serve a more pragmatic look, and communicate the both posters very effectively.

Double page magazine spreads:

After finishing my posters designs and my super imposition, I started to focus on the magazine spread we have been asked to create. I am going to create two magazine spreads, both on the subject ‘what makes space travel so dangerous’ I’ve chosen to pursue my spreads on this subject because, its the one that is the most interesting for me, I also enjoyed working with the subject amongst my poster design. I’m going to some more research on different magazine spread design, just to get an idea on different styles of layouts, and also the placing of imagery and hierarchy etc.

Untitled-3   Untitled-4

Here are two examples of layouts I like, the first magazine spread layout is extremely minimal, I like the simplicity of the design, its clean and leek which I like amongst designs. The bold sans serif Helvetica font links well overall hierarchy of the layout. I really treasure the way the image is unevenly sliced and placed on two different pages is interesting. It really makes you have to think about the two images as a whole and as individuals. Also the contrast of the bright pink and the grey/black city it very striking. The second magazine spread again has a simple format, you could say the spread is boring, but I do relish the overall design. The spread really makes a statement. The text colours were chosen so they match the photo, which takes up a whole page. The text is short and doesn’t overpower the photo, I particularly like the style of how the type has been portrayed, it has a compact look to it, which gives it an overall elegant look. The image serves its purpose in visually communicating the subject which is surfing. One last area to mention about the spread, the use of negative space is rather effective, it can look are on certain spreads, but it does work well on this particular one.

Untitled-1  Untitled-2

Here are two more magazine spread designs, the third one I found is different compared to the other two, the imagery takes up the whole of both pages, its set as the background image. The black and white colour image gives off an authentic appearance, if it was in colour, I personally don’t think it wouldn’t fit well with the blue text boxes. I like the use of the blue text boxes, especially the one that takes up the whole page, I like the way it look amongst the whole design, the type sits well with it too, this is something that I might try and Incorporated in to my design, The only area I don’t like is the “beastie boys are back” font, its poor and it flaws the design a little. The second magazine spread is another simple design, I chose to research this one because I like some of the elements the spread uses. The small area such as the header, in the top right hand corner is something I particular like on this spread, I just like the simplicity of the small rectangle shape that is out of the way, it gives off a fastidious presence on the spread. The hierarchy is centered on this spread, it works well, compared to if it was aligned left or right. The spacing between the bold ‘article’ heading is effective and the use of white space gives off a condensed feel around the design. Overall I like all of these designs, they have given me some ideas on where to place my type and imagery etc and how to portray different styles of layout. I will attempt to consolidate ideas from what I have seen on my research into my keylines and sketches.

Sketches and Keylines:

Untitled-4  Untitled-3   Untitled-2  Untitled-1  Untitled-2  Untitled-3

These are my sketches and keylines that I have come up with, most of these mock ups are inspired by the research I have come up with. The first set sketches I looked at having one image on one page and type on the other, similar to the “article” magazine spread. I like the idea of my spread making a statement. The text would be quite minimal and short and shouldn’t overpower the photo. Having an image of an astronaut would visually communicate the ‘what makes space travel so dangerous’ topic. Amongst some of my other sketches, I have overlapped the iWonder logo with my imagery, I have seen this been done on other magazine spreads, and it looks very effective. I will obviously include a header and footer throughout my spread, I will also add a bleed so when I print my spread it won’t cut any of the edges off it. The third and fourth keyline sketches are my favourite, because, the style and layout of it is relatively profitable, I like how the keyline sketches have some of the features of the ‘beastie boys’ spread, such as the banner like shape running across the page, and also a whole image taking up the background. I thought it would be a good idea to add different images on the right hand side of the spread, the images will all have a cubist like effect, similar to my images amongst my poster designs, this will show the consistency between my ‘what makes space travel so dangerous’ poster. However the full background image will not have the cubist like ramification, this is because it would be too much, I don’t want to overpower my spread with image manipulation, it would also clash with the type I will be using.

Untitled-1  Untitled-1

This is my final keyline drawing, it will be the style and layout I will use on my magazine spread. I started off by setting up my grid for the spread, I used 4 columns, as its what I used amongst my final keyline sketch, the are margins 12.7mm with the gutter being 4mm.

Untitled-1

I wanted a background image of an astronaut traveling through space, the photo I did end up choosing was very strong when I placed it on to the background of my spread, the image looks like an astronaut in trouble, this links up with the title of the topic (what makes space travel so dangerous) because its about the dangers of space and what things can go wrong, so the image visually communicates it extremely well.

Untitled-1  Untitled-2

I then started to focus on capturing the layout of where I was to place my images and hierarchy, this was pretty easy for me as I had already keylined some layout ideas, the final one on the left is how I want the structure of my magazine to look like. I started to place all the elements that I have on my keyline design on to the magazine spread. As you can see the image on the right is similar in comparison to my keyline design, the different blank areas are just signifying where the images and text will be placed, the black boxes are where the images will go, and the white banner running towards the bottom of the spread will be where the information will go.

Untitled-1  Untitled-8

Untitled-3  Untitled-4

One of the hardest parts of designing the spread was where to position the iWonder logo. I tried to position it in different places, wherever I placed the logo, it clashed with the background image a little too much for liking. I placed the logo on line with the page number in the top left hand corner, I wasn’t so keen at first, but when I spoke to my tutor, he recommended that I align the logo with the type at the bottom of the page, that’s when I put it in of course. I decided to keep it in the same place, as you can see on the third image above, I added underneath the logo, the iWonder website address and the topic ‘what makes space travel so dangerous’, this made it little more compact, and gave the logo a boost upon the appearance, I feel it just looked lackluster on its own. I used the question mark feature off of the iWonder logo again, I added it to the end of the topic name, which is what I did on my poster designs, this shows consistent feature of my spread and the space topic poster. Finally when I finished aligning the iWonder logo, I zoomed out to see what it looks like, I personally think the logo is in the best position it can be, it also works well with the grid system I have used.

Untitled-5  Untitled-6  Untitled-7

Here are some screen grabs of me incorporating my text, which is from the iWonder website. It was a pretty simple process as I knew where I wanted my text to go, I made sure my text was aligned correctly by using my grid system which included 4 columns wide with a 12.7mm margin. After all my content was pasted across it was time to align it correctly. Once I had done this I was happy. It linked up well with background image, and the banner running across the page. As the text is bang on line with the page number and the iWonder logo. I also dragged ruler in jut too make sure I didn’t have any miss placed lines of text. The next stage is to fill the black boxes with the images I will be using.

Untitled-1 Untitled-2 Untitled-3

Here is one of the three images I will be using on my spread. I used the same cubist like effect on the poster images, I wanted too use this style again because it keeps my spread and the posters consistent, the image is very small size, this because when I bring it in to inDesign I can just paste the image in to one of the black boxes on my spread, this will make it easier, and make the image much more clearer. I added black overlay and shadow effects to the design, I also merge each cut out and edited the brightness and contrast of the image. The other two image which are shown below, also have the same adjustments. All three link up will link up well when I paste them on to my spread, the will have a persistent look and add that creative edge to my magazine spread, as well as associating well with my posters.

astro 1  astronaut

Above are the other two cubist lie images that I will be using on my magazine spread design.

astronaut  astro 2  astro 1

sketch 1  Untitled-1  Untitled-2  Untitled-3

The three final images that I will incorparte on to my magazine spread. The images below are just showing the consistent look amongst the images I have used on my poster designs. I like the way I have link them both with the same style, it think it looks very efficient and dynamic.

Untitled-1  Untitled-1

These screen grabs are just showing what the images looked like when I pasted them in, I personally think they look great my they add a real spark to the design, without them I think the spread would look a little too sluggish. I added a white outline fill to them, just make them stand out a tad more. I sized the two end images up to the bleed round the edge so they don’t get cut off. The zoomed out image shows had cordial the overall design looks. My favourite image out of the three is the bottom one, it just stands out the most in my opinion.

Final double page spread 1:

Untitled-1

Here is my final magazine spread design that has is based on the ‘what makes space travel so dangerous’ iWonder topic. I am overwhelmed with the outcome of my spread design. the added features such as the images on three images on the right hand side, and also the banner that runs across the bottom of the spread. The magazine spread justifies the topic well, also the images have a great link with the topic too. I think the grid system I created worked out well amongst my design especially the alignment of certain elements such as the type and title, this an area that is strong on my design in my opinion. I had one problem with designing my spread, I had to edit the iWonder logo in illustrator because the outlines weren’t created so I couldn’t change the colours and the size properly. I’m rather impressed with the footer and how neat and sleek it looks when you zoom out on the spread, its aligned with the left column, and sits nicely on line with the iWonder logo and the topic information. The information that travels a long the white banner is easily visible and readable. One area I did do well was utilising the disposition of colours, type and imagery. I feel I have demonstrated an understanding of the style and layout I have used. Overall I am very happy with my design. On to designing my second magazine spread!!!

Second double page magazine spread:

I started to look at the sketches I created, I wanted to use a different layout to my other one, I particularly like the article and surfing magazine spread, which I researched earlier on.

Untitled-3

I like the idea of having the image and type on separate pages, when I look at other magazine spreads like this they all have a neat and tidy look. To try and keep my magazine spread consistent with my posters, I tried to Incorporated the opacity drops and the same cubist like effect on my images or image. I’m thinking of just have one photo on my spread, however I don’t want it over power the type too much. Final keyline layout below…

IMG_4132

This is my final keyline sketch for my second magazine spread, I am looking to incorporate this layout on to my my spread. The layout is clean and has rather effective format too it. Its very simple hence the reason I have chosen to create this layout style.

Untitled-1

I am using the grid system as the first magazine spread, I used 4 columns, as its what I used amongst my final keyline sketch, the are margins 12.7mm with the gutter being 4mm.

untitled 2  Untitled-1  Untitled-1

I decided to use the same image I use on my first spread, however, I used the cubist like effect instead of the original image, using this technique links up with my posters designs, it also communicates with my first one too as I used similar images. It was a creative risk to try the image manipulation because as you can see I wanted my image to fill the whole spread, so I had to be wary of any pixelated areas when I was creating the cubist effect in Photoshop, thankfully when I pasted the image in to inDesign, it was very sharp and clear on its appearance.

untitled 2  untitled 2 Untitled-1  Untitled-1

Here are four screen grabs I took designing my spread, The first one is just showing me creating a shape which is where my type will be placed that is placed. I was thinking about having the shape half way, but I decided against it because I want people to see my image in more detail. I dropped the opacity of the shape so I could see all of the image, the opacity is around 70 percent any lower and the type would not be visible. the second screen grab is showing the iWonder logo, as you can see I’ve used the exact same one as my first spread, I cent red the iWonder and moved it towards the top of the spread page, this is so I can fit my topic information in the middle. I then copied the information from my first spread on to my this one, to be honest I think placing the type in the middle made it a little bland, so I decided to add a quote in the middle of the type too liven the design up a bit, as you can see on the final screen grab it worked out pretty well. Also the the footer is the same as my first spread too, its just placed on the right hand side underneath the topic info, which is the best place for it in my opinion.

I Untitled-1

Untitled-2

Here is my second final magazine spread, I am over-ally pleased with the outcome, It looks very clean and neat throughout, I love how the imagery is consistent with the posters I created. I like how I managed the opacity to make the type readable, the shape I added to the spread has made it more lively in terms with the image as well. I integrated the queston mark like O from the iWonder logo on too my magazine spread, I used it to separate the iwonder logo from the type information. The image below, is where I got my inspiration from, I looked at the layout and style of it, I took the idea of having the image on one side and the type on the other, I also took revelation from the positioning of the type, I like how its centered on the right hand side, and how its all aligned together. Overall I am extremely happy with my outcome.

Final magazine spreads:

Untitled-1

Untitled-1

Magazine cover designs:

The next stage of the project is to create 2 magazine covers which will be published as a support for the BBC iWonder series. I started to focus on how I can make the covers look consistent with my posters and magazine spread designs. I personally think this will be the easiest element of the project to design, because I know what style and what type of imagery I need too use. I will be designing my magazine covers on the two topics ‘what are zoo’s for’ and ‘what makes space travel so dangerous’. They are the topics I know I can create a great outcome for. Below is the process I used to create my magazine covers.

What are zoos for cover design:

49ecda52fda6d2d690dde3921d639bdf  Untitled-2  Untitled-1

I used the same image manipulation that I used on my magazine spreads, and posters, this so my designs have a consistent theme throughout each one of my designs. The main picture is of a lioness, seen as I have a Lion for my poster design, I thought would e a good idea to have a lioness. Also lions are one the most common animals in a zoo.

Untitled-1  Untitled-2  Untitled-3  Untitled4  magazine cover 1  Untitled-2

The process of designing my magazine cover was pretty simple, I knew how I was going to create my cover in terms of the placement of the imagery and type etc. My aim was obviously too keep my cover consistent with my posters, I just wanted to add extra details. The one area I enjoyed designing on the cover was the type, its a strong element of this design as gives off a neat and aligned look, the kerning and spacing between letters and words admirably well, the space between letters is separated by the round circle from the iWonder question mark like O, I think this adds a simple yet effective look, If you glance upon my other designs you notice I’ve done the same for my typography. Once I had sorted the order and placement of my type, I decided to focus more on the background image its self, I added more colour to the image using the contrast tool, I also included a small gradient towards the bottom of the cover, just to make the hierarchy more visible. I was thinking about added more text underneath the ‘What are zoos for’ but I decided against it, I asked my tutor about it, which he told me too just keep the design the same, I do think If i did add any more text too, it would overkill the overall design. Overall I am very jubilant with this design, its clean, contemporary, consistent with my posters, and most importantly it visually communicates the topic too.

What makes space travel so dangerous cover design:

I use the same format and layout as the first cover I designed, below are some screen grabs of me using different tools and techniques to achieve a high quality finish to my design.

Untitled-1  Untitled-2  Untitled4  Untitled-4   Untitled-4

Here are the screen grabs I took when designing my second magazine cover, they all show different steps I took to design my cover. I used the exact same features as the ‘what are zoos for’ cover, the only change is the imagery and the name. I particularity like the imagery on the cover, it works really well with the overall layout, there are no image and type clashes either which is good. I used the rulers more on this one just too make sure I had the same layout and alignment as my first magazine cover, this help me a lot when positioning my type. Overall I am very ecstatic with the overall design of this and my other cover, they both visually communicate the topic in a unique and quirky way, they also stand out from a crowd when compared to other magazine covers.

Super imposing spread and covers:

super imposition spread and cover 2 super imposition spread and cover super imposition magazine cover 2 super imposition magazine cover

Here are my final super impositions for my magazine spread and cover. It was a pretty simple process to impose my designs,  I found templates on google, I used a series of photoshop different techniques,. The first poster, was a template that I was given, so it was pretty simple to pasted my designs on to the template, I had to distort my cover and poster, to fit in with the template, I also warped the design, this helped me to curve around the open spread template. I finally added a gradient effect down the middle of my spread imposition, this gave it a more realistic look, it almost looks as if the page is turning. The second super imposition was a little harder because I had to cut the magazine cover out so my super imposition design went behind my spread, I used the pen tool to cut out the edges of my cover design to fit in with the template I used. The final two images are of my magazine cover on its own, the final imposition looks very neat and has a contemporary look about it, its fits really well with the template, it looks realistic which is important. Overall I am very happy with my super impositions, each one has pragmatic look, I personally think they have all worked out brilliantly.

Final magazine covers: 

magazine cover 1

Untitled-3

 Super imposing my magazine spreads and covers:

Final poster designs:

Is a bee as smart as sat nav poster 1

what are zoos for poster 1

is rocket science easier than you think 1

What makes space travel so dangerous 1

Final magazine spread designs:

Untitled-1

Untitled-1

Final magazine cover designs:

magazine cover 1

Untitled-3

image references:

http://www.bbc.co.uk/iwonder

http://tentandoacessar.blogspot.co.uk/2011/05/o-preco-de-um-prazer-1963.htmlEvaluation:

http://stanleykemp.blogspot.co.uk/2012/03/how-strange-that-couple-of-posts-ago-i.html

http://www.bbcshop.com/science+nature/orbit-earths-extraordinary-journey-dvd/invt/bbcdvd3542

http://losespejosdeazabache.blogspot.co.uk/2011_03_01_archive.html

http://en.wikipedia.org/wiki/Frozen_Planet

http://www.t2entertainment.nl/products/58735/Frozen%20Planet/0738572139223

http://www.gralon.net/actualites/buzz/buzz-realite-augmentee-pour-le-lancement-de-frozen-planet-573.htmEvaluation:

http://www.imdb.com/title/tt1814930/

http://www.imdb.com/title/tt1649433/

http://pixelpastahome.blogspot.co.uk/2010/10/channel-4.html

http://en.wikipedia.org/wiki/Man_on_Wire

Source Code (2011) and Deja Vu (2006) – AYJW040

http://badassdigest.com/2012/07/04/cubist-frankenstein/

http://chuckpalahniuk.net/pictures/posters/fight-club-typographic-poster

Minimalist Movie Posters

http://journalismworkshop.co.uk

http://www.coloribus.com/adsarchive/prints/chinas-stolen-children-documentary-chinas-stolen-children-10541055/

http://dannydocumentary.blogspot.co.uk/2010/12/print-adverts.html

https://www.flickr.com/photos/alexanderwolf/2318667983/

http://cargocollective.com/robertadamsdesign/filter/Magazine-Spread/The-Soviet-Story-Magazine-Spread

http://kellimb.wordpress.com/category/photography-workshop-2009/

Evaluation:

Its fair to say this project has been a very enjoyable yet stressful process from the start to the finish. Saying this I have learnt a lot of new skills and techniques throughout the process of this project. I have learnt not only from my self but from other as well, the main area I have improved upon is my software skills, such as using new tool, and new ways to use things. An area that I personally know has improved for me is the concept art of creative typography. I am now more confident and experienced when using typography. Although the type of design style I choose took long to develop, I believe it was worth it as I have developed a new skill set, I won’t hesitate to attempt my cubist style images and typography again in the future. The imagery I used throughout was a creative risk take because I’ve never tried anything like it before, I personally know I went out of my comfort zone and didn’t give up when I came across a problem. One more thing I learned on the project was super imposing, I am now professional when it comes to this are of design, my super imposing skills have come on a lot since the last project.

I am ecstatic with my final design, They all look elegant and professional, they also have that added creative spark too. They look contemporary, competent, and fit for purpose as posters, magazine spreads and covers. I believe it is fit for purpose because, they have all have a consistent appearance throughout, the style and colours all appeal to a wide variety audience such as young childern, to teenagers and pensioners.

If I had to change one thing about my design, it would be adding the drop shadow effects on my cubist imagery, don’t get me wrong it looks great, but it would be cordial if I didn’t add the effects, just too see what it would look like.

Theres has been so many ups and downs throughout this project, There were times where I didn’t think my design looked good enough and other times where I was brimming with confidence. The fact the project has been a roller coaster ride has made the my final outcomes that much more sweeter.

All I have to say is bring on Advertising and Corporate Identity, much looking forward to them!!!!!

Advertisements

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s