magazine - colour, typography, layout & lanaguage

32
COLOUR! Understand the effects colour can have on the audience and what it makes us think about a product. WILF: MUST – Understand what colour connotations are and know how to make them SHOULD – Explain why you think colour has been used in an advert COULD – Analyse using the PEE structure

Upload: james-brooks

Post on 08-Feb-2016

180 views

Category:

Documents


0 download

DESCRIPTION

Magazine - Colour, Typography, Layout & Lanaguage

TRANSCRIPT

Page 1: Magazine - Colour, Typography, Layout & Lanaguage

COLOUR!Understand the effects colour can have on the audience and what it makes us think about a product.

WILF: MUST – Understand what colour connotations are and know how to make them

SHOULD – Explain why you think colour has been used in an advert COULD – Analyse using the PEE structure

Page 2: Magazine - Colour, Typography, Layout & Lanaguage

P.E.E

• Point• Evidence• Explanation• So if you're answering a question, state your

point, back it up with a piece of evidence and then explain it.

Page 3: Magazine - Colour, Typography, Layout & Lanaguage

What do these colours mean to you?What do they make you think of?

BLUE PINK

BLACK WHITE

Match these words to the colour you think they are best

represented by:

Male Female Mysterious Secretive Fun Calm Childish Clean Love Happy Sweet Pure

Add some more of your own ideas!

MULTI-COLOURED or LOTS OF COLOURS

Page 4: Magazine - Colour, Typography, Layout & Lanaguage

These words are all colour connotations! It is what a colour

makes you think and feel

BLUE PINK

WHITE

Let’s have some feedback

What other connotations did you come up with for

these colours?

Be a confident speaker and tell us why you made that

connotation (Explain your links!)

MULTI-COLOURED or LOTS

OF COLOURS

Page 5: Magazine - Colour, Typography, Layout & Lanaguage

Make more connotations on these coloursWhat do these colours mean to you?

What do they make you think of?

RED YELLOW

GREEN SILVER or GOLD

Match these words to the colour you think they are best

represented by:

Anger Fresh

Precious

Warm Bright

Expensive Cheap

Passion Healthy Add some more of your own

ideas!

Page 6: Magazine - Colour, Typography, Layout & Lanaguage

Using the colour connotations we have made we will analyse some product designs to try and work out what the producers want us

to think about their products.

Persil Non-Bio

The producer has used the colour white. I think this is to make us think _____________________________________________________________________

They have also used the colour blue. I think this is to make us think that________________________ _______________________________________

The colour red could be used to show the audience that ______________________________________________________________________________

Page 7: Magazine - Colour, Typography, Layout & Lanaguage

Smiffy’s Hair Colour Spray

The producer has used the colour pink. I think this is to make us think _____________________________________________________________________

They have also used multi-colour for the word colour. I think this is to make us think that_____ _________________________________________

The blue and silver could be used to suggest that ____________________________________________________________________________________

Page 8: Magazine - Colour, Typography, Layout & Lanaguage

Lynx Voodoo Deodorant

The producer has used the colour black. I think this is to make us think that people who use it will feel ____________________________________________________________________________________

They have also used red. I think this is to make us think that_________________________________ _________________________________________

The silver writing could be used to suggest that ____________________________________________________________________________________

Page 9: Magazine - Colour, Typography, Layout & Lanaguage
Page 11: Magazine - Colour, Typography, Layout & Lanaguage

TYPOGRAPHY – TYPEFACE/ FONT

Serif/ Sans Serif DislayBold scriptItalic slabRounded AngularStylishCool Urban/ graffitiElegant/ timelessModernOldPlayfulChildlikefun

http://www.youtube.com/watch?v=tWFWJGA7qrc

http://www.youtube.com/watch?v=15XKOlfj6GI

Page 12: Magazine - Colour, Typography, Layout & Lanaguage

SIZE – Big Small MediumHairlineThinUltra-lightExtra-lightLightBookNormal / regular / roman / plainMediumDemi-bold / semi-boldBoldExtra-bold / extraHeavyBlackExtra-blackUltra-black / ultra

Page 13: Magazine - Colour, Typography, Layout & Lanaguage
Page 14: Magazine - Colour, Typography, Layout & Lanaguage
Page 15: Magazine - Colour, Typography, Layout & Lanaguage

“Display fonts are the extroverts of the font world – so they should be treated with extra caution.” Mark Penfold

Display type is what you notice first on the printed page. It has character, it sets tone and it’s big – sometimes

really big. So be careful how you use it.

Page 16: Magazine - Colour, Typography, Layout & Lanaguage

DisplayClarity is vital“How well does the typeface read at the intended size(s) and distance(s)? Ask someone else to look at it. Can they actually read it? Just because a typeface ‘looks’ cool doesn’t mean it will ‘read’ cool.” – Neil Summerour

Character-forming“A good display font gives a more playful, daring, sexy and emotional feel to your design. If you are frightened by these words then don’t use one. Use a display font in the same way you would add spice to your food.” – Oded Ezer

Mixing it up“Try selecting a font that is familiar to a specific use or type of design, and use it for something completely different. For instance, select a font that is more familiar in pub windows and try it for an exhibition.” – Jeff Knowles

Page 17: Magazine - Colour, Typography, Layout & Lanaguage
Page 18: Magazine - Colour, Typography, Layout & Lanaguage

“Whether you want a modern feel or the weight of history, choosing the right serif font can work.” Garrick Webster

People always use the word ‘classic’ when it comes to serif type. Perhaps it’s to do with how closely the

letterforms hark back to the calligraphic script used in the 16th century when printing presses spread across

Europe. Designers generally start with a serif when they want to put a sense of age or authority into their

project.

Page 19: Magazine - Colour, Typography, Layout & Lanaguage

SerifPoint SizeBe wary when using typefaces with extended and narrow serifs like Didot. If used at a small point size the serifs can disappear into the paper.

How big?Adobe Minion Pro comes with guidelines as to what size to use the typeface for different applications such as caption (6-8,4pt), regular (8.5-13pt), subhead (13.1-19.9pt) and display (over 20 pt).

Serifs on blackSelecting a font with robust serifs or going up in weights will avoid problems with loss of registration which can render the body text unreadable (serifs filling in).

Page 20: Magazine - Colour, Typography, Layout & Lanaguage
Page 21: Magazine - Colour, Typography, Layout & Lanaguage

These are the typefaces that, more than serifs, displays or slabs, deliver character. Sans-serifs are pliable, each has its own identity, but multiple weights and volumes

offer subtle modifications.

“A classic sans-serif typeface should be hard-working and timeless. It should be hard to date, it could have been designed five years ago, but equally you wouldn’t be surprised if it was designed 105 years ago.”Jeff Knowles

Page 22: Magazine - Colour, Typography, Layout & Lanaguage

Sans-serifKern lettersHeadlines and bold display use of sans-serif typefaces always require careful kerning. With fonts in which small features can more easily be seen in a tight setting, tighter kerning can amplify the impact of the words. Shorter words tend to respond better to aggressive kerning.

Mix x-heightsIf you are using several sans-serif types in a text-heavy project like a newspaper or magazine spread, think about x-heights. A high x-height in the body font makes it more legible, so pair it with a low x-height for the display or call-out font.

Break-out lettersThink carefully about any break-out faces such as drop caps and call-out fonts, especially if you’re mixing sans-serif faces or weights. Often a bold, black or even italic will give a crisper outline and shape for a first paragraph drop cap than the body weight.

Page 23: Magazine - Colour, Typography, Layout & Lanaguage
Page 24: Magazine - Colour, Typography, Layout & Lanaguage

“Looking for a headline font – or an interesting body font? Slab serifs are the middle ground between display and serif.”Computer Arts Projects 2011

Regardless of historical reference – from Clarendon to Neo-grotesque – slab serifs are suitable for publication design

and corporate identities, and work across print and digital with ease, providing the designer with a powerful and

genuinely useful set of fonts that can come into play on any design project.

Page 25: Magazine - Colour, Typography, Layout & Lanaguage

Slab SerifA happy mediumThe slab serifs are the right choice if you want to mix the classic touch of a serif with the freshness of sans-serif and it will help your design stand out from the crowd.

Leading lightsSlab serifs that include light weights can be used for body copy as an interesting alternative to serifs. The leading will need to be expanded to balance the extra detail at smaller point sizes.

Use your space wiselyProper spacing and kerning are required. Slabs usually have pronounced serif structures that demand a certain level of attention due to the negative shapes they create. Being aware of the sort of slab being used in context will help you space it accordingly.

Page 26: Magazine - Colour, Typography, Layout & Lanaguage
Page 27: Magazine - Colour, Typography, Layout & Lanaguage

“Script fonts are generally created in a number of styles. There are the formal scripts, derived from 17th century formal writing styles; casual scripts – more modern fonts that commonly have variable width strokes, and are designed to look informal or handwritten – and calligraphic scripts which emulate calligraphy.” -Charlotte Rivers

Page 28: Magazine - Colour, Typography, Layout & Lanaguage

ScriptNo body textNever try to use a script for any running text, as readability will suffer. If you want a feel that emulates a script font for running text, a good quality italic font will always be a better option.

Don’t shoutGenerally don’t set words entirely in capital letters when using a script. Most script fonts are meant to be used in either title/proper mode or in lower case only. All-caps script will really harm the readability.

Use sparinglyOnly use scripts as headlines or as ‘accents’. The main exception to the rule might be where a script is intended to look like handwriting or invitations – but even then it should be used sparingly.

Page 29: Magazine - Colour, Typography, Layout & Lanaguage

Find some fonts –

Describe and give reason for its use!

P – Make the pointE – Give an example/sE – Explain what its purpose/ effect is

Page 30: Magazine - Colour, Typography, Layout & Lanaguage

Layout

Refer to powerpoint/ Handout

Language

• Prounoun (Her, Him, You, Your, Mine) uses & gatifications - Imperitive (To do something – Look inside, Find your hair type…• Hyperbole/ superlative• Bias/ both sides• Simple Vocab/ sentence• Informal/ formal• Colloquial or Chatty• Find these on MISS Magazine

Refer to powerpoint

Page 31: Magazine - Colour, Typography, Layout & Lanaguage

Conventions of Magazine Layout Masthead - The magazine's title. Usually displayed in the top left cornerPrice - Magazine CostDate - Weekly: usually from Saturday to Friday. Monthly: a month aheadIssue Number - A tally of magazinesBarcode - Read electronically and decoded into usable informationTeaser - One word/phrase acts as an attention grabberMain Feature: Headline - A phase that may summarise the main point of the main feature. in large print, different style, bold colours in order to catch the attention of the reader.Subtitle - Smaller headline that may summarise the feature.Smaller Feature - Features included in the magazine.Images - Size: CU to med CU. Ranges from one main image to x amount featuring one main image and smaller images. helps make the page look more interesting. it can add understanding of a story and/or entice someone to read the magazine.Font - Style and size of type face.

Page 32: Magazine - Colour, Typography, Layout & Lanaguage

Colour - Specific/stylistic/thematic types,Graphics - Graphical shapes to highlight feature(s)Offers/adverts Blurb - Banner-style shape featuring free products/promotions.Left Third - The main story titleSell Line - The tag line or brand identitySplash - A graphic which looks like the image has been splashed onto the page.Credit - Credit to the photographerKicker - A title which draws the reader inTeller - A phrase which explains the kickerSkyline - A headline above the mastheadFlash - A graphic which makes the image look like it is flashing onto the pageGraphology - The art of using graphics/font/positioningAnchorage - Explains the picturesVocabulary - The writing on the page that needs to be relevantScreamers - Headlines that would be shouted if spoken out loud