FORM FOLLOWS FUNCTIONMAGAZINE AND LAYOUT DESIGN.MODERNISM OR POST-MODERN DESIGN.AMY BARSTOWGRAPHIC DESIGN YEAR 1.

T h e B r i e f After reading through the brief I now how what is expected of me from this brief. I am going to create a extensive body of research into post modernism and modernism, the topics that I am going to cover are the foundation and origin for both of these movements, artists works, the characteristics of the work that was created in each of these movements. From this I will be able to create a short review of what I feel the difference between each of the topics that I have researched into. After this I will be able to look into web addresses that have been given to me on the brief, these will give a different dimension to my research, as I will be able to contrast the opinions of other designers and writers. Another part of my research is that I am going to watch the film Helvetica, from this I will be able to hear the opinions and thoughts of artists and graphic designers that where educated and practiced during the time that the movements where actually happening. There is no one better to give their opinions that the designers that created these movements. I have already looked into a book about modernism advant garde movements and created a small essay about its content, this will also be included in my research. And the final part of my research will be to go look into books about different aspects of the design, like music, magazines covers, typography and other books that have been written by designers like Jamie Reid and Rick Poyner.

After reading through the brief I now how what is expected of me from this brief. I am going to create a extensive body of research into post modernism and modernism, the topics that I am going to cover are the foundation and origin for both of these movements, artists works, the characteristics of the work that was created in each of these movements. From this I will be able to create a short review of what I feel the difference between each of the topics that I have researched into. After this I will be able to look into web addresses that have been given to me on the brief, these will give a different dimension to my research, as I will be able to contrast the opinions of other designers and writers. Another part of my research is that I am going to watch the film Helvetica, from this I will be able to hear the opinions and thoughts of artists and graphic designers that where educated and practiced during the time that the movements where actually happening. There is no one better to give their opinions that the designers that created these movements. I have already looked into a book about modernism advant garde movements and created a small essay about its content, this will also be included in my research. And the final part of my research will be to go look into books about different aspects of the design, like music, magazines covers, typography and other books that have been written by designers like Jamie Reid and Rick Poyner.

ARTIST RESEARCHMODERNISMBAUHAUSORDERGRIDSHELVETICATYPOGRAPHYLIVING ARCHITECTURE

ARTIST RESEARCHMODERNISMBAUHAUS

HELVETICATYPOGRAPHYARCHITECTURE

Th is i s a smal l t ime l ine tha t i found on the in te rne t tha t i found rea l l y he lp fu l . I t showed me in l i t t le de ta i l and in easy to unders tand te rms tha t went on and in what o rder.I have found i t hard in the pas t to be to ta l l y sure what happened in what o rder, and why the bauhaus had been c losed and now i know tha t i t was because o f the naz is and how they fe l t about th is revo lu t ionary way o f des ign and they thought tha t i t was contaminat ing the minds o f peop le who they wanted to conform in to the i r way o f th ink ing and on ly c rea te the work tha t supor ted the i r soca i l and po l i t ica l v iews.

Bauhaus

Bauhaus is one o f the most we l l -known and in f luent ia l movements o f the modern is t e ra , be fore th is br ie f i t was the one tha t I fe l t I knew the most about . I t s s ty le o f a rch i tec ture is ver y re levant to the des ign s ty les o f the modern is t e ra , the th ings tha t Bauhaus represents i s the use o f min ima l des ign , gr ids and organ iza t ion th roughout your work . Bauhaus ar t i s ts managed to c rea te the most in te res t ing and we l l -des igned pos ters tha t I have ever looked a t . Noth ing about the des ign is random and i t has been ab le to c rea te a s ty le tha t can be so eas i l y recogn ized by a l l a r t i s ts and des igners .

I fee l tha t magaz ines des ign o f the cur ren t e ra has been la rge ly in f luenced by the compos i t ion s ty le o f the Bauhaus, the i r use o f gr ids and gu ide l ines where ver y par t icu la r. Th ings needed to be organ ized we l l enough and the most impor tan t aspect o f the i r des ign was to make sure tha t i t was leg ib le and pract ica l . Any th ing tha t wasn ’ t needed was s imply removed. Co lour i s a lso one o f the des ign fac tors tha t were l im i ted, the main co lours tha t seemed to be used where b lack , c ream, wh i te and red.

Typography s ty les a lso came out o f the Bauhaus movement , they where in favor o f sans ser i f t ypefaces , min ima l des ign and smooth l ines or l inear qua l i t ies .

Bauhaus

Bauhaus is one o f the most we l l -known and in f luent ia l movements o f the modern is t e ra , be fore th is br ie f i t was the one tha t I fe l t I knew the most about . I t s s ty le o f a rch i tec ture is ver y re levant to the des ign s ty les o f the modern is t e ra , the th ings tha t Bauhaus represents i s the use o f min ima l des ign , gr ids and organ iza t ion th roughout your work . Bauhaus ar t i s ts managed to c rea te the most in te res t ing and we l l -des igned pos ters tha t I have ever looked a t . Noth ing about the des ign is random and i t has been ab le to c rea te a s ty le tha t can be so eas i l y recogn ized by a l l a r t i s ts and des igners .

I fee l tha t magaz ines des ign o f the cur ren t e ra has been la rge ly in f luenced by the compos i t ion s ty le o f the Bauhaus, the i r use o f gr ids and gu ide l ines where ver y par t icu la r. Th ings needed to be organ ized we l l enough and the most impor tan t aspect o f the i r des ign was to make sure tha t i t was leg ib le and pract ica l . Any th ing tha t wasn ’ t needed was s imply removed. Co lour i s a lso one o f the des ign fac tors tha t were l im i ted, the main co lours tha t seemed to be used where b lack , c ream, wh i te and red.

Typography s ty les a lso came out o f the Bauhaus movement , they where in favor o f sans ser i f t ypefaces , min ima l des ign and smooth l ines or l inear qua l i t ies .

PAULSCHUITMAPaul 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.

SCHUITMA

JOHANNES MOZAHNI 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.

JOHANNES MOZAHN

MODERNISMARCHITECTURE& FURNITURE

MODERNISMARCHITECTURE& FURNITURE

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.

KAREL

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 exper-iments with rounded shapes and the contrast of them.

POST MODERNISMDAVID CARSONRAY GUNMAGAZINE DESIGN

POST MODERNISMDAVID CARSON

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.

MAGAZINE DESIGN

NEVILLE BRODY

NEVILLE BRODY

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

MICHEAL PLATEI 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 lettering 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 RESEARCHWWW.SHANNY12.WORDPRESS.COMThis is a web address that i wasgiven through the brief that would give me information about differentpart 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 lettering. Rand is one of th worlds most famous graphic designers, he is mostly well known for corporate logo designs incudingthe 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.

WEB RESEARCHWWW.SHANNY12.WORDPRESS.COM

PAUL RAND

Rand is one of th worlds most famous graphic designers, he is mostly well known for corporate logo designs incudingthe 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.

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, height-ened use magazine was designed by Ter-ry Jones who utilized aggressive collages, heightened use of color, and experimental typography to achieve a striking, dramat-ic design aesthetic. As postmodernism favors expressive designs and a rebellion against for strict constraints, and many of the designers who pioneered this move-ment 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 in-volves expertise in strategy, communication, brand-ing 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.

CONNECTIONKRUGER & FAIREYWhen i was looking through artists that represented both modernism and post moderism. I thought that it was interest-ing 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.

CONNECTIONKRUGER & FAIREY

AVANT- GARDE GRAPHICS ANALYSISThe 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 accessible, this transcribed into graphic design, visual language, poster, advertisements and illustrative magazines. This allowed graphic design to become a new way of communicating for both political and commercial means.

From modernism Bauhaus also emerged this allowed students in Germany to ex-periment with different materials, meth-ods of working, design procedures, they where taught in a minimal way, that less is more. They where taught to use crea-tive vocabulary, boldness in their work, composition, printing. I believe that this had drastically influenced the way that I am taught now even a hundred years later, this style of teaching trickled down through other German art schools and has now been adapted into a new modern way of teaching.

Other aspect of design that was explored in this book was typography, photography and photomontage. This I feel was the first example of photo editing, taking an image and distorting, manipulating and editing it

AVANT- GARDE GRAPHICS ANALYSISbecame more accessible, this transcribed into graphic design, visual language, poster, advertisements and illustrative magazines. This allowed graphic design to become a new way of communicating for both political and commercial means.

From modernism Bauhaus also emerged this allowed students in Germany to ex-periment with different materials, meth-ods of working, design procedures, they where taught in a minimal way, that less is more. They where taught to use crea-tive vocabulary, boldness in their work, composition, printing. I believe that this had drastically influenced the way that I am taught now even a hundred years later, this style of teaching trickled down through other German art schools and has now been adapted into a new modern way of teaching.

Other aspect of design that was explored in this book was typography, photography and photomontage. This I feel was the first example of photo editing, taking an image and distorting, manipulating 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 advertisements 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 just there. There is no choice, you have to breathe so you have to use helvetica’.

‘Its air, you know its just there. There is no choice, you have to breathe so you have to use helvetica’.

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 ad-vertising 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 mod-ernists, 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.

MODERNIST MAGAZINE DESIGN.

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.

MODERNIST MAGAZINE DESIGN.

POST MODERNISMMAGAZINE 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 ART COVERS.

ALBUM ART 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.

CREATIVE REVIEWFRONTCOVERS

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.

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 some-times 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.

EYE MAGAZINEI found that when looking into visual magazines they are all every different i think this is because they do all serve the same purpose so they have to differentiate themselves from eachother and the grid system is a great way to do this. Eye is a totallt different format to Creative review, the difference is shape is what has made it so that they have to create different grid systems when layout out pages. Eye generally uses two large columns on each page, this holds most of the copy but on either the inside or outside of the page there is a small thin column which could either be used for negative space to seperate the pages or to hold a small paragraph of writing which could be a description of the images or a reference. Images can be places in small clusters but often the overlap entire pages and sometimes overspill on to the adjoining page leaving just one column of writing. The format of each page is quite different and at times it was hard to see the grid within the pages since each one has such a different design but you can see how they have been payed out all on the same grid if you look for long enough you can see the patterns forming.

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.

EYE MAGAZINEI found that when looking into visual magazines they are all every different i think this is because they do all serve the same purpose so they have to differentiate themselves from eachother and the grid system is a great way to do this. Eye is a totallt different format to Creative review, the difference is shape is what has made it so that they have to create different grid systems when layout out pages. Eye generally uses two large columns on each page, this holds most of the copy but on either the inside or outside of the page there is a small thin column which could either be used for negative space to seperate the pages or to hold a small paragraph of writing which could be a description of the images or a reference. Images can be places in small clusters but often the overlap entire pages and sometimes overspill on to the adjoining page leaving just one column of writing. The format of each page is quite different and at times it was hard to see the grid within the pages since each one has such a different design but you can see how they have been payed out all on the same grid if you look for long enough you can see the patterns forming.

GRIDS & LAYOUT DESIGN.

To get a better understanding of what makes a good layout i thought that it would be helpful to look through some well known graohic design magazines such as creative review and eye and find layouts that i thought

worked well and that appealed to me. These where my findings.

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 they can have more columns in comparison to the usual A4 layout.Personally i prefered the creative review layout design and this is because it allows the space to be used a lot more effectivly. But the given format for my magazines is the adverage A4 so those where the ones that i felt i needed to pay more attention to. From this i was about to see what the grid was that the designers where working from and create my own. I had to design on gutters, margins, column numbers and also variate this design so that there are options for how i want to layout my pages and grids to work from. I made a

GRIDS & LAYOUT DESIGN.

To get a better understanding of what makes a good layout i thought that it would be helpful to look through some well known graohic design magazines such as creative review and eye and find layouts that i thought

worked well and that appealed to me. These where my findings.

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.

format meaning that they can have more columns in comparison to the usual A4 layout.Personally i prefered the creative review layout design and this is because it allows the space to be used a lot more effectivly. But the given format for my magazines is the adverage A4 so those where the ones that i felt i needed to pay more attention to. From this i was about to see what the grid was that the designers where working from and create my own. I had to design on gutters, margins, column numbers and also variate this design so that there are options for how i want to layout my pages and grids to work from. I made a

ROUGHSLAYOUTSEXPERIMENTATIONSCOMPOSITIONNEGATIVE SPACE

EXPERIMENTATIONSNEGATIVE SPACE

ROUGHSHere are the final roughs that i created, they represent the types of layouts that i will be using and they have been generated from the earlier

roughs that you can see previously in this book. I chose to keep the margins small but they are something that has not been sized up yet because i feel as though i will get a better idea of how these templates work once i have loaded them into indesign and used them practically.

From this i may see some amendments that i need to make.

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

ROUGHSHere are the final roughs that i created, they represent the types of layouts that i will be using and they have been generated from the earlier

roughs that you can see previously in this book. I chose to keep the margins small but they are something that has not been sized up yet because i feel as though i will get a better idea of how these templates work once i have loaded them into indesign and used them practically.

From this i may see some amendments 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.

Ways to communicate

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.

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.PAUL RAND

FORM FOLLOWS FUNCTION

FORM FOLLOWS FUNCTION

MASTHEAD DIGITAL ILLUSTATIONDESIGN NUMBER ONE

MASTHEAD DIGITAL ILLUSTATIONDESIGN NUMBER ONE

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 ILLUSTATIONDESIGN NUMBER TWO

MASTHEAD DIGITAL ILLUSTATIONDESIGN NUMBER TWO

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 cre-ate different variations using box-es 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 ILLUSTATIONDESIGN NUMBER THREE

MASTHEAD DIGITAL ILLUSTATIONDESIGN NUMBER THREE

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 design. This I found would have looked better if the smaller writing had also been made bold so that the whole of the logo would stand out as a piece rather than one section of the writing would stand out against the rest of the text.I think that from this i have been able to see that the top writing would have to be a lot smaller but maybe

new graphic design. This I found would have looked better if the smaller writing had also been made bold so that the whole of the logo would stand out as a piece rather than one section of the writing would stand out against the rest of the text.I think that from this i have been able to see that the top writing would have to be a lot smaller 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 VS POST.MODERNISM GRID SYS TEMS.MODERN LIVING.

MAGAZINE DESIGN. MANI

REV-

FURNITURE DESIGN.ARCHITECTURE. BAUHAUS. TYPOGRAPHY.FREE DESIGN. COLOUR.EXPERIMENTATION.OVER LAPPING. COLLAGE. NEW DESIGNERS. MUSIC.GRUNGE. STREET ART & GRAPHICS. CARSON. REID. BRODY. RAY GUN.FESTO. BRITISH PRIDE.CONSUMERISM. BRANDING.

MODERNISM VS POST.MODERNISM GRID SYS

MODERN LIVING.

MAGAZINE DESIGN. MANI

REV-

FURNITURE DESIGN.ARCHITECTURE. BAUHAUS. TYPOGRAPHY.FREE DESIGN. COLOUR.EXPERIMENTATION.OVER LAPPING. COLLAGE. NEW DESIGNERS. MUSIC.GRUNGE. STREET ART & GRAPHICS. CARSON. REID. BRODY. RAY GUN.FESTO. BRITISH PRIDE.CONSUMERISM. 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. I personally think that the first image looks the best because ‘new graphic design’ is all on one straight line. This looks so much better because it was all over one line and related better to the rest of the text. But i do think that writing one top should be thicker.

and white contrast. I personally think that the first image looks the best because ‘new graphic design’ is all on one straight line. This looks so much better because it was all over one line and related better to the rest of the text. But i do think that writing one top should be thicker.

From this i switched the colours to see if the effect would be more interesting and i think that it is. I then very roughly put the most recent mast head on a A4 image of ey words that i have previously featured in my own research. I like this concept as a idea for a front cover. It defiantly links back to modernism and the idea that text should be really organised and fit into a basic shape. But i thought that i needed to find a different typeface for the mast head that would link better to the type of helvetica, These two need to link well together.

From this i switched the colours to see if the effect would be more interesting and i think that it is. I then very roughly put the most recent mast head on a A4 image of ey words that i have previously featured in my own research. I like this concept as a idea for a front cover. It defiantly links back to modernism and the idea that text should be really organised and fit into a basic shape. But i thought that i needed to find a different typeface for the mast head that would link better to the type of helvetica, These two need to link well together.

ILLUSTRATOR EXPERIMENTATION.

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.

ILLUSTRATOR EXPERIMENTATION.

FINDING THE RIGHT FONTI 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 the design and ledgibility had changed, i dont really like it that much as i am not a fan of serif fonts, i find them too traditional and fussy for the purposes i use them for, Modern design is better.

FINDING THE RIGHT FONTof it over so that the design and ledgibility had changed, i dont really like it that much as i am not a fan of serif fonts, i find them too traditional and fussy for the purposes i use them for, Modern design is 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.

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

More Masthead Designs

A Process.

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

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.

More Masthead Designs

A Process.

For this design i went back to another font that i had previously used in some one my design but this time i decided to change the way that i was going to distort the ledgibility, i took away the whole bottom half of the letters. I really like the way that this looks and to me it gives the impression of a magazine that is edgy and new, it will be seen to be a publication that isnt affraid to experiment and take risks. This masthead would definatly be something that would entise a viewer and say someting about the magazine.

I thought that this design previously looked quite lost since it is so simple i thought that it needed someting to hold it together and make it stand out more as the obvious masthead. By putting the box around it it makes it seem more justified and professional.

For this design i went back to another font that i had previously used in some one my design but this time i decided to change the way that i was going to distort the ledgibility, i took away the whole bottom half of the letters. I really like the way that this looks and to me it gives the impression of a magazine that is edgy and new, it will be seen to be a publication that isnt affraid to experiment and take risks. This masthead would definatly be something that would entise a viewer and say someting about the magazine.

I thought that this design previously looked quite lost since it is so simple i thought that it needed someting to hold it together and make it stand out more as the obvious masthead. By putting the box around it it makes it seem more justified and professional.

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 COVERAfter 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

VARIATIONS OF THE FRONT COVERthat 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 pro-duced 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 typogra-phy. 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 replacing 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 op-tions 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.

These are just other examples of more experimentation that i have done, i thought that this design needed something else. It seemed too cramped for me and all the elements of this design seem to compete with eachother so firstly i experimented with colour, adding red to see if this would break the design but i think that this just added colour but didnt make a real design impact. So i thought that maybe cutting down the text and fitting it infor a F shape for form and function then this would give more negative space. But the final thing that i thought would be interesting would be to edit the image that i already had, changing the hue and saturation as well as duplicating the layers and over lapping them but from this i thought that it didnt actually look that mich different and this image also didnt give much room for the masthead to work well enough.

These are just other examples of more experimentation that i have done, i thought that this design needed something else. It seemed too cramped for me and all the elements of this design seem to compete with eachother so firstly i experimented with colour, adding red to see if this would break the design but i think that this just added colour but didnt make a real design impact. So i thought that maybe cutting down the text and fitting it infor a F shape for form and function then this would give more negative space. But the final thing that i thought would be interesting would be to edit the image that i already had, changing the hue and saturation as well as duplicating the layers and over lapping them but from this i thought that it didnt actually look that mich different and this image also didnt give much room for the masthead to work well enough.

MY NEXT STEP

I have now decided that my next step is to take this imagery to the laser printer where it will be made into a stencil that i will be able to use with spray paint to create the art work for my final cover image. This will then be scanned in and edited to that all the different colours that i use will be able to be manipulated in in design. I think that from this i will be able to change the colour and make different styles and versions.

I have now decided that my next step is to take this imagery to the laser printer where it will be made into a stencil that i will be able to use with spray paint to create the art work for my final cover image. This will then be scanned in and edited to that all the different colours that i use will be able to be manipulated in in design. I think that from this i will be able to change the colour and make different styles 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

This is a scan of my final stencil, i scanned it in without putting a piece of white paper behind it to stop the light coming through but ididnt do that and the effect was that i ended up getting a light effect. From this scan i put it into photoshop and edited it so that the outlining was more dominant. My first intention for the stencil was to spray paint it but i did really like the simplicity of the natural stencil so this is a possibility for my final front cover.I am going to

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.Another part of this stencil was the masthead and it was created in the exact same way so they do look very good together. This makes it look as though the mast head has been changed so that it looks like the designers have changed everything on the front so that it looks like the issue has a style and a theme.

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 VARIATIONS.

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

MASTHEAD 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 VARIATIONS.SPRAY AND COMPUTER GENERATED

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

FRONT COVER VARIATIONS.SPRAY AND COMPUTER 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 VARIATIONS.THE FINAL OPTIONS.

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 twodifferent 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

FRONT COVER VARIATIONS.THE FINAL OPTIONS.

do know that it works betterwith 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.