author websites book cover design book covers book design book trailers calligraphy children book design design crimes design process digital libraries e-book design e-books events illustration inspiration lettering literary page layout personal poetry book design portfolio printing print on demand publishing rare books self publishing sorodesign teaching thoughts typography web design

Sep 26, 2009
My Book Design Process(ed)

or ‘Letter from a book designer to a writer’ (particularly to those writing non-fiction that integrates text, tables, graphics, & other elements).

We believe that a book’s design should reflect the author’s voice as well as the concept that the author wants to transmit. Cover art & page layout are all parts of the message that the book is attempting to communicate. A book’s design presents the way through which the reader interacts with the text. Done wrong, a book’s design (or lack of design) can turn an engaging text into a boring and monotonous read. Of course, on the other extreme, poorly conceived page layout composition results in a book design that intrudes on the reader’s enjoyment.

As a boutique book design studio we craft each book carefully, dedicating the time that each book needs without rushing into random ideas.

We usually design the cover first since that’s the first contact the potential reader has with the book. Once we have designed the style for the cover, then we start on the interior page layout. In the page composition we purposefully incorporate some elements from the cover design so that the overall result is a book with cover and interior that presents a unified style, making the book a stronger and unique presentation.

When working on page layout, we seek to find a harmonious relationship between the fonts in the different parts of the text. Also, an integral part of book layout is balancing the text with the surrounding white space. We actually think of the white space as containing the text. Certainly, a simpler approach is just to dump the text into a template. But that method doesn’t work well for a non-fiction book that utilizes many elements, e.g., images, tables.

Most importantly we strive to work with the publisher (or author in case of self-publishers) to transmit the spirit of that particular book as a one & only piece that will provide an engaging experience for the reader.

This doesn’t mean that the process is long, sometimes is only a few weeks. We just think this is a good direction and it works for us and our clients.

Aug 18, 2009
BOOK DESIGN with FRAMES

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

Book CoverFrom 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.

Book layout -elements
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:

Table of Content

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.

typography

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.

Book Layout- Grid

Mar 11, 2009
BOOK LAYOUT with WHITE SPACE

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.)
Manuscript pages

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).

Grid for 2 column book layout

TEXT ON THE PAGE

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

Text on the page

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).

Typesetting

FORMATTING THE TEXT

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

List into 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:

double page layout

double page layout

double page layout

Mar 2, 2009
TYPE & LAYOUT for THE IMPERFECT ENJOYMENT

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.

Book Cover & Layout

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.

Typesetting

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.)

Table of Contents & Dedication page

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

Book Website

Feb 18, 2009
THE DESIGN PROCESS for a BOOK / Part II

This is the second part of a multi-part post describing the design process of the cover, layout, & website for the book A Worthy Legacy by author Tomi Akinyanmi. You can read the Part I here.

PART II: The Final Cover


The first round of the cover concepts were focused on the uniqueness of the yoruba origins of the author and her grandfather, the focus of the legacy.

For the second round we looked for a more ‘universal’ approach on the topic of the book’s theme “learnings of life”, which would allow more people to relate to it. This was a better approach from a marketing perspective and also conveyed the message that the author was transmitting in a better way since the book is about people and life regardless which culture they are from:

The dark background immediately stood out from the rest. And though we loved the title set in the calligraphic font Affair, we later changed it to Bentley & MrsEaves for improved readability:

Here is the final cover:

When we finished the cover, we sent it over to the talented team of COS Productions to produce the book trailer. I was thrilled to see how the video captured the essence of the book:

Coming soon | Part III: Book Jacket & Interior Pages