Category Archives: ASSIGNMENT 2

Assignment 2 – Food & Drink

‘You’ve been commissioned to develop a small one-off publication for a Sunday paper that celebrates any aspect of food and drink. The publication will appear as an insert within a Sunday supplement, is A5 in size and must run to no more than 12 pages, including the covers…
For the content of the publication, draw on any aspect of food and drink that interests you.’

Maybe its getting a little boring when I say ‘Oh I loved this brief!’ – but there I go again, I really enjoyed this one, although it was a lot of work.

My preparation for it was to look at as many print layouts as I could, not just about food, but general interest magazines too. I actually only found one A5, which was the Guardian’s saturday guide thingy they always have:

img_3553img_3555

I felt it was unlikely I would include a ‘contents’ page, as our booklet is pretty small, but here’s theirs, as you can see, the first column is double width.

img_3556

Here the heading spreads across the entire double spread. The more I looked, the more I began to see patterns, or ways of fitting information together. I  looked carefully at the number and frequency of typefaces and weights, how the designers  broke up the grid in different ways (or used multiple grids) and so on. Above you can see the drop dap has a splash of blue, then repeated above the pull quote. Anything that created a sense of unity I tried to make a mental note of too.

I looked at mail order, special interest magazines (cycling, woodworking, regional, lifestyle etc…) And specifically food magazines (‘Easy cook’ and ‘goodfood’ are both BBC publications, one budget, one a bit more ‘up market’. As you’d expect, the budget magazine has more ‘punchy’ colours and clunkier fonts.

img_3508

img_3513

Apart from the size difference, I didn’t detect a great deal of difference in the layout between the A5 and A4.

img_3557

These are all pages from the Tesco magazine, I was interested to see how they maintained variety and kept a sense of unity across pages. For example the blue ‘rough paint’ background behind the words ‘Great Start’ and the green behind ‘Make more of it’ are the same style. However, the columns of text vary, along with other features that break up the space in very different ways, and of course the typography relies on more than one font. Some pictures overlap, or ‘break out’ of their column, which makes things more lively too.

img_3560 img_3559 img_3558

There was a lot to take in and I was anxious to draw on ideas, but not simply copy! Next, I needed to work out my specific area of food. To some extent, I already had an idea what images I would use – I had already taken photos during my OCA photography course with this exact brief in mind. Unsurprisingly, food photography is blooming’ hard, especially for the likes of me, as I am a beginner. Still, I’m quite chuffed with some of them, and hope they will fit the bill.

I had an idea that my newspaper supplement could be called ‘Eat Well’ – to combine the idea of both healthy eating, and eating with enjoyment.

img_3499

I roughed out ideas for my cover

img_3492 img_3493 img_3494 img_3495 img_3497

But my ideas also need to work with the images I have already taken. I printed out some of them to get an overview…

img_3263

Then gathered some more from Pixabay (which states permission for re-use). And I began thinking about overall page layouts.

contactsheet-002

img_3509

With the help of a few trusty books

img_3518 img_3517 img_3516 img_3515 img_3519 img_3520 img_3521

img_3512

I wanted to work with ‘real’ text, as tempting as it is to use the fake stuff! I didn’t think I would be getting much experience unless I used a particular word count and stuck to it. It took quite a long time to research the information I wanted – some of it snippets and random facts (e.g. I had a photos of grapes, citrus fruit, lentils etc so I looked up information on each)

I found several long articles which fitted my images for subject, from the BBC, the NHS, the Guardian and the Telegraph (both online). At first I found a website that estimated word count for you – but then realised I could simply cut and paste into Pages and turn on the word count feature there (doh). It became clear that I would have to heavily edit articles to fit them into a single page or pages, as each A5 page can’t carry a huge amount. I tried to edit down and make a coherent article in Pages, without editing the word count directly in Indesign (as that seemed like cheating!)

I then reached a point where I had my pool of images and some articles. I decided to place them roughly inside Indesign, at first just using the default typeface Minion Pro.

My grid – I wanted a fairly squarish set of divisions, but not so many as to feel overwhelmed, so I kept it simple.

screen-shot-2017-02-20-at-14-46-49

Although I had explored many ideas with the cover, when it came to choosing an image, I just felt pulled towards a full splash of colour…

pizza-14251333597qm

This close up of pizza topping (Pixabay) looked great. Like pretty much all the images, its landscape, not portrait which meant with every image I had to reposition it somewhat. Anyway. I opted for this mouthwatering image with a simple line of text.

foodfinished5

I know I should have looked at other options….but I like this!!! On to the articles….

Experimenting with placement – I actually printed these out, placed them on the floor, and moved across the room to look at them from a distance. It gave me a fresh eye, and a sense of what might be eye catching to a casual reader.

screen-shot-2017-02-20-at-15-02-01 screen-shot-2017-02-20-at-15-04-56 screen-shot-2017-02-20-at-15-05-32 screen-shot-2017-02-20-at-15-28-44 screen-shot-2017-02-20-at-15-36-31 screen-shot-2017-02-20-at-15-42-56 screen-shot-2017-02-20-at-15-48-32 screen-shot-2017-02-20-at-16-17-04

I find it helpful to consult my partner with some of this stuff – he felt the image shouldn’t be covered over with text so I did move them apart.

Text wrap? Hmm…

screen-shot-2017-02-20-at-16-40-05 screen-shot-2017-02-20-at-17-01-27

I chose the one on the right (below) as I hope it has a sense of movement with the tilted text, and allows a fair bit of white space.

screen-shot-2017-02-20-at-17-05-29 screen-shot-2017-02-20-at-17-08-40 screen-shot-2017-02-20-at-17-11-20 screen-shot-2017-02-20-at-17-17-36

I found this lovely picture of bread online, however it is very dominant, and I was a bit attached to my own picture of the boot (!)

screen-shot-2017-02-20-at-17-32-26 screen-shot-2017-02-20-at-17-50-51

 

Here’s the body copy for the article. I had to stick to the existing subheadings, which meant some adjusting to the tracking to get a good fit.

screen-shot-2017-02-22-at-11-46-33

I decided my bread would be a pale enough background to sit behind text and add interest

screen-shot-2017-02-22-at-19-40-41 screen-shot-2017-02-22-at-19-29-19 screen-shot-2017-02-22-at-19-55-37

The recipe page – I searched for appropriate recipes to suit these images. I noticed that the Tesco magazine invites readers to read full recipes on their website, so I nicked the idea, and used it for my pancakes!

screen-shot-2017-02-22-at-12-44-16

This was the most complicated page layout. I wanted to push myself, as I felt arranging snippets of information and brief facts was a bit of a puzzle, compared to a single article.

screen-shot-2017-02-22-at-18-14-31 screen-shot-2017-02-22-at-18-26-04

Some images are cropped to a border, so really had to be arranged at the edge, others I could choose the position more freely. I was aiming for some sort of rotational flow, and a balance of red and green colour.

screen-shot-2017-02-22-at-19-07-15   screen-shot-2017-02-23-at-14-06-15

My final consideration was the typography… e.g. some serif options

serif-options

I spent a long time scribbling notes and considering what weights were available, and how each one looked on the page. I ruled some out as they sometimes had a very different ‘feel’ or too high an x height (I didn’t want anything long and lean)

Eventually ( and I promise I really thought this through) I actually preferred minion pro! So thats my decision – it stays!!

I went through the same process with sans serif, and settled on Raleway, which is highly legible, and relatively contemporary looking. Also (and I am feeling a little smug at my cleverness) its a google font, which means the exact same typeface could appear on the website.

Not sure this was wise, but as a final touch I looked into scripts and handwritten styles. This eventually led me to Clive Barker, which is the typeface on the title page about carbs (see below)

I then printed out a version using the ‘Print booklet’ option. It is not stapled, and obviously just a mock up, but allows some sense of how it would look!

Assignment 2 Finished Version

img_3561

img_3542

img_3543

img_3545img_3547

img_3537

foodfinished6

foodfinished55

foodfinished53

foodfinished64

foodfinished52

foodfinished56foodfinished57

Experimenting with Website Mockup…

Obviously I wanted to keep the continuity from print to web – the first common factor being the typeface Raleway. Apart from this, I kept the same sort of colour scheme, using rusts and greens. I also imagined there might be two menus for different kinds of information.

The black border is simply because I took screen shots as I was working

screen-shot-2017-03-02-at-16-14-42

You can see that I was experimenting with the idea of the links – baking, vegetarian, meat & fish as ‘tabs’, in a ‘folder’. This large lettering would be OK as a home page, but ‘eat well’ would need to appear on every page, as a smaller title. Not sure about this amount of green…

screen-shot-2017-03-02-at-16-33-21

You could take the opacity down of the main image…maybe shrink it narrower than I’ve shown here?

screen-shot-2017-03-02-at-17-14-36

I could have continued to play with proportions, placing and hierarchy with these, but this is the one I settled on as working across multiple pages:

Final Website Mockup

The links in top navigation bar would change colour from rust to green on mouse over. Depending on the number of links needed for the ‘tabs’, they could align left like this, with room to add more…

webmockup8

Or centred, it would depend what else the layout required.

webmockup6

 

Refs:

http://www.telegraph.co.uk/foodanddrink/foodanddrinknews/11343057/An-avocado-a-day-is-good-for-you-so-heres-our-top-recipes.html

http://www.bbc.co.uk/food/recipes/mary_berrys_lasagne_al_16923

https://pixabay.com/en/food-salmon-teriyaki-cooking-712665/

http://www.care2.com/greenliving/13-health-benefits-of-oranges.html

http://www.shape.com/blogs/weight-loss-coach/summers-secret-weight-loss-weapon

http://www.bbcgoodfood.com/howto/guide/ingredient-focus-strawberries

http://www.whfoods.com/genpage.php?tname=foodspice&dbid=39

http://www.healthline.com/health/food-nutrition/are-olives-good-for-you

http://www.bbcgoodfood.com/howto/guide/ingredient-focus-spinach

http://www.telegraph.co.uk/foodanddrink/healthyeating/5612738/Are-lentils-the-perfect-food.html

http://www.mindbodygreen.com/0-5488/7-Health-Benefits-of-Lentils.html

http://www.care2.com/greenliving/8-great-reasons-to-eat-more-onions.html

http://www.care2.com/greenliving/love-it-or-hate-it-broccoli-is-good-for-you.html

http://www.nhs.uk/Livewell/loseweight/Pages/the-truth-about-carbs.aspx

http://www.wonkyvegboxes.co.uk/about

https://www.theguardian.com/environment/2016/feb/05/asda-puts-uks-first-supermarket-wonky-veg-box-on-sale

http://wordstopages.com

https://wordcounter.net/words-per-page

 

Advertisements