OUGD405 How to..

Development and final designs for the magazine publication.

The brief was how to get people to tell the truth. As our original theme was how to be confident we decided that it would be interesting to create awareness towards the media about the lies that they told the public that have inevitable knocked there confidence.

We decided that we would all decide on a colour scheme a font and a general idea of what was going on each page then go off on our own and create our designated page. Then we came together made tweaks and improvements to then put it together.

The page i was designated was the instant opening pages which was a double page spread that would inevitable be the opening to the truth of the lies and effects that the media has had. 

Below are my development pages. When i designing i knew the colour combinations and the font we had decided to use then the rest was up to me.

When research (design context blog) we found a page within the magazine that was an advertisement for 'Matalan' where it was two cupboard doors that opened up with the detail inside. Deciding to do it this way allowed us to have 4 separate pages. We had decided to keep it minimalist as the inside would be full of detail and we didn't want it to reveal too much too soon. Originally i thought about doing a treasure chest sort of theme or to have a padlock as if you were 'unlocking the lies' but during development i experimented with a key hole or a key. We had all agreed that the content would just say 'Reveal' in a similar style to the 'Reveal' magazine logo.

Below are the different variations:

 

Above is the one we all chose when we came together however we tweaked it a little by adding in the 'the truth' in the bottom right corner but also by blurring out the key holes edges it created a more mysterious look and feel towards the page.

Below is the final magazine:

Front Cover designed by Samantha Walker

 Opening page designed by Sophie Abell (me)

Left Page (Info Graphics) designed by Joe Leadbeater and the right page (Good v Bad Role models)  designed by Danielle Yearsley

Right Page about eating disorders designed by Amy Hill and the Right hand side Perfume ad by Andy Smith

Back Page with Address to send to the Magazine Companies.

Photoshop Workshop 2

OUGD403 Evaluation Form

1. What skills have you developed through this module and how effectively do you think you have applied them?

During this module I have gained skills within how to design and draw typographic fonts which have been taught to me along side other modules however taken what I have been taught into this module has helped me create types properly. Also my Adobe Illustrator techniques, I would have already considered myself to have had a good knowledge of this media and process however I have never created fonts and typefaces before so learning how to do that has increased my knowledge but has also allowed me to practise being intricate with detail.

2. What approaches to/methods of design production have you developed and how have they informed your design development process?

Normally I wouldn't necessarily do a lot of drawing and sketches when I design, as I don't feel it represents what I want to show as well as I could do using software on the computer, however I feel like this module has given pushed me to practise drawings and sketches which has inevitably allowed me to be more carefree when designing at the end of the day they are sketches to help me develop my ideas. During this brief I did have an injury to my hand which did effect my ability to draw and I think when I couldn't draw my sketches it made me want to do it even more so as soon as my hand was better I wanted to catch up on the sketches I had missed and wasn't able to do. It made me appreciate the different skills I had. Even though all my final pieces are done digitally it is always nice to be able to have that option to dip into both media's for a range of ideas and finalized pieces.

3. What strengths can you identify in your work and how have/will you capitalise on these?

I think the strengths in my work have been my commitment to working hard and not allowing myself to fall behind, disregarding the injury that happened to me during this module. I didn't want it distract me away from this project so for the Typeface task where we had to draw the typeface did have the biggest impact as at the time I couldn't do it, however I pushed on and completed a full alphabet with glyphs on the computer two days after my operation and then when I could draw again I re did it on tracing paper by hand. This has in essence made me realize and appreciate my skills and ability and having this mindset about working hard when I am fully capable has been really eye opening, therefore in future I will bare this in mind and always work my hardest and to the fullest of my ability.

4. What weaknesses can you identify in your work and how will you address these in the future?

I think weaknesses have been my blogging and research, although I am happy with my final pieces I do think that with more research and development work they could have been better. In the past I have always had briefs that have been very long and all the work been done has been in sketch books whereas here it has been a total eye opener in working quick, not wasting time on certain things and making sure I have everything organized and pieces ready to upload on my blog. I think from now on I will know the importance of collecting relevant info and uploading them onto my blogs in an organized fashion as it has caused me some confusion.

5. Identify five things that you will do differently next time and what do you expect to gain from doing these?

1. Work at a quicker pace If I worked quicker id be able to get a lot more done and I wouldn't feel so stressed when it came to doing things as it would be a lot more straight forward. I would be able to devote my time on the things that mattered rather then the smaller finer details that may not be so relevant. 2. Research more thoroughly and more detailed Research is the key area where you gather ideas, I think I didn't do enough research for my piece to be well justified and presented. I think I should have gone into greater detail which would then have a knock on affect to my final pieces as they would be to a higher standard of design, and ones that I could truly say I am proud of. 3. Do more sketches and design ideas Sketches and design ideas are something I feel I did very little off, and that is because my research wasn't as efficient. Therefore for the next module I will make sure that I do a whole range of ideas that will then allow me to choose the best and go on to develop it into something better. 4. Blog at the end of every session At first I stayed on top of my blogging however as other modules came in I felt myself loosing track off other modules including this one so from now on I will make sure I am being more thorough with my blogging to get all info down with correct links to avoid this happening again. 5. Not take group crits to heart so much Every crit we had I came away feeling a little disheartened as I was proud of my work and some of the comments may not have been very constructive which has then enabled me to not want to carry on with this project as much as it should. However crits are positive feedback to any designer and I suppose when in the industry people just are not going like what you have created and that is just there personal opinion therefore in future I will recognize the faults of my design going into crits thinking that maybe this piece isn't perfect but it can be improved.

How would i grade myself in the following areas:
Attendance:Good
Punctuality:Good
Motivation:Very Good
Commitment:Very Good
Quantity of work produced:Good
Quality of work produced:Average
Contribution to the group:Good

OUGD403: Alphabet Soup- Illustrator

Produce an alphabet based on one of the letterforms you created from the Alphabet Soup, Visual Thinking brief. Once again you are restricted to using one colour and it is to be produced in CMYK (cyan, magenta, yellow, key). Although you are restricted to one colour you experiment with opacity and half tones.

 

From the previous brief this is the letter i took inspiration from to create my full alphabet (below) Although this isn't necessarily one of my favorite designs however when experimenting on illustrator this idea turned out the better design.

Experimentations

 

This design was meant to look as if it had a hole it and it had been cracked however as it looked more cracked to shattered also it doesn't  really look as good as i had hoped it would.

OUGD404 Design Principles Task 2: The Anatomy of Type Part 3

Choose 4 new fonts that are BLOCK, SCRIPT, ROMAN, GOTHIC
Bring the at a scale of 10cm by 10cm square ABC upper and lowercase scaled up so each letetrform is the biggest it can be..
These are the fonts i chose:

Brush Script MT Italic-SCRIPT

Geneva- GOTHIC

Hobo STD Medium- BLOCK

Lucida Bright- ROMAN

OUGD404 Design Principles: The Anatomy of Type Task Part 3

Task 1

5 Fonts Identify the full typeface (bold/Italic version, single font qithin the typeface/family)

Choose the most readable typeface on an A4 Landscape format for each of the 5pt, weight. 12,32,72 start to look at them and vary between them.

Write

"The quick brown fox jumps over the lazy dog" Uppercase, lowercase, mixture of the two. Decide which is the most readable-making Judgements

Braggadocio pt12

braggadocio pt36

braggadocio pt 72

ayutha pt12

ayutha pt 36

Ayutha pt 76

gariola pt 12

gabriola pt 36

gabriola pt 72

OUGD404 Design Principles: The Anatomy of Type Part 3

OUGD404 The anatomy of Type part 3

Type and Character

Bauhaus 93 : 

The Bauhaus typeface design is based on Herbert Bayers 1925 Experimental Universal typeface.

Blippo was designed by Joe Taylor for forostar in 1969 as a block version of Burko Bold, which itself is based on the unfurnished design by the German Bauhaus School. The font was named Blippo Black by Joe's Boss, Robert Trogmann. It Retains proportion and fit of HG Ronda.

It is a varient of URW Blippo Black. Only 1 font was produced. It is used in Microsoft Word

Year Created: 1993

Font Name: Bauhaus 93

Family Name: Bauhaus 93

Version: 1.52

Other versions: 1.51, 1.50

File name: Bauhs93.ttf

Copywright: URW Software, Copyright 1993 by URW

Unicode Ranges: Basic Latin, Latin.1 Supplement

Is a decorative font with simple geometric forms and even strokes that give the font a clean and distinctive look.

http://en.wikipedia.org/wiki/Bauhaus_93

Free to Purchase

"Type is Speech made Visible"

Biggest Impact on type- Production methods, classical and the modern. (the difference between the two, letterpress going into digital) Fundamentally changed when print was invented.

Significant development in our society was people learning to read- What is the point in type, if no one can read.

Story tellers, poets, town cryers eyc. were the only way messages were spread before their was type it was only ever through oral communication tradition.

Talk-Pace, Loud, Quiet, tones, accents etc. Type is a visualization of that.

Type living language spoken words- why we chose certain fonts.

Vocabulary

-Font

-Typeface

-Font Family

-Weight

-Stroke

-Tracking

-Kerning

-Uppercase/Lowercase

-Serif

-San serif

-Script

-Blackletter

-Display

-Monotype

-Symbol

-Typeface- A collection of characters, letters, numbers, symbols, Punctuation etc. Which have the same design

-Font- The physical means used to create a typeface, be it computer code, lythographic film, words, metal etc.

4 Key Fonts

BLOCK- Display fonts, Stroke, big black heavy stroke

GOTHIC- San Serif

ROMAN- Serif Standard Simplicity

SCRIPT- Brush, Hand written

Font is the same weights

Four fonts make a typeface

When buying fonts buying the typeface you can potentially be buying anything up to 15 fonts in 1 typeface.

Regular- Starting point of the font

Regular/Italic

Light/Italic

Bold/ Italic

Ultrabold Condensed

7 Fonts 1 Typeface

Can have block, Gothic, Roman, Script in all one type family/ typeface all elements that take place.

Best way to distinguish Helvetica and Arial is the E, R, S and the full stop, Helvetica square full stop and Arial has a circular full stop.

Task 1 during the lesson we used the fonts we had last week and to go through them all in our groups and arrange them into categories of Light/Italic, Regular/Italic, Bold/Italic and Ultrabold Condensed. 

From this there was a realization that the most common was Regular. This task made us question what we are seeing and comparing them together so we had to look closely and decide.

Then Categorizing them into Gothic, Block, Roman, Script. Bearing in mind the distinct categories that would fall in to each such as

Weights-Bold or Regular or Light

Script- Change of Weight

San Serif-Gothic

Serif-Roman

Block can have:

Block Gothic

Block Script

Block Roman

These are all bold faces which have similar designs, large scale display which makes it heavier.

Legibility and Readability

Maximised by how we work. Anatomical how they work together. Spacial quality of how that typeface or font works.

Anatomy signifies on how it is legible or readable

-Counter- The negative space within a letterform either fully.

Regognize the letters from the space around the letter. Colour defines the space

FedEx- Arrow within the logo uses the idea of counter space- Subliminal Communication

OGC pffice of Government Commerce- 3 years before it was noted of its mistake. If a design is not intentional then it can go horribly wrong.

When we are reading we are not actually seeing. As a graphic designer we need to stop this habit.

Serif Fonts read better at 9-12pt scale

San Serif fonts read better at 12-14 pt scale

Script font not made for body copy

Block font easier, clearer as a header.

Never use bold as a body copy

In word when you change something to bold it extends and contracts the space to make the counters bigger so it makes it more readible.

Legibility: Is the degree to which glyphs (individual characters) in text are understandable or recognizable based on appearance. Comes down to how the anatomy comes together

Readability- Is the ease on which text can be read and understood. It is influenced by line length, prmary and secondary leading justification, typestyle, kerning, tracking, point size etc. 

Leading- Spacing between the letterform, Primary leading when the block was placed would be the same

Secondary Leading- When you put in more space tracking- artficially adding more lead breaking the inherrnt structure of the word. 

Kerning- When you bring the space closer together spacial counter reduced. Condensing

 Fonts in categories of Regular, Italic, Light, Ultrabold condensed,Bold

Fonts in categories of Block, Gothic, Roman, Script

OUGD403 Message and Delivery : Distribution

Produce a mail shot that distributes, disseminates and reinforces your message to an appropriate list of recipients

Your resolution should fit within the envelope provided (you can remake, modify or reproduce the envelope in any other media but the dimensions must remain the same) and be accompanyed by a visually appropriate mailing list. You should consider the relationship between the outside/inside of the envelope and its contents.

What do you want to say? To promote an anti terrorism campaign, that it is an important matter which needs to be stopped.

How do i want to say it? I want to say it in a serious manner however visually it needs to be appealing to the audience

What Language would be appropriate? Quite formal but straight to the point

What visual languages exist that relate to your message and how can you use them? There are a lot of visuals that relate to terrorism campaigns majority happen to be quite formal and plain, with more type then there is image therefore for mine i wanted to still have quite a bit of type but also images to back that up.

Is the content communicated primarily through type or image? If it is both what is the relationship between the two? The content i choose to use will be both, as i think to get a message accross type is important to get the message across and image reinforces that.

What does the mail shot aim to achieve. Does it direct you to a website, encourage you to attend an event, is it interactive or is it self-contained? My mail shot will direct people to a hotline number that people can ring if they have suspicions or queries about this matter. The inside will also be interactive as my idea would be to have a hand shaped into a fist that you will pull out but as it is attached to string it will only pull out so far so that it cant be lost.

This was the original design idea that i wanted to portray, showing the back of the evelope with the inside showing when the envelope is opened.

This is an image of the front, showing the inside hand as well. As you can see i stuck the same designs that i used for my posters to show a relationship between the two also by keeping the same colour scheme this emphasises it as well.

This is the back of the image again with more detail, originally i wanted to have a red inside but due to only having a restriction of two colours and a stock having an inside colour would be over the limit i was allowed. I thought that red would emphasise danger and make it stand out more, also would be visually appealing to the audience as well. The bottom design is of the envelope shut, the middle deisgn would be when its opened and the top image is of when the hand has been pulled out. As the mail shot had to be on the same stock as the envelope i had to change my hand from being white to being grey.

The above two screen shots are just the same designs again.

 This is the design for the template, it has a white background due to me printing on a grey stock. It was important to get the measurements correct and things positioned in the right place so that when it was folded everything would be facing the correct way.

Template

Here is another template, however this was just an experiment in how it may work.

 

Mailing List

Mailing List 

The audience to which i would send my mail shot to but generally be the general public as you are trying to inform them about terrorism but also as the only main piece of information was the hotline number then it is there for everyone to see.
I wanted my mailing list to be similar to the posters and the mail shot itself so it was important to keep the same style and designs throughout. It would also be printed on the same stock that is used for the mail shot, envelope and poster designs.
As we had to send the posters to Leeds College of Art that is the first in the list. Then i thought about sending it to Leeds City Council who would be responsible to sending them out to all people whether it be to there houses, businesses, colleges, university's and schools and any other organizations within the city. To broaden the amount of people who would get the benefit of this mail shot i would send it to the Local Government House in London who could see the importance of spreading this information around especially in London where Terrorism has recently played a massive affect in so many peoples lives recently. I found a company that would organize sending leaflets to companies and associations so i think it would be beneficial to send it to them who would be in control of distributing them around. Then finally i found a counter terrorism association that i would send the mail shot to them as a way of maybe advertising the leaflet so they could maybe help distribute this campaign as well.

 Final Mail SHots/ Envelopes and Mailing List