Exercise – Magazine Pages

Magazine Pages

Brief (Part 1)

Choose a magazine, newspaper or journal and work out the grid or grids they have used.

Measure the size of the pages, the margins, the text columns and the gutters. Is it the same on every page? Can I identify the fonts? To they use images? How much white space is there?

I chose to look at the reviews section of SFX magazine.

IMG_0647 IMG_0648

Scan Scan 1

My version, using the same grid:

Whilst setting up my page, I found that the grids weren’t as complicated as I thought, although due to the varying sizes in the gutters, I had to create the columns individually. I’m still relatively new to InDesign, so this was a bit of a challenge, and I needed to refer to forums to establish the best way to achieve what I wanted.

 I matched the fonts by eye, because the identifont results were nothing like the fonts used in the article.

I’m pleased with the outcome.

Ex Magazine pages Ex Magazine pages2

The brief then asked if I could develop the grid further. I played around with removing the spacers in the middle of the pages, widening the columns, adding/removing the number of images. The adjustments just seem to make the page look cluttered and overall it was harder to read.

Brief (Part 2)

Select a title and images and see how many variations you can come up with. What happens when you change the headline or body fonts? Do different images change the ‘feel’ of the publication? Would the audience for each version be the same? Does the image suggest a different design? Which works best and why?

I wanted to chose a title that was positive, light hearted and gave a bright/colourful feel.

“How to be Happy”

I wrote down my initial thoughts on this title, and what I felt I needed to address, including colours and what kind of images would fit different audiences/designs.

Scan 2 Scan 3

I also referred to some other articles with different layouts to see possible variations.

IMG_0653 IMG_0652 IMG_0651 IMG_0650 IMG_0649

Whilst I was looking, I found an article with the same title, by Peter Jones. I included it in my research, even though I feel that given the subject, it looks a little dull. It easy to read, because it’s broken into ‘bite sized’ sections, but the imagery and colours are limited.

74-75-MindBody_body-happy

I also found this info graphic/instructions. I included it because my initial brainstorm focused on the word ‘happy’ this acknowledges the word ‘how’.

shenzhenparty

 My How to be Happy articles

I wanted my choices of images and typefaces to appeal to audiences of different age groups and demographics.

Women in their 20s/30s

I found this quite easy, because this is a category I fall into. I chose a bright colour and a ‘natural’ looking image to give a warm, laid back feel to the article. The grid is pretty basic, but is broken up be quotes and subheadings.

Happy Magazine4

Women with families

I chose to have more images on this article as a variation on the article above, with a typeface that flows a little easier. The main images are predominantly green giving a natural, wholesome feel.

Happy magazine4.2

Women in their 40s/50s/60s

My choices for this article are similar to the ones above, but I used a different grid/layout.

Happy Magazine3

Teens

I wanted these articles to be pretty basic and easy to read. Looking back over them, they are probably the least appealing to read (the second one more so) because of the bulk of text. I’m happy with my choice of images, but overall I’d say that these would not appeal to the intended audience.

Happy Magazine2

Happy magazine1

Men in their 30s/40s

I found this one difficult, but based on the article by Peter Jones (above) I used a simple image and small sections of text.

Happy magazine4.1

Out of all of the articles, I am most pleased with the first and last ones. The first article was bright and has the feel I was aiming for, and the last one’s lack of colour was a conscious decision. I’m confident that they would appeal to the intended audiences.

I think that I was focusing on the grids/layouts and therefore neglected to consider colour in the other articles, which was something I felt was an important part of my initial brainstorm.

Assignment – Show Me

Show me

Brief

Research Type Foundries

Design a font for use on the front of a magazine called ‘type’ and write a short article for the magazine using a range of typefaces, with typographic illustrations, drawing on all that you have learned in this section.

The article should include sections on:

What makes a typeface interesting?

How a typeface is constructed

Question Marks

The brief has a few different requirements, so I needed to break them down into more manageable sections.

Scan 3 Scan 1

Type Foundries

Scan 2

The most accessible type foundries are found online. In very basic terms, they can be broken down into free or paid for type foundries. The foundries that you pay for offer more, in that they can create custom made typefaces, whereas the free ones, you can only chose from what is there (and they’re sometimes corrupt files!)

Screen Shot 2014-01-15 at 13.16.35 Screen Shot 2014-01-15 at 13.16.05 Screen Shot 2014-01-14 at 21.49.55 Screen Shot 2014-01-14 at 21.45.24 Screen Shot 2014-01-14 at 21.44.45 Screen Shot 2014-01-14 at 21.44.12

***

The next logical thing to do was the font for the cover, then to create the cover mock up. My initial research started with looking up other OCA students’ work, to see if they had created a whole typeface or just the letters needed for the title. Then I went on to look at specialist magazine covers.

Scan

baseline_magazine copy

 Codex2_Cover_final   TYPOGRAPHY_MAGAZINE_COVER_NEW1_by_artistgraphic TYPOGRAPHY__MAGAZINE_COVER_NEW_by_artistgraphic

TYPOGRAPHY___MAGAZINE_COVER_by_artistgraphic WD184 Neuarmy_CA_Cover Baseline-magazine-cover

Screen Shot 2014-01-16 at 19.21.38

Designing the font

Scan 4 Scan 5

My idea was that I wanted the font to be relevant to the word ‘type’. To me, this means that it needed to show the mechanical consistency of of typing as opposed to illustrating a handwritten medium. This basically came down to 4 ideas. The stamped effect of a typewriter, a typewriter key, a computer keyboard and a metal typeface block.

Reference images

18656cc244ba999ca3ff1fbcaa39e3d8-d4xd2lg Apple-Wireless-Keyboard Keyboard_keys_with_light

typewriter-keys keys1

KONICA MINOLTA DIGITAL CAMERA Woodtype-font

Typewriter nerd typecast

My ‘type’ mock ups

Screen Shot 2014-01-21 at 22.24.06TYPE MIXED

I decided that I wanted to cover all of my ideas, so created the title out of all 4 of my ideas. I came up with a few versions, so that I could decide which looked best on the cover mock up.

Cover Mock up

The main thing I noticed about the covers I had looked at were that the images were background images, rather than being a focal point. I like the idea of this, so tried to come up with something that hinted at the contents of the articles.

Scan 6 Scan 7

question mark bground question cover2 Question construction letter constr cover

Until I put together the first two ideas, I thought that they were a given, but in reality, they are far to busy and cluttered to work or give the effect I was after. So it came down to the second two. With these, I was going down the ‘construction’ route (based on How is a typeface constructed?) The only way to decide from here was to ad the title and subheadings to see which worked best.

Screen Shot 2014-01-21 at 21.58.28 Screen Shot 2014-01-21 at 21.57.47 Screen Shot 2014-01-21 at 21.56.29

Screen Shot 2014-01-21 at 21.55.11 Screen Shot 2014-01-21 at 21.53.28 Screen Shot 2014-01-21 at 21.52.31 Screen Shot 2014-01-21 at 21.51.28 Screen Shot 2014-01-21 at 21.50.55 Screen Shot 2014-01-21 at 21.48.11

With these elements in place, I noticed two things. 1. The large question mark looked like a cover of a ‘Which?’ magazine. 2. The title looks rubbish! It doesn’t sit well on the page and the individual shapes do not compliment each other.

Based on the covers I’ve seen, I decided to try the simplest of the title designs.

Screen Shot 2014-01-21 at 22.59.01 Screen Shot 2014-01-21 at 22.59.12

Screen Shot 2014-01-22 at 13.00.33

I’m much happier with this title, then I played with the subheadings to see what made them easier to read.

Final Cover

Cover final

How is a typeface constructed?

I chose to do this article first, because with an understanding of this information, it can lead on nicely to ‘what makes a typeface interesting?’

Below is a brainstorm covering what I think is essential to the article. From here I put together the text and images I wanted to include, then saved them so that I could collate all 3 articles at the same time and play with the layout.

Scan 9

What makes a typeface interesting?

Scan 8

This was a really tough article to write, because what I may think is interesting, someone else might find boring or unattractive. I was concerned about settling on this view, so I joined Twitter and tweeted Erik Spiekermann:

Screen Shot 2014-01-22 at 19.49.44

…It is, essentially, down to preference. So again, I typed up an article and saved it as I did with the other articles.

Question Marks

Scan 10

Layout Research

Screen Shot 2014-01-16 at 19.21.56 ulc_lg

Scan 11 (ideas)

I wasn’t sure how my body text and images were going to sit together, I liked the idea of columns, so I tried that first.

Screen Shot 2014-01-28 at 20.05.37

With the style of title layout I had chosen, it was clear early on that columns wouldn’t work. I didn’t want to limit the title to half a page because it would have confused the hierarchy.

Final Article

I’m happier with the articles being separated this way, and with the question mark section being a little add on. I chose to do it this way, because it didn’t follow on as naturally as the first two.

Print

Critique

Overall, I am pleased with the outcome of this assignment. It was daunting, because the brief asked a lot of different things and I wasn’t sure how well the elements would come together. I feel that I have covered everything and explained my thought processes and reasonings clearly.

Response to Tutor Feedback

I wrote notes on the feedback for the whole unit (most of which refer to the final assignment)

Scan

Front Cover

My first response was to look up the covers of The Face, Ray Gun and Creative Review

The Face – This is probably my least favourite of the 3 publications, I like the one large, bold image, but it seems to sit in a miscellaneous category. The newer version of the title, looks less thought out and distinctive in comparison to the older version (Neville Brody) which has a more specialist feel about it, these covers also seem to work more with contrasting colours, which gives a more interesting, eye-catching effect. If you removed the title of the newer editions, I’m not sure that it would be recognisable as The Face.

IMG_8521grace facebrody-1

ContentImage-28-40255-theface2000march01 The-Face-Vol-3-No.-73 1Beyoncé-on-the-cover-of-The-Face-Magazine-Oct-2003  9yd8th2i212552i

Ray Gun – I love the Ray Gun covers, and David Carson’s work in general. It’s total disregard for the conventional, the ‘rules’ leaves the viewer finding something new or unseen with each glance. It’s a style that I struggle to emulate – I seem to work in a ‘everything in it’s place’ way, which is hard to break.

OLYMPUS DIGITAL CAMERA 55283439b78880520459682e23a470a1.gif 1994-08-raygun-cover-story-cover raygun4 PicMonkey Collage

This lead me onto Rick Poynor’s No more Rules: Graphic Design and Postmodernism – For me he falls into the same category as David Carson – He talks about learning to disregard the accepted rules of type, it’s reassuring that this was a big learning curve for him too.

Images from his book:

Screen Shot 2014-06-28 at 10.53.12 Screen Shot 2014-06-28 at 10.53.25 Screen Shot 2014-06-28 at 10.54.07

Creative Review – I like these covers, they are bold and distinctive.

creative review may 2010 cover (blog) chrade chin chuck RAW DESIGN boot-indoors-with-simple-type

Final Cover

In light of feedback and further research, I decided that my previous final cover was a little weak – there wasn’t any particular part that stood out. I thought that one bold/strong image would have more of an impact. I also wanted to move in the direction of the Ray Gun covers, in that I wanted there to be more to see when you looked for a second or third time.

I went back to my ‘construction’ image, I flipped the lower hook to balance the image out, and changed the colour and texture of the ? to add some contrast. Then I just needed to rearrange the layout.

This is a much better cover than my first, but I am still finding it difficult to break my conventional text habits.

Cover final

Below is my final cover design.

I’ve played with the background text, and I happy that I am heading in the right direction as far as using my interests to shape my design, but feel that it may be a long process.

Cover final

Article

The main point with my article was that it is cramped, there is very little white space, and ideally, it needs to go across a double page spread as oppose to one.

I looked at articles from the above publications, but felt that they were more style over substance, which may suit them, but was not what I wanted for my articles.

2-3

tumblr_mxnje1u1Ss1rmvg2eo1_1280

Final Article

I set about adding more space and increasing the font size, to make the article easier on the eye and more readable. I think these changes made a big difference.

Main article Main article2

Exercise – Hierarchy

Hierarchy

In this exercise, I need to research and create 3 types of articles, demonstrating my understanding of hierarchy using different typeface fonts, size and layout.

1. An interview with and actor in a listings magazine entitled: Will Sheila tell the naked truth?

Research

IMG_0276

IMG_0275

IMG_0277 IMG_0278

Notes

Scan

Potential Combinations

Hierarchy TV actor copy

First Mock up

With this item, I knew I wanted the title to have rounded serifs, because I think it fits in well with the type of publication (womens’/gossip magazines), so I chose Georgia bold/italic. At first glance, Inside Soap seems to use a lot of different type faces, which I think looks a little messy, although not necessarily unclear. The hiearchy, however, does look a little mixed up. With this in mind, I wanted to create something stronger, so this exam- ple has 2 typefaces, with the subheadings a larger, bold version of the body text. I like the idea in theory, but in practice, the subheading looks weak/a little out of place, although, at this point, I like that the name is in a different colour, it’s eye catching without being overpowering. I will try a san serif typeface from one of my other combinations for my subhead- ing and maybe the quote.

The next point was that I chose to have the columns justified, again, I thought it would look neat and in order, but in practice it looks a little clinical for what the article is and the quote does not sit well. I’m not sure if this is because the quote is over powering, or if it’s the overall look, so I will try adjusting the alignment of the quote first, and see how it looks/reads. In my research, the columns are aligned to the left, which is actually a little easier to read.

Next is the fact that there are more images in the interviews I ‘ve looked at than I have put for in this, the notes have same font as the subheadings.

Actor interview copy

Responses to self critique

Change 1: San Serif subheading

This is the format of the magazines that I looked at for my research, I think that the bold text in a smaller size has a lot more impact in this typeface.

Actor interview2 copy

Change 2: Left align the quote.

This also looks much better, the quote looked disjointed whilst set to justified.

Actor interview3 copy

Change 3: Left align body text.

Again, this is how the items are set out in the examples I looked at, and it is much easier to read.

Actor interview4 copy

Change 4: San Serif quote.

I wanted to make the quote more eye-catching, it looked a little lost in body text. I think this works well, overall the article looks broken up into more reader friendly sections.

Actor interview5 copy

Change 5: Extra image

Although I think that the article overall easily read without an extra image, it does make the page look more interesting/appealing.

 Actor interview6 copy

I think that all the changes I made improved the original article. I made the changes one at a time, because I wanted to see how they affected the article, and if each change was of value or not.

2. A book review in a newspaper’s weekend edition.

Research

IMG_0279 IMG_0280

IMG_0281 IMG_0282

Notes

Scan 1

Potential Combinations

Hierarchy Book Review copy

First Mock Up

Of the 3 combinations I came up with for this item, this one looked the most appealing to me. Although generally, I prefer San Serif typefaces, Serif Black looks like a typeface you’d see on the cover of a book, and it’s too bold to use a body text font. I chose Serif Narrow for the subheading to keep the theme. The condensed version allows you to have text that looks smaller/takes up less space without decresing the size too much, which I think creates a clear and strong hierarchy.In contrast to the title typefaces, I chose a san serif type- face (Optima) for the body text. From the reviews that I’ve seen, they tend to be small articles, across one or two columns, and I think that a san serif typeface is a little clearer to look at for smaller pieces.

Next point to consider is the layout. I tried to play around with the ‘Actor Interview’ and found that generally, the examples I had seen had actually chosen the most readable options. That said, I have seen differences in the two examples I looked at for the book reviews. One had the body text aligned to the left, the other is justified. So this is another potential adjustment to this first design.

Something else I had considered was that the first letter of the body text is very big in comparison to the rest. I find this very hard to read at first glance, I think it looks out of place, it spans 4 or 5 lines of normal text and just looks like a big ugly shape. I think it loses it’s meaning.

Book Review copy

Responses to self critique

Change 1: Serif body text.

I think having having serifs on all aspects of the article, reduces the contrast between the titles and the body text, I don’t feel that this is positive change.

Book Review1 copy

Change 2: Justified body text.

The long narrow columns seem to blur into each other in this format.

Book Review2 copy

Change 3: Authors name in the subheading font.

It was hard to decide whether this was a good idea or not. The positive is that the difference between the book title and author is clear, but I think that the author’s name is important. After looking at the two versions side by side, I think that author’s name warrants being part of the article title and the slight difference size between the title and name is clear enough to differentiate between the two.

Book Review3 copy

Of the 4 versions of this article, I think that the first is the clearest and strongest. After adjusting various aspects, none of them improved the clarity of the hierarchy or the readability.

3. A review of a new piece of hardware or software in a specialist computer magazine

Research

IMG_0283 IMG_0284 IMG_0286

photo 1

photo 2

Notes

Scan 2

Potential Combinations

Hierarchy tech review copy

First Mock Up

TYPEFACE

I wanted the typeface to have a digital look, like those in my sample book from an earlier exercise, but I didn’t want it to look dated. Out of the combinations I made, I think this is the most fitting. None of the examples I saw used a serif typeface, which gives a modern look to the articles.Title is in Letter STD Gothic, bold, subheading in Letter STD Gothic Medium, and body text in Helvetica light. In practice, I am happy with my choice of typefaces, they are clear but not overpowering. 

SUBHEADINGS

The tech reviews I looked at seem to want to emphasise lots of different things in different ways, so I needed to consider how I would do this with my chosen typefaces. Because my title font is the same as my subheading font, I cannot use bold to create hierarchy within my subheadings, so I have changed the size throughout the article to do this. I have also used Helvetica as a sort of sub-subheading by increasing the size where necessary.

LAYOUT

I chose a5  (as a top half of an A4 page) , because reviews are generally smaller articles, and this options leaves plenty of room for a clear image, which I think is important for this kind of article. Also, all reviews I researched were aligned to the left.

CRITIQUE

I’m pleased with the overall look of the article, and I think the hierarchy is clear. I may try changing the smaller subhead- ings to Letter STD Gothic bold or Helvetica to see if/how it affects the hierarchy. The subheadings could also, potentially be centralised. From doing the previous two articles, I think that changing the body text to justified makes it look a bit harder to read, and this article does not lend itself to it.

Tech Review copy

Responses to self critique
Change 1: Bold subheadings.
This had a much better affect than I thought, it makes the hierarchy clearer, rather than confusing it.
Tech Review1 copy
Change 2: Subheadings in Helvetica (body typeface)
This weakens the hierarchy
Tech Review2 copy
Change 3: Centralise the subheadings.
Again, I was surprised that this didn’t make the item look clearer, it just makes it look a bit messy, and isn’t easier to read.
Tech Review3 copy
Of the 4 versions of this article, I’d say that the strongest is the second version (with bold subheadings)

Exercise – Lorem Ipsum

Lorem Ipsum

My brief is to take one of the publications from the previous research point (Readable Publications) and recreate it as closely as possible, replacing the text wit Lorem Ipsum.

This made me look very closely at the layout, margins, spacing etc.

The first item I chose was one with a lot of text.

IMG_0248

I made notes on the details and possible adjustments.

Scan

Copy

Print

I am pleased with this recreation, and I learned more about how to use Illustrator. I wanted to make one change at a time and take time to look at how/if it changes how easy it is to read.

Change 1: Smaller leading. In the version above, leading was set to 13pt. I set it to 10.8 (auto)

I think this reduced how easy it is to read.

story2

Change 2: San Serif typeface

I think this made it easier to read.

story3

Change 3: Alignment, I changed all text to ‘justified’

I think this is easier to read.

story4

Change 4: All of the above.

Although I think that this is easy to read, I think that the large leading in the original item/my copy is an important factor.

story5

Change 2 & 3 (San Serif typeface and justified alignment)

I think this is the version that is easiest to read, it’s not too crowded or fussy.

Print

The second item I chose was made up from lots of small bodies of text.

IMG_0225

Notes on the details and possible adjustments.

Scan 1

Copy

10 ways

Again, I wanted to make one change at a time and take time to look at how/if it changes how easy it is to read.

Change 1: Black and White

I don’t think this made any difference to how easy it is to read. A little boring to look at maybe.

Print

Change 2: Serif typeface

I’m not sure that this makes any difference, I just don’t think it looks as good overall.

10 ways1

Change 3: Centralise all text

Again, little affect on the readability, but it doest fit was well with the images.

10 ways2

Change 4: All of the above.

This looks boring and poorly laid out.

10 ways3

Change 2 & 3: ‘All of the above’ in colour.

Keeping the colour, didn’t improve the other changes. I think that the original/copy is the easiest to read and best layout.

10 ways4

This was a really valuable exercise, it encouraged looking closely at details in bodies of text, and how small changes can have a big affect on how a publication is viewed.

Response to Tutor Feedback

In the first recreated article, I omitted the white space at the top of the page. This is a frustrating error, because it is so basic, and does have an obvious effect on the overall readability of the article. In light of this, I reopened the document to make the adjustment to find that I had in fact included all boarders but they seem to get cropped whenever converted to jpeg.

Although I’m glad I didn’t make the mistake, it seems I need to look into this to avoid it in the future. Also, since doing this exercise, I have learned more about Indesign – Clearly a more suitable programme for this exercise.

I’ve included screenshots to show my working document:

Screen Shot 2014-06-23 at 14.09.52

Screen Shot 2014-06-23 at 14.09.55 Screen Shot 2014-06-23 at 14.10.19

Research Point – Vernacular Typography

Vernacular Typography

(Image of page from OCA folder)

IMG_0252

The first few examples that came to mind were the handmade signs that I saw around my home town; pieces of wood cut into the shape of a Christmas tree, painted green with ‘XMAS TREES FOR SALE’ in what looked like white gloss. These were dotted about from mid November. Another one was on a roundabout, painted in white on the back of a liberated/disused road sign ‘CHARITY BINGO NIGHT, FOOTBALL CLUB, XX DEC’. I couldn’t take photos, because I was driving.

I like these examples, they are crudely created by people with a basic/factual message to get across.

Local events/adverts:

IMG_0084

IMG_0075

Another similar version of vernacular typography is protest/rally banners/signs. Generally these are loaded with emotion or a more meaningful message, so more thought goes into them. I like how protest banners give people a voice without being loud – reading a message gives you more a chance to digest the meaning behind it and gives a small insight into a person’s beliefs or values.

Rape IMG_0121 IMG_0019-e1323739654711

Emma & Andrew Using Their Fame For A Good Cause abrambane-detail_bele-chere-2013-coven-oldenwilde

I particularly like the example below, because it uses different typefaces to illustrate it’s subject.

IMG_0274

Other people just have a point to make and don’t feel like repeating themselves…

976273419_1377818927

The next examples took a while to register on my radar, it finally clicked whilst I was out running on a tow path. The different levels of imagination and creativity on narrow boats is vast. They give a strong impression of the people that inhabit the boats, from worn and lived in to immaculate new looking. It’s a whole art form that I’ve never really paid much attention to until now.

Serenity_Rob_2-650x433 noarrow_boat coloured 218

Research Point – Readable Publications

Readable Publications

In this exercise, I needed to look at a range of publications to see which were immediately easy to read, and which ones weren’t. I made notes on each one, pointing out which elements I felt made them more or less legible.

Items that looked easier to read:

1505410_725625054125175_844560260_nspoon oil

IMG_0234IMG_0235

IMG_0225IMG_0226

IMG_0228IMG_0229

IMG_0248IMG_0249IMG_0250

IMG_0232IMG_0233

IMG_0230IMG_0231

Overall, I think that San Serif typefaces are easier to read. I also think that spacing and breaking bodies of text up into relevant sections is important.

Items that didn’t look immediately easy to read:

IMG_0236IMG_0237

IMG_0238IMG_0239

IMG_0247IMG_0245

IMG_0240IMG_0241

IMG_0243

IMG_0242

The items that were harder to read, were either too small, too close together and/or the colour of the text/background made the text unclear.

Exercise – If The Face Fits

If The Face Fits

Again, this exercise is broken up into 2 parts.

Part one is create a set of sample books organised into:

1.Serif for continuous text, readable at small sizes and for headings.

2.San-Serif for continuous text, readable at small sizes and for headings.

3.Script fonts that look handwritten with a pen or a brush.

4.Decorative fonts only suitable for headings or ‘fun’ uses.

5.Fixed width, techno and pixel fonts for use on the web or to give computer appearance.

The first thing I needed to do was see what Sample books looked like, I’d not seen one before and wanted to know if there was a set format or a particular body of text that should be used.

Examples found online

typeface exmaple

johnlewis3

867px-American-typewriter-typeface-spec.svg

baskerville-sample1 Font-Examples-athleticbig Fonts-2 fonts

From what I saw, I seem to have free reign on how I put the books together, so I chose a format that I felt allowed room for a lot of different typefaces, whilst still giving a clear example of each.

Serif

Sample book serif

Script

Sample book script

San-Serif

Sample book sans serif

Pixel / Computer

Sample book pixel

Decorative

Sample book Decorative

The next part was to identify which of these fonts I’d use for a list of given commissions. I brainstormed each one to establish what I was trying to achieve.

Scan Scan 1

With these general ideas in mind, it was trial and error from this point:

A short story in a woman’s magazine

Face fits1v2 copy

This one seemed quite straight forward to start with, as most women’s magazines follow a similar format, but I think they can look quite dated. The magazines I looked at had both serif and San-Serif typefaces for headings, but I think using San-Serif looks a little less dated.

An advertisement in a parish magazine asking for helpers on the flower rota 

Print

Although the font choices I used here were not my first choices, I think they work well for this use.

A poster to advertise an after school club for boys aged 13-14

Face fits3

This one was fun to do. I knew that ‘a dripping marker’ would work well, and to keep it interesting for the target audience, I got to use lots of decorative fonts.

Your friends’ engagement party

Face fits4

This one was a little trickier, the brief said ‘a flyer A5 size to send to friends as if advertising a club night’, so I needed to work out what kind of club. I looked at the decorative fonts in my sample book to establish what my options were, then tried each one to see which worked best. I think my punk option (based on the Sex Pistols album cover) worked well, with a ‘handwritten’ script to give a handmade feel to it.

Exercise – A Typographical Jigsaw Puzzle

A Typographical Jigsaw Puzzle

This exercise is a deconstructed typeface (Baskerville), which I have to put back together, so that it reads ‘the quick brown fox jumps over the lazy dog’

It aims to make me look at the characteristics of strokes, bowls and serifs that are common to all of the letterforms.

Scan

Scan 1

I looked at the example sentence, to see the direction of the serifs so that I could tell which section I would use. It was relatively straight forward, the only letters I struggled with were ‘w’ and ‘v’, as they are very similar.

Something else that I though was interesting, was how many times I had to use certain strokes, (noted on the first image) I hadn’t noticed the repetition before with this king of typeface. Creating a typeface seems like a more straight forward task now.

Typography – Research Point

Different Characters Within a Typeface

Typefaces cover not only the alphabet, but other characters as well, such as punctuation and numbers. I looked at how to find them all on my keyboard. It seems like a very basic thing to do, but I don’t think I’ve ever really done it before. I looked at the characters in both Serif and non Serif typefaces.

Screen Shot 2013-12-01 at 20.32.15

Identifying Different Typefaces

The next part of the research point was to take a magazine and look at the different typefaces used in the titles and body text. I used identifont.com to identify the different fonts used, and had a look at some other typefaces to identify their distinguishing features.

Scan 2 Scan Scan 1

It was only when I looked at the different parts of each letter whilst answering questions on identifont.com that I realised how many different typefaces are used here, I was quite surprised. Although, the website didn’t accurately identify a single typeface I was looking at, it was valuable in showing me different characteristics of how letters are made up within different typefaces.

I looked at other items, not necessarily to identify the font, but to look at how letters are formed within a typeface, and how many typefaces are used in each item.

Yellow Moon

  • Heart above the lower case i
  • flat horizontal line on lower case e
  • High curved tail on lower case t

Scan 5 Scan 4

Firebox

  • Hollow letters
  • Drop shadow
  • All upper case
  • San Serif

Scan 3

IMG_0065 IMG_0066 IMG_0069 IMG_0067

Notes

Scan

Exercise – Playing With Words

Playing With Words.

This exercise was broken into 2 parts. The first was to take a list of given words, type them up in Helvetica 48pt, print and cut them out, then arrange them in a way that captures the meaning of each word. I thought this exercise would take very little time, but when it came to it, it was actually pretty hard. I found the restriction on the typeface and size very limiting. I think that I struggled with about 2/3 of the words.

Scan Scan 1 copy

In order to overcome this (and in preparation for the second part of the exercise), I wrote down what I felt I was struggling with, then made a little brainstorm for each word, to try and come up with visual ideas to represent each word.

Scan 1 Scan 3 Scan 2

I think for this part of the exercise, ‘sad’ ‘soothing’ ‘silly’ and ‘sinking’ work the best because they were obvious to me, they didn’t need a huge amount of thought to portray them in a way that characterises them.

‘Style’ ‘scholarly’ and ‘smart’ were the hardest. I think part of that was because I was trying to do something with each letter, when my view of the words were already set out in the way they were typed.

Part 2 of the exercise, was to use software (I used Photoshop) to explore different fonts, colours, sizes, filters etc to construct the meanings of each word.

playing w words1 play w words4 Play w words3 play w words2

This was much more fun, and I learned a lot about photoshop in the process. The freedom that I had with this in comparison to the first part made it a lot easier to characterise the meanings of the words.

I think the least successful words are ‘stoned’ ‘skimpy’ ‘squeeze’ and ‘saucy’, mostly because in comparison to most of the others, they look a bit like free clipart. Overall, I am pleased with the rest. I feel the brainstorming was very helpful in pointing me in the right direction for each visual interpretation, I also looked at a dictionary to make sure I wasn’t missing any meaning behind any of the words.

Interestingly, the words that I struggled with the most, and left until last, are the ones I am most pleased with because I think they work the best at visualising the words;

‘sophisticated’ ‘scholarly’ ‘safe’ and ‘serious’