Showing posts with label type workshop. Show all posts
Showing posts with label type workshop. Show all posts

Friday, 23 October 2009

Type Workshop Four

Posted on/at 18:51 by Hannah Jackson

Well what do you know? Full pages of text! Am I good or was it just obvious? I really don't know what's coming next though but I'll admit I'm a little bit excited to find out.

Okay, full pages of text. The image below is just the text pasted into a fullsize text box (not including margins or anything like that) and then edited via pointsize and leading to make it all fit in the one box. There are far many words to read on each line and just looking at it makes me think, ugh, that's a lot to read. Graham showed us a way of making it look much nicer.
And that way was this. You can't edit it enough to have fewer words on the line and not have it so crammed up with minus leading that you can barely read it? Make the text box slimmer and work with it from there. I'm not going to lie, the piece of text on a whole looks far nicer, and really does make me want to read it more than the above one.
Then we moved onto two columm, which was fairly easy and is another solution to solving the 'too many words on a line' problem with the single column. Splitting it into two makes it far more readable due to the fewer words on the line.
Then images were thrown into the mix! Madness!

Two columm
Three column
Four columm
And five column
And then we were shown more interesting ways to use up columns! These were done with five column grids as examples.
I really like these two, they just look so snazzy and far more intriguing than generic layouts.
I'm learning about both layout and typography now!

Tuesday, 20 October 2009

Type Workshop Three

Posted on/at 22:26 by Hannah Jackson

This week in the Typography workshop we were dealing with entire paragraphs of text! Shocking I know, whatever will be next? A whole page of text?

He's playing with fire!

We're not ready for Nibbly Pig! I mean, uh, full pages. Black Books moment over.

Aaaaanyway. This top page of text was done using a four column page in InDesign. Clearly I've only used three of the four columns but whatever, it's what we were told to do. We were looking into readability, as in which piece of text you would most likely read. I'm learning a lot more about kerning and leading and point size and the like. I'm actually really enjoying this workshop and that definitely is making me lean further and further towards doing the Typography elective.
And then, we moved onto using a twelve column grid, making 3, 2, 1 and 6 column pieces of text, and how to make use of the space given to us.

By doing this, I learned that you should never really have less than 5/6 words to a line, and no more than 12 - 14. Obviously you can have more, but going on a purely compfrt of reading factor, you don't want to have someone look at the text abd your page and think 'Jesus that looks like a lot of work, I'm just not going to bother.'

You want people to read with ease.

This is a screenshot of what the grid system looks like.



And this is what it all looks like without the grid lines on show. Pretty slick, huh?
I'm actually learning a lot in this workshop, and am making good use of Indesign. When we tried to learn about it last year, I'm not going to lie, I didn't really get what the hell I was supposed to do with it.

Fun fact: If you need to fit a lot of words into a small space, don't condense a font by kerning, find a condensed font because that was made to be condensed and still look good. If you kern a font to make it fit, it won't flow as nice as it did before.

Saturday, 10 October 2009

Type Workshop Two Continued

Posted on/at 16:32 by Hannah Jackson

This is something that I forgot to include in the last post. I would have added it in but, bah. too much of a faff.

Another example of making things read in order. We did this before we did the sentence.

Using the transparency trick again to make you read backwards, I think that worked.


Oooh, inverted. How interesting.


-HJ x

Friday, 9 October 2009

Type Workshop Two

Posted on/at 19:18 by Hannah Jackson

Time for another type workshop with Graham! This time...kerning. For those that don't know what kerning is, it's changing the space between individual letters.

Observe.

The upper word 'railway' has not been kerned, it's just good old plain Times New Roman. Most people don't notice, and I didn't really until it was pointed out, that it looks really gappy because of the default kerning used.

The lower word I have kerned myself to make it look more balenced. It's not something I ever really thought about before but now that it's been pointed out to me, I can't help but notice it.

Now obviously, I'm only very new at doing this, so my kerned version probably isn't as balenced as it should be. I suppose it'll come with time.

Next project! A whole sentence. Picking out a proverb to play with, I chose 'A picture is worth a thousand words.' Which has always been a nice one and kind of links directly in with the creative side of things. Anyway!

We had to use typography in a way that would ensure that we read it in the correct order. I used Helvetica Neue Ultralight for all of these experiments while I was at college, but I don't have that at home so I had to settle for using Century Gothic. I wish, I wish I had Helvetica. Anyway, playing with word order, transparencies and weights, I think I managed to do it successfully.

Even though the below phrase is backwards, the eye automatically goes to the most prominent word, which in this case is 'A picture' despite it being the lowest down. It will then go to the second most prominent one, which is 'is worth'. Its transparency has been dropped to around 50% so it doesn't stand out as much.
Next, last but not least, it goes to 'a thousand words' which is on about 20% transparency, so it's very faded. By doing this, I've made you read backwards. (Shock, horror.)


Okay, moving down to the next one. Using the same proverb, I've done something different with it this time. In fact I've used two different techniques, so chose which ever one you want to deal with. First of all, the eye automatically goes to the most prominent word, which is the one that's the right way up so obviously 'a picture' is first. Your eye might go to the upside down 'a thousand' first, but straight off the bat, you brain will go 'sdalhgasdflk' and look for something it can read. And then it will deal with the next word which is 'is worth' and the brain can process it even though it's on its side. So on and so forth.

Also by arranging them in this way, in a spiral of sorts, the eye automatically follows the line of text as it goes around, making you read it in the right order. We weren't really taught this one, it's just from my own reckoning.


The same process has been applied below, though I've used the transparency affect that I used on the first proverb. The same effects as the above image still apply, but the transparencies of the different texts goes further to ensure that you read it in the right order.


-HJ x

Type Workshop One

Posted on/at 17:51 by Hannah Jackson

I'm actually learning quite a bit from this type workshop, it's pretty interesting and somewhat amusing. Graham's pretty sound.

We were first intructed to type our names using a font that we think represents us. I went straight to dafont.com and downloaded my favourite font, which is called Zebra by somebody called 'oneonezero'. Anyway, I think it's a gorgeous typeface. It's not overcomplicated, it's somewhat delicate looking and it has some interesting serifs. I'm thinking of re-doing my blog layouts and just doing it simple with that as a header.

We were told to try and convey a happy dog through typography alone, using the word 'dog'. I chose to use the Cooper Black font for mine, and mine got picked as the 'happiest dog' so I must have been doing something right. The serifs on the D and G look a little like a dog's ears and tail, but that wasn't really what swung it. The counter of the O is tilted, and that gives it a somewhat playful look. Also, size is important, so a big, bold font that's very in your face seemed to work. It filled the page I was working on. A word doesn't have to be in all uppercase to be attention-grabbing.


This one is to represent a scared dog, so I had a small, lowercase word tucked into the corner of the page. The font used for this one is Bell Gothic. The positioning on the page makes it the last place the eye automatically goes to, the first obviously being the top-left hand corner of the page. I think it works.

-HJ x