Tag Archives: Book design

Assignment Five: Your Choice – Part Three

  By | |
Leave a comment

Brief 1: Book Design

Penguin Books have asked you to design anew house style for a collection of books on design for children and young people. They are starting with three titles: Colour, Typography and Photographs. Produce three covers – front, back and spine. The designs need to be recognisable as a series and at the same time be appreciated for their individual merits. The book dimensions are 190mm wide by 225mm high.

In addition they have asked you to produce the one on Typography, called A is for…Create an introductory chapter of at least four pages.

Thubmail sketches for a book design

Sketch 4

I started by developing the book covers based on the initial sketches (sketch 4).

As there was additional pages design involved in the Typography book I researched the main Pop Art characteristics:

  • Repetition
  • Recognizable imagery
  • Bright colours
  • Flat imagery
  • Celebrity/advertising images
  • Hard edges
  • Mundane reality and irony
  • Influence by comic books, newspapers and photographs
  • Consumerism and mass consumption
  • Blocks of colour

From this I developed a range of symbols in Illustrator as well as sketching a basic layout.  The biggest challenge seemed to be the wording and content, more so than the layout itself! It took me a while to decide what I would include in the first few pages. In the end I went for some background to typography and what I hoped would be some attractive exercises. I was a bit concerned that I had used a pop art approach in a previous assignment but I felt like my skills had moved on since then and I could be much bolder than I had been, I hoped that it would show my development.

I was still a little concerned that the book title is ‘A is for…’, which suggests a younger age group and an alphabet type book. I decided to overcome it by not making an obvious link and using A as the starting point for a voyage into typography, rather than a direct link to the words. I still wonder if young adults might be put off but hopefully the pop/graphic novel style would be attractive enough.

The design of the pages went through four main iterations as it developed:

I was looking for the beginnings of a book that was dynamic and interesting. I have used typography, colour, and layout (in other words pulling together all the elements of GD1) to try and achieve it. It took a little while for my ideas to surface but once they had I could see the direction I wanted to take. I printed each version as I went as I found it helped me identify issues I had missed on screen, like the stroke around the text box on page two, version two.

Pop art cover for a book on typography

Final cover design

I think the final version has a good degree of consistency even though I have tried to mix the format up throughout the pages. I am pleased with the result, not so much from the design point of view but because I can really see how my worked has evolved throughout the course and how my confidence has built.

Rework

Following feedback from tutor, which suggested in the politest possible way I had fallen into a common novice trap I did some rework on the covers. He highlighted that my chosen design appeared to have been designed as if the front and back covers would be seen at the same time and that they needed to be more distinct yet still being connected. I have therefore taken elements of front and back and worked them up further.

 

 

Save

Save

Save

Save

Save

Save

Save

Save

Assignment Five: Your Choice – Part Two

  By | |
Leave a comment

Brief 1: Book Design

Penguin Books have asked you to design a new house style for a collection of books on design for children and young people. They are starting with three titles: Colour, Typography and Photographs. Produce three covers – front, back and spine. The designs need to be recognisable as a series and at the same time be appreciated for their individual merits. The book dimensions are 190mm wide by 225mm high.

In addition they have asked you to produce the one on Typography, called A is for…Create an introductory chapter of at least four pages.

As I started sketching I was thinking a lot about what might encourage people to pick the book up. I thought it needed to be able to attract adults and young people as adults may be buying it for their children. I’m not quite sure where it came from but I remembered something from a workshop I did a while ago which highlighted how we are hard wired to be able to identify faces and that the eyes are an important element of that. I also came across Joel Meyerwitz’s book ‘Seeing Things’ on talking to kids about photography and the eye became a theme for me. I thought it might work because I could replace the pupil with symbols for each of the books in the series. I played with several versions and mocked up the cover for the colour book.

 

 

I was not as excited about them by the time I had finished as I hoped so I went back to my other sketches. I had decided that the books would be produced as the ‘Penguin Young Designers’ series and thought it might work to have the covers themed under a different era in graphic design (sketch 4). I then chose to look at Pop Art, minimalism, chaotic design, Dadaism, Surrealism and Grunge. I went back through my Pinterest boards and did some more research, and decided I would work up grunge (colour), Dadaism (Photographs) and Pop Art (Typography).

Thubmail sketches for a book design

Sketch 4

Save

Save

Save

Save

Assignment Five: Your Choice, Part One

  By | |
Leave a comment

Assignment Five: Your Choice, Part One – Idea Development

Brief 1: Book Design

Penguin Books have asked you to design anew house style for a collection of books on design for children and young people. They are starting with three titles: Colour, Typography and Photographs. Produce three covers – front, back and spine. The designs need to be recognisable as a series and at the same time be appreciated for their individual merits. The book dimensions are 190mm wide by 225mm high.

In addition they have asked you to produce the one on Typography, called A is for…Create an introductory chapter of at least four pages.

I started by defining the brief a little further. Children and Young People is a very broad market and it is unlikely a design for five years olds will work for fifteen year olds. I decided the market would be primarily Young Adult (defined as 12 – 18yrs; Young Adult Library Services).

I had already done some background research on Penguin Books, and having read ‘Penguin by Design,’(Baines & Pearson, 2005) I felt like I had plenty of scope for developing the designs. While they needed a degree of consistency, the cover designs could draw on a range of influences. Although Penguin is mostly associated with orange spines, it has used patterns and other colours so this didn’t feel too restrictive.

I then did my usual in terms of sketching ideas and thinking about the themes I might use to develop the designs.

I was a bit put off by the fact that the Typography book seemed to have a double title – both ‘Typography’ and ‘A is for…’ so in my sketches I played with some examples where they all had a title. But this also seemed inconsistent, why would you have a book on colour called ‘C is for…’ when the one on typography is ‘A is for…’? I was also a bit worried that the title might locate it in a much younger age group and could therefore be in tension with the age group I had chosen to work with. It seemed to me that this meant the cover needed to be eye catching enough to be taken off the shelf and explored.

During Section Four I found three books on typography that were both helpful and enjoyable:

  • Typography Workbook (Samara, 2004)
  • Playing with Type (McCormick, 2013)
  • How to Draw Type and Influence People (Hyndman, 2017)

The two activity books were particularly good for engaging me and were a bit more playful than some of the other resources I had found, which seemed to get very technical very quickly and I found a bit daunting as a non-specialist. I decided I would take a similar approach to encourage young readers to play with typography. I did a bit more research and found that Penguin do produce activity books so it would be in keeping with the brief.

I did more research around typography books for young people and found very little, apart from the truly delightful ‘Serif Fairy’ (Siegfried & Mann, 2007) I broadened the research to graphic design and found a few more titles, but not many – definitely a gap in the market!

Layout examples:

  • Typography Workbook – 230mm x 230mm, 3 column grid
  • Penguin by Design – 185mm x 220mm, 3-column grid
  • Playing with Type – 235mm x 235 mm, mainly 2 column grid
  • How to Draw Type… – 270mm x 230mm, layout is varied – single column to three
  • Graphic Design for Kids – 210mm x 230mm, two column grid

This seemed to imply that the dimensions I was working with were narrower than the other activity books I had seen. A challenge, but hopefully not insurmountable!

References:

Baines, P., & Pearson, D. (2005). Penguin by design: a cover story 1935-2005: Penguin Press.

Hyndman, S. (2017). How to Draw Type and Influence People: an activity book. London: Laurence King Publishing Ltd.

McCormick, L. (2013). Playing with Type: 50 graphic experiments for exploring typographic design principles. Beverley, MA: Rockport Publishers.

Samara, T. (2004). Typography workbook: a real-world guide to using type in graphic design: Rockport Publishers.

Siegfried, R., & Mann, J. (2007). The Serif Fairy. New York: Mark Batty Publisher.

 

 

Exercise: Judging a book by its cover

  By | |
Leave a comment

Exercise: Judging a book by its cover

Choose a book by an author you are familiar with. You are going to design two different covers for it, one using illustrations or photography and the other using just type. Design the whole cover including the spine and back page.

The hardest part of this exercise was choosing which book to work with! After a couple of false starts I decided to use ‘The Third Plate’ a book by Dan Barber. It has been published by Little Brown Book and Penguin in different editions.

The book that, perhaps more than any other in recent times, laid out the urgent imperative that to look after the land we grow our food on is to eat as best we can and vice-versa. It redefined nutrition, agriculture and flavour, and established Barber as the preeminent voice in food that is as ethical as it is excellent (The Guardian)

The book documents the research of Chef Barber as he explores the state of food production and the options we have going forward. He had been a proponent of the Field to Fork food movement (the second plate) but realised this was not a fundamental enough shift as it replaced high meat based diets with better meat rather than a more balanced diet which in turn creates more sustainable production methods. The third plate refers to the need to completely rethink our diets and move towards a more plant based focus. It is a fascinating and at times funny read, laying out the issues but doing so in a gentle tone. The book is divided into four sections – soil, land, sea and seed.

In terms of the brief I worked on the following parameters:

  • Non-fiction title
  • Paperback version
  • Based on the dimensions of the existing book
  • House styles of the published editions vary
  • The readership could be quiet varied – young people with an interest in environmental sustainability and food (probably 18-25yrs), chefs with an interest in the future of food, vegetarians/vegans, generalists with an interest in the future of food (probably 35yrs+ and female)
  • Sold online and in major bookshop chains

As usual I did a few sketches to start the design process.

Based on the above assumptions and sketches I created six designs:

  1. Literal representation of three plates against a wheat field (wheat is covered in detail in the book). Contemporary font against a photographic background. I decided to colour the title “Third’ green to reflect one of the premises of the book about moving towards a more plant-based diet. I took the colour of the sky and used that across the spine and back. (n.b. the black lines either side of the spine are just place markers and are not part of the design concept). I took the three plates and echoed them under the title on the back cover. Typeface: Myriad Pro (12,24,18,36,120 pt.).
  2. Same basic concept as version one but I wanted to make the ‘Third’ more prominent. I changed the typeface and extended it across the page. I shifted the plates down so more of the wheat is shown and added some drop shadow under the top plate (I suspect this might be a design crime from comments I have read online but I wasn’t sure how else to bring the plate forward!). I also used a lighter tone of blue. Typeface: Modern No 20 (150, 28 pt.) and Myriad Pro Regular (36, 18, 15, 12pt), Myriad Pro Regular semi bold (24pt)
  3. One of my sketches suggested a layered text approach to signify the three plates. I struggled to get the effect I wanted in Illustrator so ended up with a tiered version of different size characters in a chunky typeface to catch attention. They are red (meat based), white (farm to fork, to me a more neutral approach), and green (plant based diets). I used a lighter grey colour for the typeface on the back so it is a bit gentler. Typeface: TW Cent MT (12,18 pt.), TW Cent Condensed (48, 24 pt.), Rockwell Extra Bold (117pt)
  4. Another tiered typeface version, this time they are stacked like plates and I have added some drop shadow. I changed the cover to green and reversed out the rest of the text. I also added a large ‘Third’ on the back cover which might attract attention if the cover were face down on a table or shelf. Typeface: Rockwell Extra Bold (130pt), TW Cent MT Condensed (48, 30,15 pt.), TW Cent MT (24, 18, 12)
  5. This version was taken directly from one of my sketches. I wanted to make it quite loose so added watercolour effects in Photoshop to give the impression of falling soil and water. I initially used a san serif typeface in dark grey but wasn’t sure it worked very well so I went back to a serif font for the main title. The illustration is repeated on the spine. Typeface: Modern No 20 (24, 80 pt.), Source San Pro (12,15, 18, 24, 36 pt.)
  6. I changed the typeface for a more contemporary feel and ran the type in a circle as a metaphor for the plate. This was then set against an orange background to make it stand out. I took the circle as a motif and added it on the spine and on the back page. Typeface: TW Cent MT (12, 18, 24, 28, 75), TW Cent MT Condensed (28)

This was a great exercise for thinking about how design elements work together. Although I have noticed it elsewhere in the course working on this exercise really highlighted a need for attention to detail, which I am not always good at! It also showed me that small changes, different point sizes, adding tints etc, can have a big impact.

While I am still building my Illustrator and InDesign skills I am pleased to recognise that I am getting more comfortable with the programmes and have a better sense of what I can achieve with them.

For me versions 5 and 6 are probably the most successful because of their simplicity. Feedback suggested others preferred version 2 on the basis it was more likely to make them pick it up. I feel this one is a bit too ‘busy’ but could be wrong!

After some initial feedback I approached the Visual Communications Facebook Group. Their preferences were for both the image versions, and as ever they gave me some useful improvements. Suggestions included:

  • Reducing the size of the plates
  • Changing the plates
  • Lining the text up on the spine with the plates
  • Changing the font size of the sub heading on the illustration version
  • Making the green text slightly darker over the illustration
  • Rotating the spine text so it is more in keeping with convention!

These are the amended versions:

Rework

After the feedback from my tutor I have looked again at the relationship between the text and the images. Looking back I’m not entirely sure why I chose to centre everything, I think it was about the title being part of the plate but I don’t think it has been as successful as I had hoped. So I worked on several versions using the type in different ways.

I definitely prefer rework 4 because it gives the illustration room to breath and to attract readers. This has reinforced my learning about the value of feedback and creating different iterations. It has also shown the value of leaving something for a while and coming back to it. I found in doing this I was no longer so committed to the original versions and could more easily make changes. On a more challenging note it has also reconfirmed what seem like almost infinite choices (layout, colours, typefaces) and this can only be addressed by creating some boundaries (which I guess is usually fulfilled by the brief).

Exercise: H G Wells book cover design ideas

  By | |
Leave a comment

Exercise (p.40 OCA Graphic Design 1): Your brief is to design a stunning and contemporary cover for one of the 20th Century’s most acclaimed authors, HG Wells.

I have probably spent more time on this exercise than I needed to but I have really enjoyed getting into the process and exploring the issues it raises. Having done lots of thinking, reading and drawing (noted in my Learning Log) I moved into Photoshop and started experimenting with one of the ideas that had stuck with me – the moth and the moon. This gave me scope to try different fonts and start bringing the design together. The above designs reflect the steps in my process:

  • I decided I wanted to achieve something contemporary but that could also be timeless
  • I used the typefaces to highlight the contemporary feel (both are in grey because white look too dominant)
  • I wanted to keep the designs clear so limited myself to a maximum of two elements each
  • I tried out a photographic approach first because I wanted to see how it would work and decided to carry on rather than do something more illustrative
  • HG Wells’s writing is very descriptive and I was struck by the nature of the light in each of the short stories. This sense of light and dark along with the gothic feel made me decide to go with a dark cover and accentuate the dramatic effect
  • That said I also tried each with a touch of colour to see what effect that had
  • I was also mindful of what might appeal or intrigue a potential reader – what might make someone pick the book up even if they didn’t know the story
  • I wanted to create a sense of coherence, to show them clearly as a set
  • Overall, I think The Beautiful Suit works best but I am quite pleased with the set

What has struck me in conducting this exercise is the number of decisions and choices to be made during the process. This should probably not be a surprise but it was interesting to become more aware of the options at each point. The course materials talk about the need for designers to be problems solvers and this experience has reinforced that, but it also feels like more than problem solving. It’s about knowing when to open out your thinking and when to narrow it down. It’s also about being open to new ideas and where they might emerge from.

Save

Save