Showing posts with label OUGD204. Show all posts
Showing posts with label OUGD204. Show all posts

Wednesday, 29 February 2012

8 Page Layout

Considering the hierarchy and page layout for an 8 page layout based on a graphic design article....




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





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


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.


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. 

Thursday, 12 January 2012

Type

Type is someone talking to you! 


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