Old 12-12-2008, 08:32   #21 (permalink)
Mik
Award Winning™
 
Mik's Avatar
 
Join Date: Mar 2003
Posts: 14,586
can i suggest just one little thing and dont go off on one

Stick to facts - some of the suggestions are design choices and that can become subjective. (example - addresses above - I could show 4 better ways that are design choices as opposed to grid layout).

but crackign stuff mate - next chapter!
  Reply With Quote
Old 12-12-2008, 08:48   #22 (permalink)
CharmingMan
Something
 
CharmingMan's Avatar
 
Join Date: Jan 2008
Posts: 7,177
Quote:
Originally Posted by Mik
can i suggest just one little thing and dont go off on one

Stick to facts - some of the suggestions are design choices and that can become subjective. (example - addresses above - I could show 4 better ways that are design choices as opposed to grid layout).

but crackign stuff mate - next chapter!


Thats fine - I completely accept that.

I know i am putting myself out there for criticism and I know theres ppl on this forum that know more than i do so Im not trying to say this is all gospel, its just things that i have obseved really. Feel free to correct me, Im sure theres stuff you could put out there that ppl, myself included could learn from.
__________________
  Reply With Quote
Old 12-12-2008, 08:57   #23 (permalink)
Mik
Award Winning™
 
Mik's Avatar
 
Join Date: Mar 2003
Posts: 14,586
one other thing haha - change typeface to Helvetica (utterly neutral for layout purposes) - Akkurat has character.
  Reply With Quote
Old 12-12-2008, 08:59   #24 (permalink)
CharmingMan
Something
 
CharmingMan's Avatar
 
Join Date: Jan 2008
Posts: 7,177
STRAIT LINES & "SWISS LOOK"

Going on from my last example of reinforcing the structure and underlying grid, I'll show you another way of creating a hard let adge favoured by the swiss.

As mik rightly points out, this isnt a definative way of doing things and is a design choice, but it's no bad thing to try an emulate some of the swiss stuff out there. once you got all this under your belt then you can go off in whatever direction you like.

going back to what i was saying, the page edge itself can be used as another device for creating hard vertical lines and strict structure to your design.



The first is a design i did for a paper sample, the second a popular tshirt design using the infamous helvetica.

What i have done is created relatively small margins for the top and left hand edges of the page then set the type hard up to those edges in favour of the strait uniform look.

This wont be suitable for many designs especially books where text would dissapear into the spine. i would only reccomend using this on stand alone pages where its not important to have good clearence of the edge.
__________________
  Reply With Quote
Old 12-12-2008, 09:04   #25 (permalink)
CharmingMan
Something
 
CharmingMan's Avatar
 
Join Date: Jan 2008
Posts: 7,177
Quote:
Originally Posted by Mik
one other thing haha - change typeface to Helvetica (utterly neutral for layout purposes) - Akkurat has character.

but..but..but i'll have to re-create everything then.

Besides akkurat is the new helvetica
__________________
  Reply With Quote
Old 12-12-2008, 09:06   #26 (permalink)
Mik
Award Winning™
 
Mik's Avatar
 
Join Date: Mar 2003
Posts: 14,586
haha (no its not )
Its the new (even if it is old) Din
  Reply With Quote
Old 12-12-2008, 11:18   #27 (permalink)
CharmingMan
Something
 
CharmingMan's Avatar
 
Join Date: Jan 2008
Posts: 7,177


__________________
  Reply With Quote
Old 12-12-2008, 11:40   #28 (permalink)
Mik
Award Winning™
 
Mik's Avatar
 
Join Date: Mar 2003
Posts: 14,586
this is all good CM - I hope people are following.
Just for consistency show an odd column layout (7 or 9)

**awkward - paragraph shouldnt go to right hand side margin.

Last edited by Mik : 12-12-2008 at 12:18.
  Reply With Quote
Old 12-12-2008, 11:42   #29 (permalink)
TeZ
Dot gain
 
TeZ's Avatar
 
Join Date: Jan 2008
Location: Oxford
Posts: 4,431
Send a message via MSN to TeZ Send a message via Yahoo to TeZ
This is great stuff CM, keep it up.
__________________
____

shitter
  Reply With Quote
Old 12-12-2008, 11:50   #30 (permalink)
CharmingMan
Something
 
CharmingMan's Avatar
 
Join Date: Jan 2008
Posts: 7,177
GRID EXAMPLE - LETTERHEAD CONSTRUCTION

Being a designer its good to know how to create one of the most basic documents, The Letterhead.

I have used a modular grid to create this, I'm not going to go into too much detail on this there is already some brilliant books and tutorials on grid creation.

What we have is an 8 column grid which is further divided into 12 rows giving us 96 grid units in total. Which gives plenty of scope for numerous different text layouts.

What you need to remember with the a letterhead is that your sender information, thats your name, your logo and your address should occupy the top third of the a4 sheet.

This is so that when it folds down into a DL envelope, you have the address and logo fitting neatly within the top folded portion of the page.

The bulk of the letter, the letter content should go in the lower 2 thirds of the A4 sheet. Some letterhead designs will also put the recipient info in the top third. Theres no hard and fast rules on this, be creative!

What you will notice as well is that i have used a text measure or line length on the letter content which is consistent with the ideas that I showed in the other earlier bit. So the copy is comfortable length and makes for an easy read.
__________________
  Reply With Quote
Old 12-12-2008, 11:56   #31 (permalink)
CharmingMan
Something
 
CharmingMan's Avatar
 
Join Date: Jan 2008
Posts: 7,177
Quote:
Originally Posted by Mik
this is all good CM - I hope people are following.
Just for consistency show an odd column layout (7 or 9)


**awkward - paragraph shouldnt go to right hand side margin.


Yeah i'll have a go at this in a bit

**awkward - paragraph shouldnt go to right hand side margin.

Do you mean I should have left a larger margin to the right?
__________________
  Reply With Quote
Old 12-12-2008, 12:05   #32 (permalink)
Mik
Award Winning™
 
Mik's Avatar
 
Join Date: Mar 2003
Posts: 14,586
well depends.

I'd have a larger margin on left as letterheads etc sometimes go in folders (left binding edge).

In the case above I would have the pagagraph width finishing on the 7th column outer edge.
  Reply With Quote
Old 12-12-2008, 12:08   #33 (permalink)
CharmingMan
Something
 
CharmingMan's Avatar
 
Join Date: Jan 2008
Posts: 7,177
Quote:
Originally Posted by Mik
well depends.

I'd have a larger margin on left as letterheads etc sometimes go in folders (left binding edge).

In the case above I would have the pagagraph width finishing on the 7th column outer edge.


Right - i see. Yeah that makes sense.

There seems to be a lot of companies that don't bother with binding edge, does need to be considered though.
__________________
  Reply With Quote
Old 12-12-2008, 12:08   #34 (permalink)
Rik
 
Join Date: May 2007
Location: Huntly Gardens
Posts: 8,623
my mac asks for garamond every time i come to this page.

think it maybe mik's crafted posts.
  Reply With Quote
Old 12-12-2008, 12:14   #35 (permalink)
adras
1337
 
adras's Avatar
 
Join Date: May 2004
Location: Toronto, Canada Superpower: Diamond finger
Posts: 2,593
Send a message via MSN to adras
This thread is gold!
__________________
be crisp™ | <(-_-)>
  Reply With Quote
Old 12-12-2008, 12:17   #36 (permalink)
Mik
Award Winning™
 
Mik's Avatar
 
Join Date: Mar 2003
Posts: 14,586
Quote:
Originally Posted by CharmingMan
There seems to be a lot of companies that don't bother with binding edge, does need to be considered though.


aye i just like to do it - makes me feel special.
  Reply With Quote
Old 12-12-2008, 13:04   #37 (permalink)
CharmingMan
Something
 
CharmingMan's Avatar
 
Join Date: Jan 2008
Posts: 7,177
GRIDS & MARGINS

Margins on printed publications are a really important and often overlooked aspect of design.

"Just as every problem is novel and different from others, so the grid must be concieved afresh every time so as to meet requirements."

"Along with the depth and width of the type area and size of the typeface, the volume of the text and the number of pages must be taken into account. If there is a great deal of text to be accomodated on a few pages, there will have to be as larger type area as possible with relatively narrow margins and a comparitively small typeface"

Muller-brockmann







If you take the example of the 2 pages spreads above i have constructed the grid of relatively narrow margins to accomodate large volumes of text. This was also possible because the document was to consist of few pages, so it would effectively lie flat meaning that text close to the spine would not be dissapearing.

The bulk of the copy has been set over a third or the wy down the page in this case, had it of been set closer to the titling at the top it would have had a top heavy effect with the text appearing to rise off the top of the page.




Note how on this second images the margins are much more generous.

I have taken the dimensions directly from I technical manual that I own. The book is over 300 pages in length and is quite thick in volume. So given the thickness and the overall quantity of text it becomes a functional necessity to use larger page margins.

The book can be gripped from either edge and held without obscuring the text and also the inner margin is such that the text does not dissapear into the spine.

Going back to what is said in the quote at the beginning, no publication will be exactly the same so its important to start afresh and be practically minded when constructing your format and page margins.

TOP TIP Whatever you produce will eventually result in a physical item, so always print out at the layout stage so that you can examine whether your publication is working proportionally, you can't tell this on screen!!!
__________________

Last edited by CharmingMan : 17-12-2008 at 13:10.
  Reply With Quote
Old 12-12-2008, 13:26   #38 (permalink)
Zygote76
Senior Member
 
Zygote76's Avatar
 
Join Date: Oct 2007
Location: Ohio
Posts: 403
excellent thread CM. Thanks
__________________
Signatures they're a privilege not a right
  Reply With Quote
Old 12-12-2008, 15:46   #39 (permalink)
bazzle
Don't touch my tea!
 
bazzle's Avatar
 
Join Date: Aug 2007
Posts: 1,723
Send a message via MSN to bazzle
Nice one, very informative.
__________________
  Reply With Quote
Old 12-12-2008, 16:12   #40 (permalink)
oli
Rack off, ya dag™
 
oli's Avatar
 
Join Date: Feb 2003
Location: Manchester, England.™
Posts: 11,816
Excellent stuff mate

I will keep cleaning out the comments if you post more stuff.
__________________
  Reply With Quote
Reply



Currently Active Users Viewing This Thread: 1 (0 members and 1 guests)
 
Thread Tools Search this Thread
Search this Thread:

Advanced Search


Contact Us - Web Design Forums - Archive
Web Hosting by Heart Internet, vBulletin © 2000-2009 Jelsoft Enterprises Limited.
Search Engine Optimization by vBSEO 3.0.0 RC8
Web Hosting by Heart Internet