I recently finished designing How Tall is the Easter Bunny?, a humorous book for parents about the Easter Bunny, the Tooth Fairy, & Santa Claus.

From the back cover:
This is not your typical parenting book.
“How Tall Is the Easter Bunny?” takes you on a humorous romp through 51 questions that as an adult, you would never think to ask. The authors posed them to parents like you, and came up with some unexpected results:
“The Tooth Fairy sells teeth to dentists, pirates and witch doctors.”
“Santa’s favorite food is beer and enchiladas.”
Hilarious responses such as these, along with “tips from the pros” and actual bitter-sweet personal stories make this truly a one-of-a-kind humor book you won’t want to put down.

The authors Dan & Danielle Morton did research, surveys, and interviews to hundreds of parents to get all sorts of answers to their questions, and I wanted to reflect that in the book.

HIERARCHY

The book has a number of elements interacting in the page, making the separation of elements into different categories important for finding the right style & font:

• section number & title
• chapter number & title
• main text
• quotes within text
• charts
• lists
• humor illustrations
• vector illustrations*
• tips from the pros throughout the text
• real stories section at the end of each chapter
• pullquotes

* I suggested to add the vector illustrations later to break the monotony of the grayscale illustrations and text.


When working on layout we want to find a harmonious relation between the different elements interacting in a double page: fonts in the different parts of the text, the blocks of text with the images, and these elements with the space that contains it. At the same time we try for it not to be monotonous or boring, but neither noisy. Contrast is the key, and finding the right contrast between the elements is what will make it easier or harder on the eye.

STYLE

The humorous nature of the book made me think of comics and the way each scene in a comic is presented as a frame. Then I started to think of each question (i.e., chapter) as a scene. I tried a few hand-drawn frames but that didn’t work since the beginnings and ends started to bump into each other. Finally, I decided to keep the comic concept but use it in a more simple way: to “frame” the pages.

For the front matter & section dividers I used a thick frame, while in the interior pages the frame was a hairline:

TYPOGRAPHY

I wanted a strong face for the headers, and after trying many geometric possibilities I found Zuzana Licko’s Modula, which different weights & variants made the elements have their own style while maintaining the same style. For the text I used the neo-grotesque Whitney in lightweight.

GRID

For a book with so many elements, the grid is essential: it will define the width of the elements and help distribute the space within the page, which allows the elements to flow in a systematic manner.

Awakening Possibility is a book I designed a few months ago. The author described it as a ‘self-help book (workbook) on career and life planning‘, and the manuscript was about 66-page Word doc and I was asked to make it in about a 150-page book.
After reading the book I realized that it had a lot of ‘visualizing work’, so I thought that having a book with lots of white space fit the purpose of making it to the page count and also went very well to the content by leaving open space as a means for thinking and reflecting.

ELEMENTS OF THE BOOK

Being a workbook, there was not only text but many other elements to design: workbook pages to be completed by the reader, along with diagrams, charts, exercises, etc. Below a little look at the original manuscript. (Several of the textual elements in the manuscript that were converted graphically can be seen in the last two images of this post.)

GRID

I proposed a 2 column layout: a wide one for the text and a thin one for full width to be used with the elements mentioned before. Two thin blocks to the sides were used on the right for chapter title and on the left for folios (book title, page number & author).

TEXT ON THE PAGE

The column width is about 70 characters, and the text block is justified to add to the overall ‘clean feel’.

The main typeface was Filosofia by Zuzana Licko: Filosofia Roman 10/15 for the text (yes, generous leading) and Filosofia Unicase for the chapters. Looking for a typeface to combine with Filosofia, I found that ITC Conduit could work, designed by Mark van Bronkhorst. ITC Conduit is the opposite of the contemporary-modern roman Filosofia and with a wide range of variants for all the elements required (headings, diagrams, etc).

FORMATTING THE TEXT

Some of the elements were interesting to reformat, like this list that got formatted as a tag cloud:

I also added some ornaments to complement a few pages, which relate to the content (Escher’s drawings). Here are some double pages of the final design:

A couple weeks ago we received the copy of a book I’ve designed: The Imperfect Enjoyment by Dewan Gibson.

In an earlier post I mentioned using the font Brothers for the cover. So when working on the layout, the idea was (& always is) to relate the layout with the cover to unify the book.

Having the Brothers font on the cover, I thought that I would like to find a good text font to go with it: something masculine, geometric, but at the same time highly readable. (Remember that usability always must be in mind when designing a book: the book is meant to be read!)
The chapter headings and small ornaments were also set in Brothers, and for the main text, the choice was Melior by Hermann Zapf. After trying some other fonts, Melior fit the bill: the geometric rectangle based font went perfectly with Brothers.

For the front matter I started to incorporate Melior, always combined with Brothers Bold & Regular. (In the image is the horizontal design for the TOC & Dedication page.)

BTW, The Imperfect Enjoyment has its own website, which I found very amusing… featuring Barack Obama!

The layout of a book determines how information will be received and perceived by the readers and how user-friendly it is. In some cases it is necessary to interpret the information from the manuscript, and translate it into a graphic language so that the reader will get the message the way that the author intends to present it.
I always thought that this is a very interesting process so I put together an example of a book that we’ve worked on earlier this year.

STAGE 1 | identifying what needs graphic translation

Working on the book design of Stand Taller Live Longer by Dr. Steven Weiniger, we found that at the end of each chapter he had a little section with his 7 week Exercise Program and the idea was that the readers will start doing the exercises and progress along with the reading. The program was presented as lines of text, telling the reader which exercises to do, which order to follow and how many of them. The problem was that it didn’t look different than any other part of the text, so the reader wouldn’t realize that they were in front of The Excercise Program, and just read it as another line of text. It needed something to invite the reader to move out of the chair and get onto the exercise ball.

STAGE 2 | understanding the meaning

After talking with Dr.Steven, he came with this idea of a full page at the end of each chapter: Balance, Alignment & Motion with images of the exercises and page reference, and pyramids.

STAGE 3 | The BAM pages

We went from there and came up with the BAM pages that could be pulled out from the book and had a progressive set of exercises using the pyramid as a metaphor for building a Strong Base = a Strong Posture.

Each week would incorporate new exercises, which would be highlighted; while the repetitions from the week before would get a 50% transparency, serving as a remainder.

*The beautiful ornament bird on the side of this post is from the free font Medieval Dingbats by Lord Kyl

Thanks to Fade Theory we’ve come across a very interesting blog devoted to Arabic typography by Lebanese type designer Nadine Chahine who is now working at Linotype as the Arabic specialist. Her blog has a good series of postings on Arabic newspaper design.

And if you’ve not yet delved into Fade Theory then take a look.