Posts Tagged ‘typography’

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: http://www.liorablum.com/.

Sarah. (2012). Our Budding Norwegian Chef. Available: http://zinser5.com/our-budding-norwegian-chef/.

Amber Neely. (2012). Tips on How to Make Your Own Cookbook. Available: http://www.brighthub.com/multimedia/publishing/articles/81928.aspx.

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

artbookbindery.com. (2012). Book Page Layout Tips. Available: http://www.artbookbindery.com/layout.htm.

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

Wikibooks.Basic Book Design/Margins. Available:
http://en.wikibooks.org/wiki/Basic_Book_Design/Margins

retinart.net. (2010). The Secret Canon & Page Harmony. Available: http://retinart.net/graphic-design/secret-law-of-page-harmony/.

Lucio Dias Ribeiro. (2007). How to choose the best fonts – 3 key tips.. Available: http://marketingeasy.net/how-to-choose-the-best-fonts-3-key-tips/2007-07-10/.

The Online Printer. (2012). How To Use Fonts (and Why You Should Care). Available:
http://www.theonlineprinter.com.au/info/How_to_Use_Fonts_When_Printing.aspx
accessed

http://coding.smashingmagazine.com/2009/04/03/8-simple-ways-to-improve-typography-in-your-designs/

Brian Hoff. (2008). 10 Common Typography Mistakes. Available: http://www.thedesigncubicle.com/2008/12/10-common-typography-mistakes/.

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

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:

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

AFter days of not feeling good, finally got to finish this assignment….

It’s quite informative and i got to know the structure of a type.

I enumerated some basic parts and tried to describe it:

1. x-height:  is the vertical space occupied by the stroke of letters in lowercase which is the height of an x hence x-height.  Starts from the baseline

2. counter:  The empty space inside the body stroke enclosed by a bowl; o, B, d, a  are letter which have counters

3. baseline: is self-explanatory

4. ascender: The stroke that exceeds the xheight is called the ascender. Letters d, Y, T, b all cross the x-height

5. ascender line: line where the ascender stroke ends.

6. serif: tapered corners on the end of main strokes. The absence of a serif is called sans serif

7. bowl : enclosure of a counter

8. descender line : where the descender stroke ends.

9. descender : The stroke that crosses the baseline downwards/below the baseline; g, j, y

10. spine : it is the central stroke of an S

   

I was attempting the blueprint effect.

CReated a 210mm x 210mm artboard, white background, filled with radial gradient (fading sky)

image

Mirrored my PC to my tablet using air display and wrote the numbers

      

…..After receiving this week’s assignments, I was:

a. excited

b. overwhelmed

c. afraid

d. all of the above

Well, it’s D of course. I have been trying to concentrate for the past 3days but couldn’t. The logo and photography projects, the readings and resources I should be reading and this week’s activities filled my head and constantly grew inside of it that I thought it would blow up my brains! I was seeing letters in my sleep!!!!  So instead of forcing myself, I took a break and concentrated on my job (real life job.)  Detached a bit from the forum and this afternoon after work, I decided it’s time. (really?)

So I chose two words from the list of words and they were (drum roll) COMPRESSION and MIGRATION

And my invented word would be OMI  = (noun) (read as spelled) a person without idea.

The word came to me when I was forcing myself to read related topics and couldn’t concentrate…so I said OH ME! Of the 3 words, I think I spent more time creating its composition than the other two. 🙂

My first word is compression and I decided to interpret it with its own words and combined it with visual representation of the word. The word PRESS pressing itself creating a compression of press’. Got it? 🙂

Migration was my first choice(of word) instantaneously I thought of national geographic as my inspiration. I love their series of animal migration  particularly the monarch butterflies and dolphin migration. In my head, I would like to arrange the words in figures of butterflies/dolphins and show some movement by size and number of frequency. I tried but it will take so much of my time but I do put my ideas on paper. I couldn’t execute it in Illustrator too. I tried using spiral path, simple paths and finally I settled with making symbol and brushing the word across the A4 area.

With all 3 words, I used simple typography and those of san serif since i would rather direct the reader to the entirety of the composition rather than the words design.

                

Since i made a mistake of distorting the font, pulled out my post yesterday and edited it. Somehow i have to move on to the other assignments…