Archive for the ‘week11’ Category

Some sketches and images for my cookbook layout project.

I really did in depth research on my cookbook layout project. I have encountered lots of informative articles browsing the web and would like to share some of them so here is my list:

liora blum. (2012). Liora Blum – Professional Graphic design. Available:

Sarah. (2012). Our Budding Norwegian Chef. Available:

Amber Neely. (2012). Tips on How to Make Your Own Cookbook. Available: (2012). Book Page Layout Tips. Available: Grids: Order Out of Chaos. Available:

Wikibooks.Basic Book Design/Margins. Available: (2010). The Secret Canon & Page Harmony. Available:

Lucio Dias Ribeiro. (2007). How to choose the best fonts – 3 key tips.. Available:

The Online Printer. (2012). How To Use Fonts (and Why You Should Care). Available:

Brian Hoff. (2008). 10 Common Typography Mistakes. Available:

Ilene Strizver. (YEAR). Rags, Widows & Orphans. Available:

Here are some inspirational images:


To remember better, I have to make use of repetition. I have been reading a lot about layout and as of now I am still at the stage of research for my cookbook layout 🙂

I am enjoying all the discoveries/knowledge about layout!! Suddenly, I became conscious of what I put in my negative space. Now, I look at each character (text) with respect. So, here are some terms about typography relating to layout.

LEADING: Leading is the space between lines of type.

TRACKING: Tracking is Overall Letterspacing

KERNING: Kerning is Selective Letterspacing. Between two characters.

RAG: In typography, “rag” refers to the irregular or uneven vertical margin of a block of type.

WIDOW: A widow is a very short line – usually one word, or the end of a hyphenated word – at the end of a paragraph or column.

ORPHANS: an orphan is a single word, part of a word or very short line, except it appears at the beginning of a column or a page.



These are the fonts I used:



Ilene Strizver. (YEAR). Rags, Widows & Orphans. Available: Last accessed 9th november 2012. Grids: Order Out of Chaos. Available:

Included in the portfolio and the 4th mandatory assignment is:

“The art of boiling water” is a fictional cookbook. You have to design the layout of this book and show examples of how the pages should look. In the book, you will use one serif font and one sans serif font.

Chooose between these fonts:
Adobe Garamond, Adobe Caslon, Minion, Calluna, Calluna Sans, Gill Sans, Myriad and Museo.

The page format is 200 millimeters wide x 260 mm high by 3 mm bleed.

Grid, margins and typography are emphasized in the assignment.

The book will consist of the following:

  • Title Page
  • Imprint (Norwegian; kolofon)
  • Table of Contents
  • Foreword
  • 4 Recipes –  4 Result (Norwegian; oppslag)

Pagination (page numbers)

“The art of boiling water” must be included and should not be shortened.

Use of pictures: you use those belonging to the recipe (see the title of the recipe – the image corresponds). Photos are placed on the left side (and to fill the whole page) – and the recipe is placed on the right side.


Provide students with practical skills and knowledge in the tools used in the industry.

  • Imaging
  • Page layout
  • Use of typography and colors in various print productions.
  • Awareness of students about visual media and communications in print media.
  • Provide students with knowledge of technical standards and production processes in the graphic work.

Starting the research with how to make grids for the layout, I perused the web for guidelines on how to make grids. I did read about grids before my magazine project but since I was a bit hurried, it wasn’t enough. Reading on, I realized my magazine could have been better with some GRID foundations. Anyways, here is a list of definition of terms that will facilitate my working with a printer and of course understanding what those lines are called!

I realized to be able to communicate with my printer, I must know how to describe the document to be printed and knowing the technical terms would help a lot. So I thought of making a list of terms that is being used in page layout.

GRID: is an invisible structure used to guide the placement of elements on a page layout. It is a series of guidelines that determines the margins of the piece, space between page elements (headlines, body text, photographs, etc.), and let you know where to put things on the blank page.

GUTTER: The inside margins or blank space between two facing pages is the gutter. The gutter space is that extra space allowance used to accommodate the binding in books and magazines. The amount of gutter needed varies depending on the binding method.

In saddled-stitched publications the amount of gutter, as well as the outside margins are adjusted to allow for creep. Gutter is sometimes used to refer to the alley or space between columns of text in a page layout.

ALLEY: Space between columns of text in a page layout. Also called gutter.

CREEP ALLOWANCE/SHINGLING:  Adjusting the page layout of inner spreads to maintain a constant outer margin when the saddle stitched booklet is trimmed to counteract creep is known as creep allowance or shingling.

MARGINS: top, bottom, and either side — is that usually empty space between the trim (where the page is cut) and the live printing area (primary text and graphics) of the page. Sometimes headers or footers may be placed within the margins.

TRIM: Where the page itself will be cut.

BLEED: the excess image area that must pass the trim dimensions to avoid having the image border accidentally print (a quarter inch is fairly standard).

CROP MARKS: Crossed lines placed at the corners of an image or a page to indicate where to trim it.



This was the grid I used for my magazine project

Now, I am still wondering what to use for my cookbook project but I will start printing this grid I made (specifications illustrated by inserted images) and try it out.

      And with that…I will be off the GRID for a while and make my sketches!

References: Grids: Order Out of Chaos. Available:

CECI. (2009). BOOK DESIGN with FRAMES. Available: Last accessed 7th november 2012.

Today, I tried making my 2spot color magazine cover and spot varnishing it (done in earlier stage of the project)

This is how I did it and really hoping this is how it is done.

    I opened my CMYK image in photoshop and colorpicked the red from the bus and the blue from the sky. I used the red for the spot color.

   I converted it to greyscale and adjusted the brightness and contrast/levels

  +   In image>mode>duotone, I chose duotone then used the red color picked earlier and Pantone+ solid coated and adjusted the curves of both.

  Then saved my image as psd file to a folder.

In indesign, with my document open, I placed the spot color image  on the cover and there it is…my not so good looking cover using 2 spot colours. and i gained spot colors in my swatches!!!

Final cover using 2spot colours and spot varnishing. This is for learning purposes, FYI 🙂