Posts Tagged ‘layout’

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.

CLICK THE LINK FOR PDF FORMAT:   oblig4doc11pt

Some sketches and images for my cookbook layout project.

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:

fonts

REFERENCES:

Ilene Strizver. (YEAR). Rags, Widows & Orphans. Available: http://www.fonts.com/content/learning/fontology/level-2/text-typography/rags-widows-orphans. Last accessed 9th november 2012.

About.com. Grids: Order Out of Chaos. Available:
http://desktoppub.about.com/od/grids/l/aa_gridsflex.htm

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.

GOAL:

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.

SOME ILLUSTRATIONS OF GRIDS:

    

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:

About.com. Grids: Order Out of Chaos. Available:
http://desktoppub.about.com/od/grids/l/aa_gridsflex.htm

CECI. (2009). BOOK DESIGN with FRAMES. Available: http://books.sorodesign.com/tag/design-process/page/2/. Last accessed 7th november 2012.

http://facweb.cs.depaul.edu/sgrais/layout_grids.htm

Magazine design

Posted: November 3, 2012 in printing, week10
Tags: , , , , , , , ,

This week’s task is to ready documents/design for printing. “Design a 20-page magazine style brochure combining dynamic typography and photography. You can use placeholder text for body copy. For your magazine, use a spot varnish for the cover and design it using two spot colours.”

As much as I enjoyed layouting the magazine, I can’t say the same in preparing it for print. I still am not sure about spot printing and using spot varnish. I consulted a website for added info (http://print24.com/blog/2011/11/tutorial-how-to-add-spot-varnish-to-your-printings-with-indesign/)

So while still learning and researching about type of paper and more on printing and binding, this is how the magazine would look like if printing is successful.

I have saved the work in PDF and also packaged it. Paper: 180 to 250 GSM for the cover and 90 GSM for the content pages. As I am very sleepy now, I will update this blog tomorrow and probably under a new title.

Click the link for the for the finished project. magazinelondon5  

                                 

packaged and ready for transfer 🙂

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 Lynda.com 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.

 

 

toppertry

topperFINAL

References:

yesta desamba. (2010). Design Tips for Modern Minimalist Design Style. Available: http://jayce-o.blogspot.com/2010/12/design-tips-for-modern-minimalist.html. Last accessed 28th oct 2012.

misty barton. (2010). Parts of a Brochure. Available: http://www.ehow.com/info_8263649_parts-brochure.html. Last accessed 28th oct 2012.