Archive for the ‘oblig04’ Category

So, I finished after all!! Here is the final output. Feel free to visit the earlier blogs for the design process. Thanks and crossing my fingers until grading! I will have a BREAK this weekend!!! I have to free myself and watch a movie…breaking dawn it is!!

The pdf was the final one with minor correction from the jpeg version.


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.

Last of the weekly activities for the layout topic is making a brochure for a fictitious travel agency. The goal is to learn more about typefaces, use of images and grid styles that make out a layout of a brochure. I chose the asymmetrical format as it gives me more room to experiment on my grid. At first, I wanted to make a minimalistic layout but I opted not since this is a learning activity and doing more means learning more at this stage. I am not yet done watching the tutorial videos on but I do visit it when problem arises. I encountered issues like the size of the image not fitting my grid or get in conflict with the text and the other way around and really tried hard to find solutions. Got page spread problem when I realized that my content page is actually two pages. Having images as background makes the design interesting but will challenge the placement of the text. I am liking the use of Indesign as it is very flexible.

Everything in this brochure came from scratch. I made the logo in illustrator. All pictures were my own and the titles but all the text content including telephone#s were copied and are fictitious.






yesta desamba. (2010). Design Tips for Modern Minimalist Design Style. Available: Last accessed 28th oct 2012.

misty barton. (2010). Parts of a Brochure. Available: Last accessed 28th oct 2012.

I took time doing this activity since I know that it is a must to know the features of Adobe Indesign for the next obligatory project. With the help of and some youtube tutorials, I was able to duplicate an A5 flyer that I found in the internet. Not duplicate per se since I changed the fonts and graphics but the layout is the same.

Here is what to be expected:

Choose a simple A5 flyer that is printed on one side only, but in full colour. The flyer must contain visuals and text – a travel flyer is a useful idea, but it can be of any organisation or company.

  • Reproduce the same layout as your chosen flyer by using InDesign – you may use different images and fake body copy. What is important is that you recreate the flyer to the same style and layout and use InDesign to do so.