Friday, 16 November 2012

OUGD404 - Typeface Task

Five original fonts:
  • Monotype Modern
  • Bauhaus Standard
  • Latha
  • Monoline Script
  • Arcadia
Above are the five original fonts I chose. I must now look at all the different fonts in the typefaces and look at the readability, looking at the different point sizes and fonts.

From the five typefaces, all together, they did not have many other variations: 

Monotype Modern
 
Bauhaus 

Latha 

Monoline Script 

Arcadia
 

'The quick brown fox jumped over the lazy dog' phrase - point size 12, 24, 36, 48, 72 (& 144)

Monotype Modern

Bold

Extended

Wide

Bauhaus

Light

Medium

Demi

Bold

Heavy

 Latha

Regular

Bold

 Monoline Script

Regular

Arcadia

Roman


24 LETTERS

The second part of the task was to collect four different typefaces, one from each category - Block, Script, Gothic and Roman. From these we must get the A, B, C & a, b & c and put them on a 10x10 square each.

BLOCK





SCRIPT



GOTHIC



 ROMAN



Thursday, 15 November 2012

OUGD403 - Message and Delivery: Distribution (3)

The Envelope:

From the original design of the envelope I changed a couple of things around to make it fit around the leaflet that I had created. Instead of the plain standard speech bubble, I changed it to one from the leaflet, along with this I made the main twitter bird larger and moved everything up a little so it was right at the top. The main difference I made was getting rid of the cut tabs as they would not be necessary anymore. I stuck with a standard envelope net because it doesn't have anything on the inside of it now.

Original
Edited

I thought that the paper I was using would not be very good through the post and would probably get ruined so instead I created a design around using thicker blue paper and having each element cut and stuck on. I liked the idea of this because everything else was all done on the computer and this gave it a bit of a human touch.


The Mailing List:

Government Department for Culture, Media and Sport
As this is the government department for media, I thought it was appropriate to send them a leaflet as it will highlight the fact that media and social networking is talking over.

BBC Worldwide
BBC are always interested in new information and articles on anything to do with technology and social networking, and as this leaflet is making a statement on how social networking is taking over, I felt it was appropriate to send them a leaflet.

Twitter Corporate Office
Although sending it to Twitter may not seem like a logical thing to do, I thought it would be a good indication to them on what some people think of twitter and social networking.

Printflow Communications Ltd
PF Comms Ltd is a design company that I have been to do a bit of work at and am still in communication with. They are interested in what work I continue to do, and I think they will find this piece interesting.

BA (Hons.) Graphic Design

Design-wise, I kept the sheet pretty simple with the same format as the leaflet. I kept the watermark at the back, and manipulated one of the speech bubbles to be the main space on the page. I did two layers of this and cut two different sections out using different areas of the twitter bird logo.
I wanted to keep it simple, but interesting at the same time and not just a list, so for each address I gave them their own white bubble to make each stand out against the background . I also included the small twitter logo I had created.


OUGD403 - Message & Delivery: Distribution (2)

I started to think that having the cut tabs on the envelope might be a bit too impractical for the person who receives the envelope, so I focused more on the idea of a leaflet/information sheet inside so it wouldn't get damaged as easily as it would if it was the inside of the envelope. This also gave me the chance to be more creative as I can scale it the way I like instead of sticking to the dimensions of the envelope.

The idea is to create a sort of poster/leaflet with all the information on, that's easy to read and not too cluttered. This ruled out having more than one piece of paper to go inside the envelope. I want it all in one place where it's all easy to read and won't be missed on a piece of paper that might be left inside the envelope. The main concept is to have easy to read information that got the point across simply and shortly, so there won't be any interest lost or it be too overwhelming for the reader. In the end  I decided on A4 as this is the typical size to go in the envelope and would be the easiest and simplest way to create the leaflet.

Twitter is about speech, so the idea of a Twitter bird and a speech bubble is one that I wanted on going through the leaflet and envelope. Because Twitter is informal and fun, I wanted to keep with that sort of approach, so instead of the standard shaped speech bubbles I drew out some more abstract shapes to use, so they fit around the three birds and fit on the page without looking too cluttered or random.


The one thing I had not done in this project is create a sort of logo that can be placed on this and the envelope, and even the three posters. I wanted to keep it simple and easy to read so I took the 'Futura' font and created an arrangement of circles over the top. I then cut these out from the letter and had two versions, the block colour version and the outline version.


After a few variations I decided upon the logo below, while block with a dark blue outline slightly out of place.


 On the leaflet I placed this in the gap that was there:


I thought that this one it's own was perhaps a little boring and plain, so considered what could be done to make it more interesting. Blue isn't necessarily the most eye-catching colour so I knew I had to do something to make it a bit more memorable and standout. I took the text and created a watermark style over the whole background of the image. I think it really makes the three speech bubbles stand out and makes the leaflet as a whole, a more visually interesting piece.


Once visually happy with the front of the leaflet, I looked at the back. I wanted to keep it simple and like a poster that could be kept. A simple layout with only a couple of elements so it didn't detract from the information that would be on the front of the sheet.

Variations:


I wanted to keep consistency with the front page so changed the background colour to a lighter opacity so it would match. It created a much calmer and balanced image in my opinion, and the layered letters stand out much more on this background colour than they did on the on the bolder one.




The main problem I found with this is that the lettering seemed too harsh almost so I went back and looked at the logo I had designed. I then made the decision to change the font used, changing it to the font used by Twitter themselves - this also makes it very clear exactly what the subject matter is.


I replaced the previous one on the leaflet with this one, and found it seemed to sit much better and make the elements balance a lot more with the smooth lowercase lettering instead of the harsh and straight uppercase font used.


Now that I have the general designs sorted I thought about the information I wanted to put on, and what it was exactly that I wanted to communicate to the reader. I thought it was important to keep my main original statement: '140 characters is the new #communication', as I feel this is what brings all the research and ideas into one simple statement.

The most important bit of this leaflet is the information, and for this, I need a typeface which sticks with the playfulness of Twitter, but is readable at the same time. As a Twitter post is someones personal message, I looked at handwritten typefaces to use as it would keep it within that sort of area.

From the fonts above, I put them into context to see how they fit in with the leaflet and layout of the whole thing.



Chosen one - Shadows Into Light
Looking back at the research I originally conducted, I took a couple of the most important facts and made them the basis of this leaflet:


I placed the twitter bird in the top right hand corner of the back sheet so that when it is folded, that will be right there and the first thing seen. It also makes it very clear what the subject of the letter is about because of how well known it is.
Throughout the design process I had the leaflet created by four curve-edged rectangles to keep it a little more playful and informal - these would also be the points where I folded it to go inside the leaflet. However when it came to printing out and actually folding, the cut out areas were significantly smaller than they looked on the computer screen, and did not look right at all.



So because of this, I went back to the designs an took out the spaces making it into one sheet with nothing cut out or anything. I then went with the typical three-fold to fit perfectly into the envelope.

OUGD403 - Printing Workshop

I have taken part in three printing workshops, two at the Rossington Street studio, and one at Blenheim Walk. 
The first at Rossington was an introduction to the different types and ways of printing, including etching, lino, screen and mono printing. The second at Rossington involved us actually doing some printing ourselves. There were three ways set out for us, mono, lino and wood-press.
I took a letter form that I had done for the 'Shatter' brief so it gave me something to use.

I was most interested in lino printing as it is something I've never done before, so I started with that, cutting out the area around the letter so that it would not be printed. This process took quite a while as it was a shape that was quite hard to cut out as it had a lot of corners.


I then moved onto wood-press, which involved inking up some wood blocks, putting them on the piece of paper and applying pressure. Although I found this interesting and easy to use, I preferred the lino printing as it was my image and my work. The work done on the wood-press can easily be done by anyone else.


In the print studio in Blenheim Walk we were introduced to screen printing for fabric and paper, and the process to create a screen and clean a screen. I have done screen printing before so it was nothing new to me, however the tables used to keep everything in place were completely new to me, so I found that bit quite interesting. At the end we had a go each with a pre-prepared screen.


Wednesday, 14 November 2012

OUGD403 - Message & Delivery: Distribution (1)

Using the same research from the last brief, I must now create an envelope and appropriate solution to the message/statement I want to communicate. The envelope is a standard DL 220X110mm size.

Initial Ideas:

There were a couple of solutions I came up with that I was strongly considering doing. The first is having the envelope open out and the inside to be the information I wanted to put across. This was a simple idea and would just involve a bit of double sided printing.
The second idea was having a leaflet inside, either in a simple A4 format or in the shape of the twitter bird.
After consideration and variations on the format, I decided the best way to move forward was to do the double sided envelope that opened out.

I wanted to keep it simple, like the posters, and keep with the same message. As a starting point I looked at how I could incorporate the poster ideas with the inside of the envelope.


I kept with the posters for the inside, and with the four statements I made, '140 characters is the new...'. It essentially looks like the 'Type & Image' poster on the inside. To make it work as an open out envelope, on the net I added an extra tab to each side with a 'cut here' and a dotted line. This would mean that it wouldn't just be ripped open, and the inside image would not be affected.