Category: Real Jobs

Site Management Textbook design

Background

This blog post will be discussing a project which was carried out for the site management department and course at the university of reading. The clients were authors who had written a new textbook which would be used for the upcoming academic year. The clients wanted a more modern look to the textbook which was easy to understand and refer to as it would also be utilised as a reference book on actual construction sites as well.

Brief

The brief for this project included creating a textbook which included illustrations and tables. The textbook design should be colourful, modern and effective to use and refer to. Each illustration should be showcased alongside the text to ensure that each caption makes sense with one another.

Deliverables

The proposed deliverables included a finished textbook including contents pages, chapter openers, body text pages and a front and back cover as well.

Design Development

Text design

The design process initially began with several client meetings whereby book sizes and formats were looked at. During these meetings, we went through several textbooks and different elements which the client wanted to include in the book itself. She was adamant in having a colour-coded system for each chapter as that would allow both would-be students as well as individuals utilising the book at construction sites to look through the book and arrive at specific sections fairly easily.

The book itself had already been written by the client on a word doc, which I was once looked at showed several hierarchies of information as well as a number of figures and tables which had to be edited. The document itself was over 200 pages without formatting. The design process began by taking a look at the several hierarchies which existed in the textbook. After speaking with my supervisor, I was suggested to work with a chapter with the highest number of typographic hierarchies.

For example, as seen in the images below, I began looking at the typographic hierarchy in several ways. I discussed utilising different colours for each level. For example, using red for  1.1,  green for 1.1.1 and perhaps pink for 1.1.1.1. However, through several discussions with the client as well as my supervisor, we came to a decision that blue would be utilised for the sectioning system and would be a constant throughout the textbook, while the primary section heading colour would be red whilst subsequent secondary sectioning would be in green. This would create less confusion and more stability throughout the book.

 

This part of the design process was especially a struggle as alongside deciding an appropriate hierarchy I needed to work with a very large document. Since this was the first large document I had to deal with, it included creating several chapter starters as well as colour-coded pages. Thought the course of the project, it became more apparent to me how there were several easier ways of colour coding including object styles. Throughout the project, while working with my supervisor, It also alerted me to the importance of the copywriter for projects, as there were several typographic errors throughout the document. This slowed down the fine detail processing of the document as I needed to go back and fix certain errors in the document.

Dealing with Image

Throughout the project, several figures and images needed to be dealt with and recreated due to the low resolution of the images given by the client. As well as due to the 2 column nature of the textbook, the images not only had to be in the same spread as it is referenced in but also had to be different scales depending on its importance. For example, as seen below figure 4 was smaller then table 4-1, not only due to the difference in the amount of information but also from a users perspective, individuals would be more likely to look at the table more for important information, therefore requires more space.

Cover design

Once the text design had been finalised, we then went onto working on the cover page, I initially sent the clients several images which I believe suited the textbook and represented the textbook and what is included. The clients decided upon a very dynamic image of an automatic drill going through a piece of wood. This as a composition was extremely effective due to the dynamic nature of the colour and movement within the image as well. The typography followed the two-column grid to tie into the text pages. The same type of typography was utilised in front and back cover to create a cohesive cover as well.  

Print and print finishes

Once the design had been finalised, I worked with my supervisor as well as Geoff to check the cost of printing and etc. I believe that this aspect of the project was where I learnt the most. During this project I worked with Geoff and had a crash course on how when designing documents, looking at the types of swatches and colours utilised truly impacts the print of the book. For example, ensuring knowing the difference between tints and opacity is extremely important as it could change the legibility of specific objects.

Conclusion

In conclusion, I believe that there is a medley of things I have learnt from working on this real job including ensuring that as a designer you outline the specific parts of the project you need to be done to ensure that you do not work backwards. This ultimately would have saved the project a lot of time. Alongside this, ensuring that the project is well organised is essential, especially when working on such a large project. This also saves time and ensures that you are not confused as a number of different iterations will inevitably be made.

Optimum: Student mental health start-up promotional document

The Brief

Our team was tasked to create a leaflet to promote the client’s company and the services they offered. The client also stated in the brief that she would like ‘other deliverables’. She was initially unsure of what these deliverables would be, but that would be discussed at a later date. The company, called ‘Optimum’, is devoted to helping young people within education to reach their full potential and help students with their self-growth. This was a moderately open brief which allowed us to have considerable freedom when designing the deliverables against a brand and choosing which ones to present to the client.

Research

Initially, we researched the client to understand the company’s ethos and their audience. This was the most valuable stage of the real jobs process as we learned what information we needed to prioritise. We created user personas to understand the audience that we would be designing for; this allowed us to acknowledge which formats, layouts and deliverables would best suit the needs of the audience and maximise user satisfaction. We created three user personas, as this allowed us to consider a range of users and to ensure that we made the designs as successful as possible. A moodboard was created which collated various existing leaflets into one space, allowing us to compare which colours, types and layouts would be most appropriate for our client.

The next stage of the research section was to consider the content structure. To get underway with this, we emailed the client to check if she had any specific requirements concerning content that should be included, or any initial ideas on the layout of the leaflet. She gave us a clear layout for the leaflet, but as a group we believed this would not be effective for the users, as we felt we needed more space for the information she specified we include, so we created other layouts to show the client (these are shown in the designing section). As a group, we had considered how to convince the client to understand the new layout proposals effectiveness, whilst still ensuring that we considered her ideas.

As a team, we worked together to decide which deliverables to propose to the client; we decided on a notepad for staff to use for taking notes when in meetings or on the phone, along with a poster to promote the Walking in Reading Events. The client decided to take on both of these deliverables. After discussing the format and materials with the client we created estimates to send to the client. However, the client decided to get the deliverables produced elsewhere. Regardless of this, creating a production specification and estimate was very helpful, as this taught us about the level of detail required when understanding the format and materials of your deliverables and understanding what materials would best suit the deliverables you are creating.

Restated Brief

The restated brief helped us to consider all aspects of the project and keep us organised. We aimed to create a clear brand identity throughout the deliverables that we produced, which was made easier by the brand guidelines given to us by the client. We found creating a restated brief extremely helpful, as it allowed us to look at the project as an overview and then again in detail, which eliminated any issues or queries before starting the project. One aspect of the real job we could have improved was considering how long each part of the process would take, because initially we had not considered how the planning section had to be changed and updated regularly.

Designing

As mentioned in the research section, we created a range of leaflet designs to give the client a choice concerning the layout. We had to comply with the brand guidelines given to us, while still creating a variety of options, which are presented below. We believe that creating these iterations to present to the client was helpful, as it allowed the client to pick the elements from each design that she felt were effective. This gave us a clear idea about which elements the client felt were effective for the leaflets and made the process of designing the other deliverables less complex for us as a team.

Brochure Design
Brochure Design 2
Brochure Design 3

Once the leaflet design was finalised it was easier to design the notepad, as we had created a clear style that the client liked and we believed the users would like too. The client decided to get the poster designed elsewhere, but as a team we still wanted to work with these brand guidelines on a larger scale to test our abilities to adapt designs. This task encouraged us to work with the brand guidelines on a small scale like business cards. Taking the initiative to produce our own deliverables was very rewarding, as we were able to work on creating a brand on a range of scales and ensuring our design style was suited to both an A3 poster and business cards. This skill is very transferable to other projects that we will undertake in our design career. When creating the other deliverables, we felt that our team came together to help each other overcome these challenges, especially when making sure that the deliverables all were uniform and looked like a set; rather than it being obvious they were designed by individual people.

Business Cards
Poster Design
Notepad Design

As a team we ensured we organised files clearly, so that when accessed by others there was no confusion when working on the designs. We worked collaboratively on each of the deliverables and gave feedback on each other’s work throughout. We felt that the collaborations between the team when creating all the deliverables made our designs more successful as we had multiple opinions on the designs before presenting it to the client. This helped us to remove any mistakes and push our designs to its limits within the brand guidelines given to us.

Real Job Meetings, Client and Supervisor Feedback

The real job meetings were attended by at least one of our team members each week. We gained feedback on the designs that we had been creating from the target audience which was University students. We also gained feedback on how to communicate with the client and the real jobs process itself; this was extremely helpful for our group as seeing everyone else’s progress each week pushed our group to continue to do our best. We had regular meetings with our supervisor who was happy with our progress and gave us feedback throughout, especially on the smaller details that you may miss out when looking at a design for a long period of time. Our client was very helpful with feedback and had a clear vision of what she wanted. She stated we were very professional when communicating with her and that we presented a good range of ideas. Our client left her job at the university mid-way through our design process, which we discovered as she wasn’t very responsive with her university email, this meant our communication method had to change to telephone calls; it was important for us to remember all of our questions and queries when speaking. The contact with both our supervisors and the client gave us good experience of communicating with others.

Reflection

We found this real job extremely rewarding because of the help that the deliverables gave to those who use the client’s services. It taught us both technical and soft skills that we can transfer into future projects and my career. Communicating with a client both in person and over email was very challenging at times; Lauren was the main contact for the client and learnt quickly how to cover many aspects of our project without overwhelming the client. We are pleased with how our team worked, due to our collaborative approach and helping each other when someone was struggling. We divided responsibilities effectively and this helped us to be as effective as possible and deliver our best work to suit our client’s needs. We feel we created a clean and coherent set of deliverables, which communicated the relevant information effectively.

 

Arcade Game Typography Event Promotion (RJ00389)

‘Ideas, materials, social media and activities in support of an evening of Typography-themed video-gaming in the Department, centred on Arcade Game Typography: The Art of Pixel Type by Toshi Omagari’.

 

Overview and Aims

This real job is designed to support and promote Toshi Omagari, graduate of the University of Reading’s Typeface Design masters’ course, and his book  Arcade Game Typography: The Art of Pixel Type’. In order to do this, an evening of typography themed videogames will be played in the department and activities will be carried out during the day. 

The main aim is to promote and celebrate Toshi Omagari and his book of arcade game typography, however, we also want to educate and challenge the knowledge that everyone has on the creation of arcade game typography.

 

Figure 1: ‘Arcade Game Typography’, written by Toshi Omagari

 

 

Planning

The main deliverable for this project was the event itself, and so planning what we wanted to do on the actual day was critical. Some ideas that came out of planning were:

  • Letterpress pixel fonts on 8×8, with overprinting – run it like a lego mosaic building workshop?
  • Output a set of prints for Toshi?
  • Screensaver for the video game screens
  • Use pixel fonts masks in front of demo videos
  • Demo vids could be blown up big
  • Controller key guide for controlling MAME
  • Mint some coins to use use as ‘I got next?
  • Google sheet-based comments (UG column, PG column)
  • Some way of customising the book with our outputs?
  • Some way of hosting a digital record of the event and of our thoughts on the fonts?
  • Live stream?
  • Book signing / selling?

Whilst sifting through these ideas, the activities that were decided upon were to have a LEGO letterpress workshop, where students would create their own 8×8 pixel fonts, later to be joined by a similar workshop involving post-it-notes, where students would fill in an 8×8 grid using post-it-notes with their favourite designs from the book. Book signing and selling was something which commenced after Toshi’s fantastic baseline shift talk.

‘Whether you have grown up with video games or not, whether you are familiar with letterforms or not, I think there is something for anyone to enjoy in these pixel fonts. I also encourage you to make a colourful one yourself; you will appreciate the subtlety and craftsmanship of the art even more!’ – Toshi Omagari

 

Deliverables

As well as planning the event itself, I also had the challenge of creating all the promotional material that went along with it. Thankfully, I signed up to a Real Job I knew I would love designing for, and so thoroughly enjoyed the design process of all the following deliverables:

  • Event itself; planning and catering
  • Promotional poster(s)
  • Instruction manual for controller
  • Display screen advert
  • Promotional videos: one for instagram, one to promote letterpress, and one for the department main entrance screen
  • Instruction sheet for ‘hi-score’ Bubble Bobble game

Whilst trying to stick to this guide of deliverables, I ended up making a couple of extra bits for the event and modifying ones we already had in mind.

 

Skills

With the idea of having promotional videos, I knew that that meant I would have to learn some animation. I had never looked into animation before, but it’s something I’ve always been interested in learning, and so this was the perfect time to do so. The videos / gifs I made were done solely in Photoshop with the timeline feature, and I decided that I would ‘learn on the job’. Despite this, I’m incredibly proud of how these videos turned out, and I genuinely shocked myself with how quickly I picked up all the skills needed.

Another main skill I needed to focus on developing was solely planning an event. I had never planned an event before, and so learning how to best promote the event and go about catering for it was incredibly important. The success of the event determined how well I had promoted it, and essentially sold it to the students.

Figure 2: First Promotional Video made for Arcade Typography Event

Video Advertisements

As well as the video seen above, in figure 2, I also created three other short videos for the promotion of the event, and for the night itself. Figure 3 shows the video made for the entrance screen, which would promote the event during the week. Figure 4 displays the promotion for the letterpress workshop, in order to promote the places left on the workshop list. Finally, figure 5 shows the video which was displayed on the entrance board on the night of the event, to act as a signpost.

 

Poster Design

For the poster design, I took inspiration from a couple of other ‘games night’ posters in order to get a grasp of the kind of atmosphere and feel I wanted my poster and branding to have.

Figure 6: Poster Inspiration, this poster was my favourite I found, I think that the dark background works really well.
Figure 7: Post inspiration, I like how simple this poster is, the use of block colours, the red really pops.
Figure 8: Poster Inspiration, this poster was very different compared to the others I saw; I don’t think this is a very retro, arcade looking poster.

 

 

Figure 9: First draft of poster

 

Figure 10: Approved poster design

Figure 9 shows the first draft of my poster, which saw me take inspiration from figure 6 and 7, with the dark background and the pops of red. The logo is also seen here (8×8) and is seen in all publications whether this colour or recoloured (as seen in figure 10). The final, approved poster design was a set of four which would be displayed in a long line (see figure 10). The thought behind this was that the 8 X 8 would bring in the attention of the audience, and lead the eye to the final panel with all the information on which was displayed on a bold black background. As the posters were to be displayed around the department, it didn’t matter how much space we took up; there weren’t any constraints.

A couple of notes on the logo itself; originally I wanted to create a logo with the entire ‘8×8’ in an 8 pixel grid, and although this taught me a lot about the constraints involved when designing within so few pixels, it didn’t make for a very good logo in the end. Therefore, we scrapped that idea and moved on to creating a single character within the 8×8 grid, which was a lot easier, however there were still a lot of constraints when designing. The process of designing in this small space was so eyeopening, and was really interesting to see just what could be created with 64 pixels. In terms of the logo characters, I based my designs off the Atari typeface (Quiz Show), which is mentioned frequently throughout Toshi’s book.

 

Controller guide / postcard

Figure 11: Illustration of Sega Saturn controllers for controller guide

As the SEGA Saturn controller isn’t very commonly used nowadays, it was decided that an instruction guide should be made for students to use when they came to the games night. Figure 11 shows my illustration of the controllers, which would be labelled up as shown below. The images below show a couple of different ideas I had prior to the approved design (Figure 14/15), however, it was decided that the guide should be kept simple and so the separation of black and white on figure 14 shows the division between the two sets of controller buttons. It was later decided that these could be postcard size and taken away from the event as a souvenir, therefore, the back (figure 15) was designed to reflect the format of a postcard, with the intention that students / attendees of the games night would be able to get Toshi to write them a little message on the back.

 

 

 

Technical Skills

Along with all the design work, I helped with typing out all of the text for each game as seen in Toshi’s book, in order to display them on the screen alongside the games on the arcade MAME system.  This was incredibly time consuming, however, it was very rewarding once it was finished and we could see all of the text within the database (see figure 16).

Figure 16: In the background of this image you can see the text formatted into the game. Featuring myself, James Lloyd (supervisor) and Toshi Omagari.

 

The Event

The success of this Real Job was down to the success of the event; if we could create enough hype for the event then it should be a very successful day and evening. We started the day with a talk from Toshi Omagari (figure 17), which was really insightful, especially for students who hadn’t picked up the book before.

‘Really intriguing to see a different side of typeface design compared to the usual serifs and san serifs. Seeing the changes in different pixel typefaces and how they have developed was really interesting’ – Joanne Tunbridge

‘Very interesting and different to all the other Baseline shift talks we’ve attended, would have been even better if I had background knowledge of the original games in the first place!’ – Ruth Bartley

Other activities include the letterpress and the post-it-note workshops, as well as the MA typeface designer workshop run by Toshi himself. We managed to get some fantastic outputs which can be seen around the department, and created a great atmosphere which connected students through all years and staff members. It was truly something to be proud of. The following images were taken on the day of the event, and feature the baseline shift talk, both the letterpress and post-it workshops and the night itself. I think it’s safe to say it was thoroughly enjoyed by all.

Figure 17: Photograph from Toshi’s baseline shift talk

 

Figure 21: Outputs from the post-it-note workshop, displayed in the department

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

Reflection

In reflection of the design work, and the event itself, I would say that it was a big success. The aims were all met and I went above and beyond the brief in order to make the day as great as possible. One thing I’d say I could’ve done better was been better in terms of sharing my files with my supervisor; I often didn’t send the files in the right format, however this was resolved after being alerted of my mistakes. I think the process was really eyeopening, and I have learnt so many new skills, as well as a LOT about pixel fonts (that’s what happens when you have to type up the characteristics of 200+ fonts!) ! I’m so glad I got the opportunity to work on this project, and I would love to explore pixel fonts in the future too.

 


👾GAME OVER 👾


 

Diversity team Tate Exchange 2020

Background

I am, We are… Different by Design is a student-led group from the School of Art and Communication Design advocating for diversity and inclusion within our creative field. For the last two years, we were kindly presented with the opportunity to host a workshop at the Tate Exchange in the Tate Modern. The Tate Exchange is a programme which encourages the connection between society and art. It invites the public and their associates to share a collaborative space where they can explore the impact of art on individuals, communities and societies. This year, as the new leaders of I Am, We Are…Different by Design we were responsible for organising and planning a two-day workshop.

Brief

This year, the school had decided on the theme of ‘Power’ for the Tate Exchange. There were multiple different directions they were thinking of taking this: power as an individual (people’s understanding of the word), power as a community (how power related to a group of people individuals are in), power in technology (how power is distributed to technology), and power in art (what power does the value of object have and is art powerful?). Our job was to relate diversity in design to one or more of these aspects. What we did was completely open, we were allowed to decide our activity and our audience. This real job is different from any other one you’ll come across since it wasn’t about physically designing an object but creating an event for the public to give them access to design.

Planning

When we were first given the theme we were working with, the entire team immediately saw potential. There are many different meanings of power, and empowerment is often linked to diversity. When trying to come up with different ways we can interpret the specifics of power, we realised that we can allow people to show off their own idea of power and when they feel powerful for everybody to see. With the success of last year’s idea of the public making a design and us printing it on tote bags for them, we decided to keep that aspect. It is much more fun for people to show off their creative work and express their diversity than to just make something for themselves and keep it inside the Tate Exchange.

The whole event was planned through weekly meetings. This was a crucial step in the project. We got together with as many people on the team and our supervisor to discuss our developments and how to continue with this. Because of these weekly meetings, we had many opportunities to bounce ideas off of each other and fine-tune things as well as ensure we were on track. Without these weekly meetings, we probably would not have been as prepared as we were and would have been panicking to get everything done in time.

We will admit that we probably had it a little easier than the leaders did last year. Most of the basics had been rolled over from the previous time we helped at the Tate Exchange. However, it did still teach us how we have to adapt and update things, and it shows how it often works in the real world with the first person doing something having the most work. A basic budget and item list had already been made, but we had to update this with new suppliers and other materials that we didn’t need last time. Further, the technical aspect of the printer setup had also been created last year. But there were also many things we had to do differently, whether it be an improvement to last year or a different aspect we had to include.

Member of the public creating their visualisation of power

Due to the success of last year’s event, we were given more dates to do our workshop. For this, we had to check with our other teammates what would be best suited since it would take place during a weekend and we all still had other coursework. Choosing to do two rather than three days and giving ourselves the Sunday for other commitments was what we agreed would work best for everyone. In the end, we also got some volunteers to help because others had to cancel. The numbers worked out perfectly as we had more people available on the Saturday when it was busier compared to the Friday. 

Another change we decided to make was creating templates to help guide the public in creating their visual definition of power. These templates had prompts that allowed people to think about it further rather than just taking the first idea they had along the lines of power. We had noticed last time that some people would derail or not stay within the size constraints due to the printers and wanted to keep it more under control this time. The templates used the font from the zine we made last year, however, we kept away the many bright colours we used. This way it was still neutral and wouldn’t take away from the individual’s design while still keeping our group’s identity. 

An example of five templates we made
An example of five templates we made

Lastly, we changed the way we presented people’s designs while we were at the Tate Exchange. Last year we put images into a grid and displayed that on a large screen. This wasn’t very dynamic, and many people didn’t even notice it. We tried coming up with different solutions, such as a dynamic grid. However, with how busy it gets and with limited time, we decided a simple PowerPoint that automatically loops through the slides was the most efficient way to do it. It worked out great, we occasionally had groups of people pointing out different designs to each other and it was funny to see kids wait for theirs to show up and then get very excited when it did. Using PowerPoint did mean setting up the laptops a bit differently, but we did all this beforehand. 

As said before, this real job is different from most. Because of that, we also had to work with different kinds of equipment and required a health and safety briefing. We managed to get together the entire team and all the volunteers to have the briefing at the department a few days before the Tate Exchange. We all needed to know what to do since we were using technology and extreme heat in public. It’s something you don’t often consider when you are creating something yourself but suddenly becomes very important when there are liabilities. 

Outcome

Production of the tote bags

Based on positive reactions and engagement we can safely say the outcome of our workshops was a success once again. There was constant public engagement with our workshop throughout both days. The audience truly enjoyed the workshop. We saw excitement from people of all ages and backgrounds ranging from children to adults. While waiting for their bags many people expressed how cool the idea was and some even returned to the busy tables to create a second design. All the time and effort that went into the success of those two days at the Tate seemed to pay off as the reactions expressed by our teammates were also positive despite the long hours of working and travelling. Being able to provide people with a creative outlet, and seeing their excitement was rewarding in itself. It was also nice to receive positive feedback from Eric who praised the success of our workshops and our brilliant teamwork.

Reflection

Although the outcome was successful there were things we could learn from and have done differently for the process to run smoother. As it got closer to the date some members of the team had to commit to other responsibilities and so were unable to attend both dates. Therefore, our biggest issue became ensuring we had enough volunteers for both days. We had to find a way to quickly recruit volunteers at short notice. To prevent such an issue from occurring we could have made a list of volunteers and roles earlier and continuously updated it to identify where we were lacking people. This careful preparation would have prompted us to look for volunteers sooner.

Working with laptops and printers to create the tote bags

Planning, organisation, communication, time management and leadership are key skills which apply to most typical real jobs. However, due to the nature of this real job the skills translated differently, especially in terms of communication and planning. As the Tate Exchange was in collaboration with the School of Art and Communication Design, learning to liaise efficiently between groups and individuals was essential. Also, directly interacting with the audience required a different kind of professionalism and manner where you must be mindful of the way you speak and behave when delivering the workshops from start to finish. Planning for this real job was different in the way that you must be thorough and prepare right until delivery as there is not a stage for trial and improvement. As meticulous as you are with planning, it is impossible to predict exactly what will happen on the day.

We were challenged to truly consider the perspective of the audience and learned to empathise with them. We built confidence in our communication skills and teamwork and learnt to be responsive and adaptive to changing situations. The skills gained from this real job can benefit and assist us in becoming well-rounded designers in the future.

Émile Niveduab book design

Background

Michael Twyman is retired Professor of Typography at the University of Reading. The founder of the Department of Typography and Graphic Communication, Michael has written over a dozen books and many articles, as well as lecturing all over the world. He has dedicated a large portion of his professional career to studying lithographic history. Émile Niveduab, écrivain-lithographe à Bordeaux dans les années 1830, explores, for the first time ever, Émile Niveduab, a key lithographer in France (1796–1877).

Deliverables

The key deliverable for this project was the book itself, featuring over 90 illustrations. The client felt that it was important that the book retained a French look and feel, as the text itself was in French. The supporting deliverable for the project was a promotional leaflet that was sent to the Musée de l’ Imprimerie et de la Communication graphique de Lyon, who displayed the final book.

Research

Researching was key to the success of this project, as I had no idea how to design something that looked French or adhered to French typographic conventions. The initial research stage consisted of an in-depth exploration of similar subject matter, both in French and English. A range of different texts were studied to analyse the typographic considerations, and several surprising points were noted:

  • French writers do not use quotation marks, instead, they opt for ‘guillemets’, which require spacing either side
  • There is always additional spacing around French colons and semi-colons
  • Some French readers hate an accent on a capital letter (É), whereas some require it
  • The target audience for Émile Nivedaub was a key focus throughout the research phase of the project. People who would buy this book would not only be interested in Lithography, but design as a whole, which meant that the typography (and typical ‘French’ typographic norms) had to be perfect.

Design development

The inner pages

After researching thoroughly, it was time to begin setting the inner pages of the book. With a specific page size required by the client (224 x 303mm), I quickly developed a grid (fig. 1) to maximise flexibility within the design and allow for multiple interesting combinations of text and image.

Figure 1: The grid, filled with images, footnotes and text.

With the grid completed, thework on the inner pages began. A sample of text was used to plan out the combination of typefaces that were appropriately ‘French looking’, but still legible and a pleasure to read. This was discussed at length with the client, but eventually it was decided that a French-style sans serif for headings and a legible serif for body text would be most agreeable, in combination with a legible sans serif for the footnotes and captions (Fig. 2, 3).

Figure 2: Typefaces used in the text

Figure 3: Text set in Minion Pro, headings in Parisine

To start with, I decided to copy the text for the book directly from Microsoft Word into the inDesign file and begin matching images and footnotes to it, but quickly ran into trouble when 10 pages had been completed and none of the italics were showing up. Four tries and several settings changes later, italics were successfully input, in an import straight from Word. After two chapters of sizing images, creating page layouts and matching up footnotes to link with the text, I met with the client to discuss changes. However, alterations caused issues within the inDesign file, as when I would change the layout of one page, all subsequent pages would shift, and the text would not link correctly with the images on said page. To fix this issue, I divided the book into chapters and ended the run-on of text for each section, so only one chapter at a time was affected by changes, not the entire book.

Near the end of the project, it was discovered that spacing between the apostrophes and letters was incorrect, which was catastrophic, as this spacing affected the layout on every page, in every chapter. The fundamental flaw was that the chosen body typeface (Minion pro) had been designed by an American typeface designer, which meant that he had not considered how French words (l’ecriture, l’anglaise, c’est) might need additional spacing between letters and the apostrophe. This was disappointing, as I had initially tested Minion pro with a sample from the text, with no complications. The trouble was, only certain combinations of apostrophe and letter were affected. This was a challenging problem to solve, as any attempt to modify the spacing of the words with the affected apostrophe either resulted in large layout changes throughout the book, or mis-spaced words. In the end, I developed a complicated GREP find and replace search to add a hair space after each apostrophe, but only when it was surrounded by a pair of letters, which solved the problem perfectly.

Figure 4: Using GREP to add spacing

The index was the last, and perhaps most challenging, part of the entire book. With three different levels of indentation, and sub-indentations within that, managing both the horizontal and vertical spacing was difficult. There was much design iteration to ensure the correct leading and indentation, as the index needed to have an indented second line when the text ran over (fig. 5). This was problematic as there were already multiple layers of indenting, but through careful experimentation, I was able to adjust the spacing accordingly to work incrementally (fig. 6).

Figure 5: Three levels of indentation

Figure 6: Indentation spacing

The cover

The cover was the most exciting part of the project, as the client had given me complete free reign over how it would look. From sketches, to developed ideas, it was always important that the cover fit the traditional style of the book (fig 7–10).

Figure 7: Initial sketches

Figure 8: Ideation

Throughout the iterative design process, different techniques were tried to give a more authentic feel to the cover. I tried printing white ink with letterpress onto coloured paper, and entertained the idea of getting a special printing plate made for Émile Niveduab (fig. 9). However, it was decided the book was to be printed in France, so I was unable to letterpress the labels.

Figure 9: Examples of letterpress printing for the cover

The cover initially featured a zoomed-in detail from one of Niveduab’s pieces of ephemera, but it quickly became apparent that the detail was not high resolution enough. Unfortunately, the image looked correct on-screen but when printed it was fuzzy. In retrospect, the cover should have been printed out at an earlier stage within the developmental process, but this error led the design to feature a large lithographic piece, which was stunningly detailed and high res enough to work at the required size.

The final design showcases the lithographic piece backwards, as Émile Niveduab himself would have seen the work as he created it, backwards, on a lithographic stone. This detail is aimed at the specific target audience of the book, almost a ‘secret message’, as those without lithographic knowledge will not be aware of this. The subtle turquoise was chosen as a calm and refined tone that contrasts well with the dark grey of the background.

Figure 10: Final cover design

The leaflet

After the book had been completed, the client requested a promotional leaflet to sell the text to potential stockists. It was imperative that the leaflet encompassed the look and feel of the book, as well as highlighting some of the most visually effective pages.

The client and I worked together to select four spreads that we thought would give the appropriate flavour of the book. From there, it was simple to replicate the style of the book (both the cover and the inner pages) to produce an effective leaflet, by carrying over key colours and typeface choices (fig. 11).

Figure 11: The final proposed leaflet

The leaflet gives a snapshot of what the reader might come to expect when they delve into Niveduab, with key important details from the book highlighted.

Reflection

Working so closely with a client was a new experience for me and an excellent learning opportunity. Michael Twyman is a genius with typography and having him critique my designs was in equal parts terrifying and rewarding. I have learnt to be far more detail-oriented throughout the course of the project, needing to be able to pick out the incorrect en-dash in 100 pages, or notice the stray widow after a layout change.

The key thing that I learned throughout the process was how to communicate effectively with a client. When I initially began meeting with Michael Twyman, I described to him my ideas verbally and he struggled to give feedback. However, as the project progressed, I learned to provide him with multiple drawn or rendered ideas, even if they were just rough sketches. This helped both the client and me to better understand the direction and allowed far more effective feedback to be given.