FORM FOLLOWS FUNCTION MAGAZINE AND LAYOUT DESIGN. MODERNISM OR POST-MODERN DESIGN. AMY BARSTOW GRAPHIC DESIGN YEAR 1.
The Brief
After reading through brief. I am going to c and modernism, the origin for both of the work that was created create a short review o I have researched into have been given to m research, as I will be a Another part of my Helvetica, from this I w graphic designers th the movements wher their opinions that t already looked into a created a small essay And the final part of m aspects of the design books that have been
h the brief I now how what is expected of me from this create a extensive body of research into post modernism topics that I am going to cover are the foundation and ese movements, artists works, the characteristics of the d in each of these movements. From this I will be able to of what I feel the difference between each of the topics that o. After this I will be able to look into web addresses that me on the brief, these will give a different dimension to my able to contrast the opinions of other designers and writers. y research is that I am going to watch the film will be able to hear the opinions and thoughts of artists and hat where educated and practiced during the time that re actually happening. There is no one better to give the designers that created these movements. I have a book about modernism advant garde movements and about its content, this will also be included in my research. my research will be to go look into books about different n, like music, magazines covers, typography and other n written by designers like Jamie Reid and Rick Poyner.
ARTIST RESE MODERNISM BAUHAUS ORDER GRIDS HELVETICA TYPOGRAPH ARCHITECTU LIVING
EARCH
HY URE
This is a small timeline that i found on the inter net that i found really helpful. It showed me in little detail and in easy to understand terms t h a t w e n t o n a n d i n w h a t o r d e r. I have found it hard in the past to be totally sure what h a p p e n e d i n w h a t o r d e r, a n d w h y the bauhaus had been closed and now i know that it was because of the nazis and how they felt about this revolutionar y way of design and they thought that it was contaminating the minds of people who they wanted to conform into their way of thinking and only create the work that suported their socail and political views.
Bauhaus
Bauhaus is one of the most well-known and inf this brief it was the one that I felt I knew the mo to the design styles of the modernist era, the thin design, grids and organization throughout your w interesting and well-designed posters that I have e and it has been able to create a style that can be
I feel that magazines design of the current era style of the Bauhaus, their use of grids and guide organized well enough and the most important asp legible and practical. Anything that wasn’t needed w factors that were limited, the main colours that seem Ty p o g r a p h y styles also came favor of sans serif typefaces,
out of minimal de
luential movements of the moder nist era, before ost about. Its style of architecture is ver y relevant ngs that Bauhaus represents is the use of minimal ork. Bauhaus ar tists managed to create the most ever looked at. Nothing about the design is random so easily recognized by all ar tists and designers.
has been largely influenced by the composition e l i n e s w h e r e v e r y p a r t i c u l a r. T h i n g s n e e d e d t o b e pect of their design was to make sure that it was was simply removed. Colour is also one of the design med to be used where black, cream, white and red. the sign
Bauhaus movement, they where in and smooth lines or linear qualities.
PAUL SCHUITMA Paul Schuitema, born in the Netherlands, was a graphic designer proficient in typography, furniture-making, architecture, photography, painting, lithography and film. Schuitema, started out as a painter, studying at the Academie voor Beeldende Kunsten in Rotterdam. After the first World War, Schuitema left painting and embraced early modernism: his interest in mass production and technology lead him to apply the principals of de Stijl, Constructivism and Bauhaus to advertising and print media. He was a member of Kurt Schwitter’s Ring neue Werbegestalter. His work is very similar to the work that i have previously looked at in the bauhaus movement. Its
its obvious thought the work that i have shown here that he was largely interested in photomontage, which personally i find very similar to the work that is done in the post moderinism era due to the collage and miss match of media but the thing that sets this work apart from post moderism is that the typography and compositon of the posters is well organised and the colour composition is thought out. overtapping of text on text with images is as far as experimentation went.
A
JOHANNES MOZAHN I don’t know a lot about the artist but I found a few examples of her work in a book that I took out quite a while ago. I really liked the way that she displayed her work, the typography is interested and stood out to me as a modernist typeface because I thought that the most important thing was about legibility and this font is quite interesting and harder to understand than unusual. I like the integration of colour illustration and photographs.
S N
MODERNISM ARCHITECTU & FURNITURE
URE E
Modernism was not just about design and art it was also about how people lived their lives, the homes that they had, the furniture, the attitude to living and they way that they consumed things. Modernism effected the way that people designed buildings, they loved away from the views of fussy designers and designed homes that where practical and minimal.Giving people the chance to de-clutter their lives and live in a more minimal way, Homes where clean, furniture was made from harder materials, linear qualities, less about comfort and pattern and more about the design and line flow of how a piece of furniture was designed. Glass walls where introduced to being the outside to the inside and make living feel more natural. Ikea designs have taken this was of design and their furniture is also a similar design even today. its seen as modern and trendy.
K
KAREL TIEGE
This is another artists who’s work I happened to come across in a book. I thought that it would help to look more into the artistic side of modernism rather than always looking at poster design and typography. I think that I can find some definite similarities between kandinskys work and hers. They both look into the forms of geometric shapes, overlapping them and how colour can create a message between the two. Kandinskys work is defiantly a lot more experimental than her work and he also experiments with rounded shapes and the contrast of them.
POST MODERNIS DAVID CARSON RAY GUN MAGAZINE DESIGN
SM
David Carson is someone who’s work has always interest me, I like how he manages to be experimentational whist also giving a slight essence of organization and structure to his work. His typography design is very interesting, he doesn’t seem to have a style that is obvious but all of his work is well thought out and consistent. He was the founder of Ray Gun magazine, which was ground, breaking in its composition, content and design. It explores music, design, graphics and everything that is relevant in this day and age. He stands out to me as a graphic designer that is comfortable within his own work and does have to strive to be better, his work speaks for its self.
NEVILLE BRODY
Y
Brodys work is defiantly more experimentational than some other graphic designers; I don’t think that the way that he creates typefaces is something that I would like to look into. My design style is a lot more collaged and collaboration between styles. I have never really found a connection with his work and I think that his work is what puts me of post modernism. It feels too random to me, there is no purpose of obvious message and meaning within his work it just seems to be experimentation for the take of it.
MICHEAL PLATE
E
I thought that i would look into some illustration from the post modernism era to get a scense of what the methods and styles where when creating modern illustrations. The type of drawings is very similar to how the typography of the movement was created. It was random, artistic, expermental and interesting.
JAMIE REID
I really like the way that this artist has created his work in a different way to others, he creates his work as though it is a collage, the l ettering is like a collage, cut pieces of paper. His work has been created for bands such as the sex pistols in the seventies for their album covers. His work is literally representational that time as it was made for the people who supported the movement. Bands, artists, musicians, writers, etc. His work is full of British pride and interesting hidden messages about the way they they wanted people to think.
WEB RESEARCH WWW.SHANNY12.WORDPR This is a web address that i was given through the brief that would give me information about different part of modernism and post modernism that i may not be able to find in books since they hold alot of fact but not always peoples opinions. I can sum up from this what moderism is- it is thought of as being more fesh, original and cutting edge, this is a time when people where rethinking art, science, culture, ethics, philosophy and psychology. It came from the end of the first world war, poeple where inspired, ready for a new world, with freedom. Modern graphic design and advertising came to be known as the new typography anf if favoured sans serif l ettering. Rand is one of th worlds most famous graphic designers, he is mostly well known for corporate logo designs incuding the logos for IBM and UPS. He is someone whos work is all around us every day and that is something that i feel post modernism is all about. Taking something that needs design and creating something relevent to represent it is all about post modernism. It allows the design to be exactly what people need it to be rather than giving people a new way of life which is what modernism tried to do.
H PAUL RAND RESS.COM
I-D, the British youth culture magazine, quickly became an iconic representation of the new-wave and postmodern graphic design gaphic design aesthetics upon its publication in 1980. The magazine was designed by Terry Jones who utilized aggressive collages, heightened use magazine was designed by Terry Jones who utilized aggressive collages, heightened use of color, and experimental typography to achieve a striking, dramatic design aesthetic. As postmodernism favors expressive designs and a rebellion against for strict constraints, and many of the designers who pioneered this movement were young, the design aesthetics of a magazine centered around a postmodern youth culture proved to be a perfect catalyst for such experimentations in typography and imagmanipulation. An important facet of postmodern design theory is the idea of anti-humanism, which explains that a universal principle cannot possibly be shared by all human beings, and insists that any principles must be determined historically and culturally
STUDIO DUMBAR IS AN INTERNATIONAL AGENCY WITH A DUTCH HERITAGE. Design is at the heart of what we do. We describe our work as ‘visual branding, online branding’, meaning we create every visible expression of a brand or organization — offline and online. This involves expertise in strategy, communication, branding and process-management. It is in our nature to look for the pure essence — in the people we work with, and the projects we take on. It’s a mentality that helps us to build a great team and achieve extraordinary results, no matter how complex or demanding a project might be. We are located in Rotterdam, Shanghai and Seoul. Our international scope is reflected in our teams, with an average of seven nationalities in Rotterdam alone. Our portfolio is equally diverse, encompassing work for a variety of clients both large and small — from business and government to cultural and non–profit.
CONNECTION KRUGER & FA When i was looking through artists that represented both modernism and post moderism. I thought that it was interesting that Barbara Krugers work has quite clearly influenced the work of current graphic designer Shephard Fairey. The typeface is every similar and the colour scheme that is used in alot of his work is similar to hers and they way that she composed her work. Her basic message is that she took the phrase i think therefore i am. but her interpretation is to highlight the topic of consumerism. People shop to find their identity, they can buy into a personality. She was practicing at a time when comsumerism was starting to really evolve and she wanted to highlight how shallow people are.
N AIREY
AVANT- GARD ANALYSIS The book that I chose to analyse is called Avant-Garde Graphics but Lutz Becker and Richard Hollis, it is a discussion of Avant-Garde art in particular the Merrill. C Herman collection of around 150 rare posters, original designs, collages and photomontages. All these pieces are a collection of modern visual communication that was created in the modernism movement. Through these pieces the book was able to explain how Avant-Garde graphic design was developed at each stage and how it had influenced the way that we now design and work. Modernism derived from the industrial revolution, everyone was obsessed with speed, and electricity, mass distribution and this resulted in internationalism. People’s horizons where becoming broader, the idea of travel was introduced to the working classes and this gave artists the opportunity to develop their work and learn from other design methods and their cultures. ‘A young generation of artists crossed the threshold of modernity’. Cinema and radio could influence the masses as they
became more access into graphic design, v poster, advertisemen magazines. This allow to become a new wa for both political and
From modernism Bau this allowed students periment with differen ods of working, desig where taught in a min is more. They where t tive vocabulary, boldn composition, printing had drastically influen I am taught now even later, this style of teac through other Germa has now been adapte way of teaching.
Other aspect of desig in this book was typo and photomontage. T example of photo edi and distorting, manip
DE GRAPHICS
sible, this transcribed visual language, nts and illustrative wed graphic design ay of communicating commercial means.
uhaus also emerged s in Germany to exnt materials, methgn procedures, they nimal way, that less taught to use creaness in their work, g. I believe that this nced the way that n a hundred years ching trickled down an art schools and ed into a new modern
gn that was explored ography, photography This I feel was the first iting, taking an image pulating and editing it
until it is what you want it to be. Instead they did it with scissors and manual materials whereas we do this with computer soft wear. I feel that what this book is trying to communicate is that these Avant-Garde artists where the pioneers of what is now modern graphic design. Through looking at the images of poster and a dvertisements that where included in this book I feel the same way, they show the same elements like colour, moving away from aligning the headers and copy centrally, they experiment with this which is something that is simply expected of a graphic designer today. They brought in the abstract and geometric forms that we use so often in our own design. But I think the most important thing they introduced was to have the courage to go against the grain and experiment with less rather than over complicating the design. Use of negative space and plain typeface design and use.
HELVETICA
‘Its air, you know its j no choice, you have have to use helvetica
just there. There is to breathe so you a’. From watching Helvetica I was able to see so many different opinions from designers and artist and what they feel towards Helvetica. It made it more clear to me which movement was in favour of the typeface and which wasn’t. This film examines the history of how this font was created, the fact that the modernists created it so that they could have a font that was simple to the point and would be able to get rid off all the clutter that was in advertising and the serif fonts. It had such a cultural impact and allowed companies to give themselves a trust worthy image.
Rick Poynor -’Type is saying things, al the time typefaces express moods, an atmosphere. That gives words a certain mood.’ Helvetica is a font that was hated by all post modernists, they believed it was boring and that it symbolized something that was wrong with society at the time of the modernist era. They where just trying to find something new, experimentation and exciting rather than ordered and strict.
MO
These are examples of life magazine in the thirties and forties. This was a time when Helvetica had just come into play in the national and global magazine publications. It took publication from fussy to minimal and organized. Before there was too much text that had been put into a serif font, they took that and replaced it with Helvetica and with this came more direct and crappy tag lines for adverts and the font covers of magazines. Helvetica was straight to the point and so was the message that they where now trying to convey.
ODERNIST MAGAZINE DESIGN.
POST MODERNISM MAGAZINE DESIGN. Here are a few examples of post modernism magazine design that i found in a book called Magazine covers by David Crowley.
The classic design styles of post modernism comes through in these designs from magazines such as eye, face, ray gun and zip zag. They have alot of text and image overlapping, digital minipulation and fashiion photograhy. They show classic themes like punk rock which was massivly influential to post modern designers. The music and the art where both ways of going against the rules with their fashion and design.
ALBUM AR
RT COVERS
.
These are examples of album art work that was produced during the post modernism movement, i thought that this could be a start on my reseach into what the style of art was and how it linked back to typography, photography and all around design. This is the kind of thing that i expect to see on the front cover of magazines such as eye and typo when i continue my research into the covers and mastheads of those publications. Looking at those magazines will also help me work out how different magazines structured thier layouts and work out the grid that they work by on every page.
As part of my research i thought that my next step would be to strat thinking about what the front cover and mast head of my publication would be and how i am going to layout the pages. To do this i looked at multiple editions of creative review which i found very easy because this is my favourite visual culture publication. I like the way the the pages are layed out and how their grids work well with the format of the magazine is square rather than like usual they are A4. From looking into this magazine i was able to work out what the grid method if theirs is and look into what they use on their front covers. They have been able to create a masthead that is able to work with multiple solutions like illustration, typography, photography and digital art. This is something that i am going to have to be able to do. Personally i like the front covers that are digitally designed but they do represent osmehting and it always links back to what the main content of the magazine is that month.
CREATIVE REVIEW FRONTCOVERS
These are examples of some double page spreads that i came across in some creative review magazines that are within the last year. From this i would able to look into the patterns of their structure and come up with that i think is their general grid that is followed while they construct each page. The patterns that i have found is that usually three
columns are used on each page, almost always the text is placed in the bottom half or third of the page. Never any less than three columns are used this is a way, i think, of making the page look as thought it has been thought about carefully. It is for one image per DPS to be used and the images are found in small clusters. They like to scale down images
and collage them together with small gutters seperating the images so it still looks structured. Text is seperated into very narrow columns when they are a small paragraph to explain what a certain image is showing. I dont think there is a rule to how much white space to use as the DPS’ change in this aspect of design. Sometimes there is
a lot of negative space being used but this still allows for a lot of content to be included. There doesnt seem to be a set place to put the headline. It seems as though this is determined by the layout and sometimes the pages dont even have a header. It can be layered over images, in the centre of the page or just above the columns of copy.
Eye magazine is another publication that i looked into as part of my research onto layout design but mostly i think that eye is the perfect example of a publication that has been able to make its mastehead fit in well with any kind of front cover design that they wnat it to be. Having your masthead dictate what it is that yo want to include on your issues cover would be a nightmare. What is on the cover each month instantly sets the tone for what kind of feel the issue is going to have and it will also influence if people pick it up to read. I would like to experiment with taking my own images and minipulating them to give the magazine a feel, this is very important for me since this is going to be the first example issue of New Graphic Design and this is going to set the tone for what i want the magazine to be all about.
The image to the left of this is one that i took myself and edited. But the other once where taken on the Eye.com website. They are perfect examples of issues that use a modern feel
for the magazine which i what i feel recently the covers have been representing.
I dont particularly like this format as much i do the creative review one. This one seems a lot more random and even though this can be more exciting to the reader to see a different page format each time it loses its consistancy and its own
design style.This is something that i want my publication New Graphic Design to have. It needs to be as experimental as i can make it. From these examples i can get ideas of how i want mine to look. Will every page fit a very similar layout or will
they be quite random and add to the excitment for the reader. One thing that i do know is that i would like to look mmore into white space and how i can be used to draw attention to other things.
EY I fo visu eve bec sam diff eac is a is a Cre is s tha dif layo Eye col hol eith the col use sep as whi of t Ima clu ent ove pag of w The qui was the suc can pay if yo can
YE MAGAZINE ound that when looking into ual magazines they are all ery different i think this is cause they do all serve the me purpose so they have to ferentiate themselves from chother and the grid system a great way to do this. Eye a totallt different format to eative review, the difference shape is what has made it so at they have to create fferent grid systems when out out pages. e generally uses two large lumns on each page, this lds most of the copy but on her the inside or outside of e page there is a small thin lumn which could either be ed for negative space to perate the pages or to hold small paragraph of writing ich could be a description the images or a reference. ages can be places in small usters but often the overlap tire pages and sometimes erspill on to the adjoining ge leaving just one column writing. e format of each page is ite different and at times it s hard to see the grid within e pages since each one has ch a different design but you n see how they have been yed out all on the same grid ou look for long enough you n see the patterns forming.
GR LAYOUT
To get a better understanding of what makes a g some well known graohic design magazines suc worked well and that appe i gathered together alot of different examples of layout design that i had come across in magazines and i found that most of the pages composition was very different but they all seemed to follow very basic rules that applied to column width, length and the amounts of columns that would be used on each page and then the image compositon would be chosen to fit into the general layout. I found that creative review like to use a larger number of smaller columns where as magazines like eye and typo prefer to have about 2 columns to a page but i think this is because creative review is set to a square
format meaning that the columns in comparison Personally i prefered th design and this is beca to be used a lot more e format for my magazine so those where the one pay more attention to. F to see what the grid wa where working from and to design on gutters, m numbers and also varia there are options for ho pages and grids to wor
RIDS & T DESIGN.
good layout i thought that it would be helpful to look through ch as creative review and eye and find layouts that i thought ealed to me. These where my findings.
ey can have more n to the usual A4 layout. he creative review layout ause it allows the space effectivly. But the given es is the adverage A4 es that i felt i needed to From this i was about as that the designers d create my own. I had margins, column ate this design so that ow i want to layout my rk from. I made a
general template and then variated it. This included variations such as disincluding columns and merging two columns together to give a even number of different widths. Here on the next page are all the examples that i created, some have mistakes and have been re-done but the final one is the template that i will be working from in my final design. They are in bold and i may have made a few techincal or mathematical errors but overall they should work as a rough example that i can work from.
ROUGHS LAYOUTS EXPERIMENTATIONS COMPOSITION NEGATIVE SPACE
S
ROUG
Here are the final roughs that i created, they represent the types of lay roughs that you can see previously in this book. I chose to keep the because i feel as though i will get a better idea of how these templates From this i may see some ame
Each one of these follows the same basic rules, that there are a maximum of six columns that i can use one a double page spread and the minimum is the use only one column on each half of the DPS. The text can and will be shown in a compoisition but usually the text is what determines where the images go, Not the other way around. This layout
GHS
youts that i will be using and they have been generated from the earlier margins small but they are something that has not been sized up yet work once i have loaded them into indesign and used them practically. endments that i need to make.
will allow me to use quite alot of negative space and divide up the space equally for the copy and also the images. I have also found from the very first rough sketches that i did, that this grid system allows you to place the header of title pretty much anywhere that you want because it is so open.
This is a chart that i have created which illusrates all the ways that i think i could communicate with my target audience based on the way that they on the most part live their lives. Generally with people who will be buying a graphic design magazines they will be students or practicing designers themselves. Therefore they will have alot of access to devices like iphones, ipads opening them to the media of internet, apps, online news checks, easy access social networking like twitter but also intragram as this is a image based socia network and these people will be visual. I could set up my own intragram account with snipbits from the latest issue to get them interested ans as a way to promote my brand. Most of my target audience will have their own blog site in which they advertise their own work, this is the perfect place to talk about the intent and content on my magazine. The obvious things like tv will always count but also these people are bound to be into music and will be likely to come across a youtube video where i could post a compulsory video advert for my magazine.
Ways to communicate with my target audience
Here are some examples of one of the graohic designers that i refered to and looked into his work earlier in my research process. This work stems from 1941-1954 and where taken from books such as Advertising Design and The Editorial Design of Paul Rand. He looks into the good compositio of magazine design and editing.These images are great examples of how a masthead can be created so that it can work with a number of different media as the front cover, the colour can be changed and the position at which is it displayed on the page is altered but it is still very clear that that is the mast head and its the first things that you take notice of when you look at this front cover design. I like his minimal use of colour this is something that i have always liked in magazine design, it leaves the images and text to speak for themselves rather than being overshadowed by the glare of unsightly images and boring brigh colour choices.
PAUL RAND
His design seems thrown together as thought the sucess of the compositon was just but chance and this is something that i would love to be able to recreate as this is the best example of sucessful layout design, when it looks effortess. It just works this way. The lines arent always straight and the imahe can overlap text, altering the ledgibility but this all adds to the design.
FORM FUN
FOLLOWS NCTION
MASTHEAD DIGITAL ILLUSTA DESIGN NUMBER ONE
ATION I took the drawings and roughs that I had previously done, scanned them into the computer and was able to lower the opacity of the image allowing me to use it as a rough stencil for what the design and linear quality of the lettering would look like. I was able to make better measurements for each of the letters so that they where all exactly the same width and height. This will give me a better more professional look and finish to the masthead. From that I was able to do a few variations that look more like the logo versions of the font. I manipulated the size and scale slightly to see if it would improve the design and this is what I came up with.
MASTHEAD DIGITAL ILLUSTA DESIGN NUMBER TWO
ATION I think that out of the two this is the one that I prefer, it is sleeker and the longer thinner design of a typeface is one that I think I prefer to use. I was able to create different variations using boxes and manipulating the scale of this one too. Once I decide which one I like the best I will move forward with it and start to create new more interesting variations. I am going to experiment with colour, composition, size and see which one also works with different styles of front cover design such as image and typography. I prefer to bolder option of this font but through experimenting i found that it cannot be too bold as this will lose the whole design style of this font.
MASTHEAD DIGITAL ILLUSTA DESIGN NUMBER THREE
ATION This is just another experimentation that I went ahead with where I thought about how I could link back to my original reseach and design mood boards and I had looked into how to make your text took anaglyph. This is where it is made to look 3D but overlapping and changing the colours in which the font is shown. Obviously I have not got the colour shades right but this is something that I am going to work on an I also looked at this style but in a kind of colour chart effect with monochrome colours like black to light grey. I think that this is something that could be quite unique to my publication and be quite quirky.
These are other examples of variations that I have designed whist trying to come up with the best masthead design. I thought that it would be a good idea to see how this design would look in various shaped boxes and change the composition of the text within those boxes. I also looked into changing the point size of the initial letters of
new graphic desig would have looked smaller writing ha bold so that the w would stand out a than one section o stand out against I think that from th to see that the top have to be a lot sm
gn. This I found d better if the ad also been made whole of the logo as a piece rather of the writing would the rest of the text. his i have been able p writing would maller but maybe
from this i will be able to change the way that the top text lays across on larger text on one line to make it fill the space better.
MODERNISM GR TEMS.MODERN FURNITURE DES ARCHITECTURE AUS. TYPOGRAP FREE DESIGN. C EXPERIMENTATI OVER LAPPING. NEW DESIGNERS GRUNGE. STREE GRAPHICS. CAR REID. BRODY. R MAGAZINE DESI FESTO. BRITISH CONSUMERISM.
RID SYS LIVING. SIGN. E. BAUH PHY. COLOUR. ION. . COLLAGE. S. MUSIC. ET ART & RSON. RAY GUN. IGN. MANI PRIDE. BRANDING.
From looking at the previous designs that i did that i created in illustrator, i made them from using the rectangle tool and also the magic pen tool so that i owuld achieve smooth lines.By putting the black background against these images i was able to see if this would effect the way that the design looks.i think that it definitly did change the look of the design because it gave more of a black
and white contrast think that the first i best because ‘new is all on one straig so much better be over one line and r the rest of the text. that writing one top thicker.
t. I personally image looks the w graphic design’ ght line. This looks ecause it was all related better to . But i do think p should be
From this i switched the colours to see if the effect would b more interesting and i think that it is. I then very roughly pu most recent mast head on a A4 image of ey words that i h previously featured in my own research. I like this concep idea for a front cover. It defiantly links back to modernism the idea that text should be really organised and fit into a shape. But i thought that i needed to find a different typefa for the mast head that would link better to the type of helv These two need to link well together.
be ut the have pt as a and basic ace vetica,
ILLUSTRATOR EXPERIMEN
NTATION. This is something that i came up with whilst i was experimenting with my previous design in illustrator, This was achieved simply by just swapping the fill of these letters to non but keeping the outline. This was the unusual effcet that i was given and i found that it was worth keeping within my research so that i would go back to the design for inspiration in other projects or to remind me how i achieved this effect if i ever want to do this again. I think that it is a appropriate style for a magazine that is all about a new style of graphic design. Its unusual and represents to me the way that graphic designers work. It shows how they measure out designs. It looks like some kind of mathematical design.
FINDING THE RIGHT FON
I then started looking into how i could change already existing fonts into fonts of my own designs or changing the composition and colour of them so that they create a different effect. For this example i took a already existing font from indesign and covered some parts
of it over so that t design and ledgib changed, i dont r it that much as i a fan of serif fonts, too traditional and the purposes i us Modern design is
NT
the bility had really like am not a i find them d fussy for se them for, s better.
The last three images that i have included in this research where made by me. I carried on with my origina design for a front cover that would be totally made up of writing. I really like this design and to make it so that each line would end in the same place each time i had to change the settings such as the kerning.But not so much that it would mean that one line would be obviously edited so i made a rule that i would never change the spacing by 3 points in each direction. I also tried to group the words together so that i didnt have to do much editing. I really like the way that the forward slashes seprate each word or phrase. This seemed more interesting to me than just using full stops. I experimented with bakc on white or white on black and i think that this is totally going to depend on what my fina mast head ends up being so i am going to have to continue with this design process and see which one looks better.
All these design where created quickly after looking at possible font types in illustrator. But i was able to modift them through simple experimentation. These are the final designs for each of the different styles. I think that this one is simple and sleak but it defiantly needs the second line to make the design more complex and thought out.
Mo Masthead A Pro
I found this font on indesign and transfered it into illustrator, this font was easily manipulated and edited, i covered up parts of the letters that arent really needed that much to make the words ledgible. This looks modern and more like it is
ore d Designs ocess.
This came from the previous design, it is exactly the same compostion but i thought that i would see how the design changed. I do like the way that this looks but it doesnt look to me as though is should be the masthead for a grahic design magazine. To me it seems more like a more serious financial magazine or a news paper.
relevent to the style of graphic design. This is a close up of the design but has become pixelated from being transfered into indesign which doesnt read it as smoothly. I really like this one and would like to start putting this into the front cover designs
For this design i went back to another font that i had previ used in some one my design but this time i decided to ch the way that i was going to distort the ledgibility, i took aw the whole bottom half of the letters. I really like the way tha looks and to me it gives the impression of a magazine tha edgy and new, it will be seen to be a publication that isnt to experiment and take risks. This masthead would defina something that would entise a viewer and say someting a the magazine.
I thought that this design previously looked quite lost sinc so simple i thought that it needed someting to hold it toge and make it stand out more as the obvious masthead. By putting the box around it it makes it seem more justified a professional.
iously hange way at this at is affraid atly be about
ce it is ether
and
I started looking at what letters would look like if i started to merge them together but keeping them to the same colour would help them to merge together better. I do like this design but i do worry that to someone who doesnt already know what the magazine is called would not be able to read what the individual letters are. The G in the middle may not be ledgible at all. The line underneath is a nice design touch. It underlines how important this name is and creates a sence of seriousness.
I started looking into how i could take a existing font but not change the design at all, i found this very boring and there was no level of sophisticated design. The box for it is took big and it doesnt fit the dimentions. It would look better if the NGD was longer and fit all the way over the length of the smaller writing
I then went and found a more simple thinner font type and got inspiration from the GQ magazine mast head which occasionally overlaps the letters and changes the opacity so that the letters can be put into a smaller space space because the full letters can still be read.
I continued experimenting and changing the different styles that i had messed around with, changed the colour and also saw what this logo would look like when it was put against a different back ground which is a possibility when putting it with a cover.
This is similar to the previous design but i changed the font style to try and achieve a more bold and engaging style of masthead, something that was going to stand out and make a impact on anyone who saw it.The colours can be changed and this wil change due to the type of cover that it is being paired
These are the final two designs that i have done. I took a previous designs and spaced out the kerning of the letters but i dont feel as thought these designs have the same design impact that the other ones do. Even though i have spend the same amount of time looking at the and designing them i font think they look as well thought out and the colours cont go well together. Once again i have looked at how one of these designs could look if it was placed against a grey background. I have also looked into making the letters look 3D by placing the same letters behind the existing ones in a black colour so that it looks as thought it is 3D and could stand out off the page. I need to think about what the colous that i choose will represent, this can easily be changed due to the content of the cover page. Different colours mean and represent different emotions but i dont think that green is the appropriate colour. I would like to keep mainly to blacks and reds.
VARIATIONS OF THE FRONT COVE After i had designed some masthead ideas i thought that it would be useful to see how they would relate to and look like next to the typograhy front cover that i have already made. Firstly i did all the mastheads that would fit into the original composition od the writing. These ones would be the ones that would be
square shaped and would only need a little bit of editing so that the shaped would fit. I like the way all these fit well but i think that the first two seem to get lost within all the other typography as helveltica is more dominant. The writing is hard to see here but the larger image also shows this. I do like this design so i am thinking
ER
that i could change the way that this design is composed so i could maybe put it into a long thin horizontal composition. I really do think that the third and fourth designs work well and are able to stand out from the typography. Slight editing may need to be done later but so far its ok. But i would like to
include the longer name of the magazine ‘New Graphic Design’ so that the viewer can see what the magazine initials actually stand for. Once a magazine become well known you may be able to take away this detai becase the name will be easily recognised.
The first two are of the similar comp as the last page that i uncluded in my research. I think the one that i prefer is the top one. The colour relates well and it allows the letters to be seem well and read easily as they are able to be distinguished from eachother. But i dont get the same professional feel to the top one. The ones the go horizontally all seem to fit quite well but i would like to experiment with colour so that the masthead is easily distinguished from the design typography. But i do think that the final one on the bottom works really well with the helvetica as they are of the same dominance.
This is a image of a painting that a friend of mine produced whist i was at collage with the painter. She has allowed me to experiment with this image to see what it would look like as one of my cover image options. I may not even end up using this but i think that it is a good example of a image that could be used on the cover.
The reason why i feel as though this image links back to the subject of form follows function is that it is a visual representation of a architectural design, this is something that could link to sculpture, painting, design and architecture.
i have done quite a few exmaples of what my designed mastheads would look like against this image and i think that it is quite a easy image to link with typography. It is so simplistic that it doesnt have to compete against any link of typography because they are two totally different things. This is the problem that i came up against whilsy trying to find the right masthead to go
with the typography designed front cover.I have had to edit this image so that the text could be seem on the top of the image. Personally i think that the longer horizontal designs that are on one link looks better and give the image a really good heading. Whereas the more rectangular design that you can see here doesnt seem to work as well on the page as id like it to.
This is my final design that i thought i would get something out of seeing what this design would look like next to an image. The one on the right was done first and i felt that it was too simplistic so i added the second line that you can see on the left hand side. The text that i have decided to use was the copy that i was told i had to use in the brief and this was a requirement so i thought it would be the perfect text to use in the design to make it look slightly more complex and thought out. I think that it lso works well because half of the lettering is missing to by r eplacing this with another line of text i thought this is a good effect. One thing that i would like to do is edit the image so that the painting is slightly lower so that the image doesnt interfere with any of the text. This would give a nice clean boarder around the image that is being used.
Because i did really like the design of the typograohy designed front cover i thought that i would look at what it would look like in a different variation by adding in the new mastheads that i had put together. For the second one i had to image to compositon s that there was a good enough edge of space all the way around the text so that it was obvious that the top bit was the mast head. But i think that this takes away from the design.
This is the final experimentation of the front covers that i have done so far. This is a mast head that i did really like so i thought that it would be interesing to slightly change to composition of the cover that i have prevuously expermiented with. Think that before this is ready i would have to do alot more chnaged on it, The text would have to be changed to that it was all equally spaced. And i would feel better if there was a bigger gap around the masthead because it all seems a little bit too cramped. I would also like to swap the colour of this and make the text as black on white. Another thing that i would like to do wouls be to look into using some colour in this, maybe just change a few letters or
words in to the colour red to give emphasis on them. Another thought that i have had would be to make all the dashes that i have used in red. This could break up the large section of writing and make it look like more thought has bee put into the design. I think that i would also like to print all these options out on A4 paper so that i could see how they look in a real life situation. If the composition and spacing or sizes of things have to be changed to make them look better. Things always have a tendancy to look different on screen to what they look like printed out.
Th of ha de se all se ea ex red de ad rea So do aF the ne tha wo ia an du lap tho tha als ma
hese are just other examples more experimentation that i ave done, i thought that this esign needed something else. It eemed too cramped for me and l the elements of this design eem to compete with achother so firstly i xperimented with colour, adding d to see if this would break the esign but i think that this just dded colour but didnt make a al design impact. o i thought that maybe cutting own the text and fitting it infor F shape for form and function en this would give more egative space. But the final thing at i thought would be interesting ould be to edit the image that already had, changing the hue nd saturation as well as uplicating the layers and over pping them but from this i ought that it didnt actually look at mich different and this image so didnt give much room for the asthead to work well enough.
MY NEXT STEP
I ha to t wh i wi cre ima edi i us des to c sty
ave now decided that my next step is take this imagery to the laser printer here it will be made into a stencil that ill be able to use with spray paint to eate the art work for my final cover age. This will then be scanned in and ited to that all the different colours that se will be able to be manipulated in in sign. I think that from this i will be able change the colour and make different yles and versions.
DPS EXPERIMENTS
This is just a quick example of how i have experimented with content and layout whilst competeing my double page speads for my magazine.I have yet to decide on my final one but i do think that this is a start.
OUTCOMES OF THE STENCIL
continue with the experimentation of this. One thing that i really do like about the letters is that all the coins in this have been cut out and it gives a moderist effect. This is a scan of my final Another part of this stencil was the stencil, i scanned it in masthead and it was without putting a piece of white paper behind it created in the exact to stop the light coming same way so they do look very good through but ididnt do together. This makes it that and the effect was look as though the mast that i ended up getting head has been changed a light effect. From this so that it looks like the scan i put it into photoshop and edited it designers have changed so that the outlining was everything on the front so that it looks like the more dominant. My first issue has a style and a intention for the stencil was to spray paint it but i theme. did really like the simplicity of the natural stencil so this is a possibility for my final front cover.I am going to
This is a scan of the inner cut outs from the stencil, i thought that this gave a really nice effect. and this could also be a nice option for my front cover as it has the inner part of my masthead.
MASTHEAD V
Here are some of the variations that i tried out whilst trying to find a good masthead design, the first one in from the left was the end result of my stencil being spray painted red and it came out with a really nice even tone so i scanned it in and slightly edited it to get a nice more vibrant colour, The beauty of this is that i can edit it on photoshop so that it can be any colour which would be good hen my front cover image changed every issue. I thought that this was the
VARIATIONS.
most sleak variation but i have also incluced what my first attempt at spray painting it looked like on the right hand side. I did really like this because it has a more grunged effect but personally i like things more modern rather than post modern. The middle option was simply just me experimenting with colour, threshhold and saturation on photoshop. But this did give me a good idea of how some post modern effects colour be achieved through editing.
FRONT COVER SPRAY AND COMPU These are the variations of the stencil that i have created, the top two are simply spray painted versions that i didn but the obsticals that i came up against where that the spray paint would run and disperse. This is something that i did like sometimes and it gave a post modern effect rather than being perfect like moderist design. I think that it gives a good contrast against using the font type helvetica which was heavily used in moderist design but also having a uneven spray which is similar to post modern design. This is not what i like usually but i do think that it gives a interetsing design style. From this i went on to edit it and which is the bottom right image. I duplicated the
R VARIATIONS. UTER GENERATED images, lowered the opacity and edited the colours to give a kind of 3D effect. I did this in a few different colour, one of which was a lot more warm effect with reds and yellows. This is something that i do really like and the colour is very interesting. i feel that it will be hard to decide on one that i feel is the best option. And the final option that was on the bottom left, i simply invested the colours and this gives a kind of night time effect.
FRONT COVER THE FINAL Here are all my final options for what i would like to be my final cover image. I have put together all the different options and variations of the images that i have. I am very torn between which one i think it is that i like best. I think that the pure stencil one is very simple and effective and i have paired it with two different mastheads but from seeing them next to eachother i realise that the one on the top left since it all follows one simple pattern.I do feel that this one is very well thought out. But the black masthead doesnt work as well and it is too much of a contrast. But i am quite confused by the face that i do really like the second one which is the pink and yellow 3D effect, i
R VARIATIONS. L OPTIONS. do know that it works better with the simple stencil masthead rather than the black version even thought that one is very bold and effective. This could be one that would be best used with a simple image cover.
FINAL COVER IMAGE AND MASTHEAD This is the final image and measthead that i have chosen for this project. Personally i feel as though this one is the most effective and it makes it look as though this image and masthead have been made the same to fit into a theme for the first issue of the magazine. Even thought i wasnt sure which one i liked more i knew that this one looked more professional and that the image had a lot of possibilities for design. I think that the 3D effect that it creates is like a visual manipulation and adds in a new design dimention. Overall i feel as though the work that i have done in this project is the most throught out and proffessional that i have done in this year. If i was to do it again i would do more experiments with the stencil if i had had time.