Considering the hierarchy and page layout for an 8 page layout based on a graphic design article....
Showing posts with label OUGD204. Show all posts
Showing posts with label OUGD204. Show all posts
Wednesday, 29 February 2012
Thursday, 23 February 2012
Type Session 6
Presentation on a page as a process of communication
Tone relates to choice of font: bold/light versions of each.
Use margins to create space
Fit text to page...
Friendly
Two columns...
Creating a fun and friendly vibe using a skewed gutter....
Precious
Higher on page and more central....
Two columns...
...consider:
//gutters
//margins
//point size
//leading
ALWAYS USE PEN AND PAPER TO JOT DOWN IDEAS FIRST
A gutter should be in place so that you know to go down to the next line rather than across.
We want the gutter to be as small as possible to create as much white space as possible.
Minimum of 3 character widths.
Newspapers use thin rules down a gutter to make them as small as possible and guide reader down a column of text.
9pt justified ...4mm
9pt ranged left ...2/3mm (type heavy to the left creates the sense that the gutter is bigger)
Magazine layout...
Forgot the image SORT THE TEXT FIRST
3 x A4 page layout
1// for academic journal
2// for a Sunday supplement magazine
3// Magazine aimed a 16-21 (groovy!)
CONSIDER: point size, choice of font, alignment, audience/context
Thursday, 9 February 2012
Type Session5
Further working on last weeks leaflet...
Considerations...
//Where to break the line
thinking
about an allotment
thinking about
an allotment
thinking about an
allotment
(last)
thinking
about an allotment
thinking about
an allotment
thinking about an
allotment
//way split sub headings
....make longest line as biggest point size you can, then make all the others the same (then there will be no broken sub-headings)
//Paragraphs
...no idents or line spacing between paragraphs.
....use white space to give emphasis
CHANGES
PRINT AND HAND IN HARD COPY AT END OF MODULE
//How to create WHITE SPACE
A white blank canvas is pure ...worth a lot
It is the relationship with the white space and the type
A black filled canvas communicates intimidation.
With a frame... makes it feel safer (you know how big it is) ...it's not so in your face
Positioned at top of page ...intimidating
Lower down page ...less intimidating
Task: A4 landscape page
8 page document
shape/tone of black to communicate...
dreamy
aspiring
powerful
calm
intense
relaxed
stormy
precious
...then produce with body of type 'session 5'
Thursday, 2 February 2012
Type Session
Think about who is going to get the leaflet and who thy are going to respond to it.
All the leaflets are proportional to A size.
Lots of information more suited to an 8 page. 1/2 a3.
It is designing for what is practical/functional.
a4 leaflets are cheaper.
Leaflet folds:
//Concertina fold
//Gate fold
...depends on order in which you want the information to be read as to which fold you use.
Staples define a booklet from a leaflet. (different weight stock added on as a cover too)
A leaflet is cheaper for customer, booklets have VAT ...leaflets have no VAT. (pay printers 17.5% more to put a staple in it!!!!!)
Bet to do an 8 page leaflet and scale it down than do a 8 page booklet. Most folds you'll get off a folding machine is 7. More than that and you have to pay for the leaflet to be hand.
(type journal ...do little folds to demonstrate leaflet folds)
Use images which will sell the leaflet.
Images are relevant to how much white space you have left.
Attempt one..
All the leaflets are proportional to A size.
Lots of information more suited to an 8 page. 1/2 a3.
It is designing for what is practical/functional.
a4 leaflets are cheaper.
Leaflet folds:
//Concertina fold
//Gate fold
...depends on order in which you want the information to be read as to which fold you use.
Staples define a booklet from a leaflet. (different weight stock added on as a cover too)
A leaflet is cheaper for customer, booklets have VAT ...leaflets have no VAT. (pay printers 17.5% more to put a staple in it!!!!!)
Bet to do an 8 page leaflet and scale it down than do a 8 page booklet. Most folds you'll get off a folding machine is 7. More than that and you have to pay for the leaflet to be hand.
(type journal ...do little folds to demonstrate leaflet folds)
Use images which will sell the leaflet.
Images are relevant to how much white space you have left.
Attempt one..
Double the margin width for the gutter width. No margins less than 5.
progression....
(to be printed out and critted)
Type Journal....
explore folds in leaflets.
Thursday, 26 January 2012
Type Workshop3
Info for double sided A5 flyer...
Too much type.
Hierarchy..1
//people understand quickly
2//worth considering to read later on
2 Sides ...what goes on each side.
ANTI BNP is more important as a headline.
Allows people to automatically associate it with racism, so no need to emphasis it further.
/REMEMBER...set margins when open work
CMD + SHIFT = change size of image
Grahams feedback... the date etc WAY too space. Too many words per line in text after BNP. Good use of white space.
LOGO... make all a similar visual size
this makes them less interesting and less busy
do this rather than aligning them all to the same height
then group them in a box with a weight around them.
the black frame neutralises the space. gives you a geometric form.
Task//Collect leaflets ...menus etc
Thursday, 19 January 2012
Type Session2
//Feedback on typeface work:
Use 'a' 'Q' and 'J' as it is the detail that is distinguishable. Attention to detail is significant, it is this that differs.
When we select a typeface we are: choosing the tone of voice, how a message is communicated. They are like personalities.
Brand Names: how do they want to be seen ...pick typeface that goes with it
TASK: Find 6 brand names (sweet wrapper/food packaging)
Analyse the type (construction, classification)
Why characteristics suit the brand (corporate/large/independent, friendly/family based)
Take photos of bad ones (shop fronts) Inappropriate typefaces.
Use 'a' 'Q' and 'J' as it is the detail that is distinguishable. Attention to detail is significant, it is this that differs.
When we select a typeface we are: choosing the tone of voice, how a message is communicated. They are like personalities.
Brand Names: how do they want to be seen ...pick typeface that goes with it
one that doesn't go with....
A product which is light, delicate.
Everyone responds to these typefaces.
//Yellow Pages Ad:
Consider: Hierarchy of information.
11 pieces of information ...can only fit 2/3 on ad.
Number 1-11 in terms of importance
Smallest point size is 6.
Space is significant....white space.
Ad needs attention to detail, craftsmanship.
...need to find out how client wants to be perceived.
To make it seem cheap you would take off the website ...landline.
Top of hierarchy for a craftsman is website ...you want them to look at your work.
Analyse the type (construction, classification)
Why characteristics suit the brand (corporate/large/independent, friendly/family based)
Take photos of bad ones (shop fronts) Inappropriate typefaces.
Thursday, 12 January 2012
Type
Type is someone talking to you!
Principles based around printed type.
Use colour when typography is shit!!
Type anatomy....
All type is now digitalised. Been created on the computer rather than hand.
Organisation
//Source
//Formal attributes
//Patterns
Principles based around printed type.
Use colour when typography is shit!!
Type anatomy....
Numbers are called 'figures'
Classification
//Linotype: book of different typefaces with sections....
Old face, Transitional, Modern Face, Slab serif, Sans serif (1890), Decorative and display, Script and bush, Black letter and broken.
All type is now digitalised. Been created on the computer rather than hand.
Organisation
//Source
//Formal attributes
//Patterns
QuarkXPress
'cmd0' when open document to fit window.
Toolbar
Navigation, test, image, shading, line, pen, table, zoom
Measurement box...
8 different forms (tabbed at top)
1// all info around box
2// info about type
3// frame
4// table...
//Page layout
Master pages allows you to put on guides.
(can add pages here)
H&J's ...hyphenation (how to break a word down)
Style ...changing whats in the box
Item ...changing the box itself
'cmd a' selects
'cmd shift >' increases point size
'cmd alt shift >' up ONE point size
lower case first letter of first name sans serif....
upper case first letter of second name sans serif...
Producing a pattern based on first letter...
utilised a key aspect of the letter to form pattern; using the 90 degree angle of the letter 'k' to create diamond shapes.
...using the 90 degree angles in the letter 'F' to create a grid pattern.
the construction of the letter leads into a way of seeing ..it makes the pattern.
EXERCISE:
A4 landscape page in Qwark XPress ...analysis of a typeface. PDF page.
Select a sans serif typeface. Look at key characteristics of that typeface.
Name of font.
Description of construction of font. (shape, proportion ...use language)
Description of characteristics
Key letter for identification
Sans serif -compare to helvetica.
Verdana
Subscribe to:
Posts (Atom)