Visual Systems by Kieran James Graphic Design

VISUAL SYSTEMS

Visual Systems Kieran James

Visual Systems BA (hons) Graphic Design Level 5

Contents Page Visual Synthesis

Brainstorms Initial Research Sound Experiments Ink Experiments Cutting the Pipes Our System Critical Evaluation

4 7 8 10 14 19 20

Industry Visits

Research into Industry Industry List/Questions Critical Evaluation

26 27 28

Wayfinding

Brainstorms Initial Research Initial Development Testing Light Streams Brownsea Island Photoshoot Final Vector Signs Final Designs Exhibition Critical Evaluation

32 34 36 38 40 43 44 46 48

Subvet

Brainstorms Research Creating the Adverts Final Pieces Critical Evaluation

52 54 56 60 66

Visual Crypsis

Brainstorms Research Further Research Development Homeless Photoshoot Further Development Final Experimentations Final Designs Social Awarness Campaign Making the Video Critical Evaluation

70 72 74 76 78 82 85 87 90 94 96

Display Book

Initial Book Designs Perfect Binding Final Designs Critical Evaluation

100 102 104 106

Type Rules

109

Initial Ideas Final Design Final Book

110 112 114

Final Critical Evaluation

116

Bibliography

118

A Collaboration between: Myself Charles Rodriguez Ravina Patel Christiana Wilson Will Curtiss

Assignment 1: Visual Synthesis â&#x20AC;&#x153;...the systems approach involves the pursuit of truth (science) and its effective use (technology), plenty (economics), the good (ethics and morality), and beauty and fun (aesthetics).â&#x20AC;? Russell L. Ackoff

Brainstorms

initial brainstorms, looking at what type of data i can record

a brainstorm that looks deeper into the aub campus and how people interact with it.

my recorded data, and trying to define a system and visualise the data.

Initial Research From my Brainstorms I had 3 mains ideas that I wanted to work with. The first being an interactive map streaming the sound live from the AUB campus and representing it as colour or patterns. My second idea was to take forensic samples from round the AUB campus and using a microscope to get a snapshot of cells and bacteria, I thought this would provide a alternate look at the campus. My third idea was using to use tracking apps on peoples phones to see how they interact with the uni and find the most popular areas of the campus at different times throughout the day. I decided to go run with the sound idea and do some research into it and start to record my own data, I initially sat in certain parts of the AUB campus at various times and download a decibel meter on my phone and recorded the decibel data for 30 minute periods. I then took this data and opened it in the application numbers on my mac and made a graph using all the data. The problem was because there was so much data the graph it produced was massive and unusable as it crashed my mac every time I tried to make any changes to it or explore a certain part of the data. So I realised that I needed to record smaller amounts of data at frequent intervals throughout the day to see some sort of patterns among the data.

Sound Experiments

My group then showed me some recordings they did with a programme called Audacity, and the way he visually represented the data was a lot more interesting, as he produced spectrograms.

Sound Recordings

library

refectory

uh113

uh104a

I then downloaded the Audacity programme and re recorded the data but just did 5 second recordings at different times throughout the day in 5 buildings on campus so it produced a snapshot recording of one day on the AUB campus rather than the live stream I wanted before.

Ink Experiments I then had the idea play the recorded sound through a speaker which I had squirted some ink onto and record it in slow motion and take frames of the video and use the ink patterns as visual representation of the data. We then had a group tutorial in which we showed the data I recorded and the ink patterns I had recorded and Will showed the ones he did, I thought that this would be enough for us to start making the final piece but we needed a system to apply to this data to then work on the idea. We then met after the tutorial to come up with a system for our data, and decided that if we play the recorded sounds through the speakers again but have paper underneath the speaker with a circular grid drawn out on it so we could record the data and see the spread of ink and then use these grids as our system. We then wrote our system down as ‘Using the average spread pattern from the ink experiment as a “grid”, we will identify concentrated areas, and represent the data using metal pipes to create an abstract wind chime.’ We decided that the final exhibition piece could be a wind chime because we thought that the final piece could have sound linked in in some way, due to the fact that our data was recordings of sound. We did some experiments with rolled up paper and thread to get a sense of what the final piece would look like.

playing the library recording through my speaker 10

I produced the ink splatter pieces from my sound recordings, I produced individual measurements from individual room recordings and also one grid with splatters from all rooms, with different colour inks representing different rooms. We ended up using the piece of paper with all the ink splatters from all the rooms recordings ink on it, and drew round the concentrated areas of ink on tracing paper. We then used the different diameters of the circles to come up with three size thicknesses that we would represent using three different sized metal pipes.

prototype of wind chime using paper to get a rough idea of how the final thing will look. 12

Cutting the Pipes When they arrived we went to the workshop and used hacksaws to cut them down to size, and then drilled holes in the top so we could place the string through to hang them. Once all the string was threaded through and cut to the right length we were ready to start hanging them from the ceiling, but then we hit a problem as we were then told we wouldnâ&#x20AC;&#x2122;t be allowed to place that many holes into the studio ceiling. So we had to find a piece of board and that we could use to replace one of the ceiling tiles that we could drill into and let it hang in the studio. Once we found one Charles and Will went back over to the workshop to drill holes into the board in the same places as the concentrated areas of ink so the pipes would hang in the right position.

After that was done it was just the case of threading the string through the board in the right places and getting it to hang evenly. We then had to remove a ceiling tile in the studio and replace it with our wooden board, untangle any strings and open the door to let the wind blow the wind chime and produce a sound that was representative of the AUB campus.

threading the string through the board and building the windchime in the graphics studio.

the final windchime buildt and installed in the studio

Our System: ‘Using the average spread pattern from the ink experiment as a “grid”, we will identify concentrated areas, and represent the data using metal pipes to create an abstract wind chime.’ 19

Critical Evaluation For this project I focused on the sound of the AUB campus, recording sound from different rooms and buildings throughout the campus. Which I then played through a speaker covered in ink, and measured the concentration of areas of ink. We then took this data and represented it as a wind chime which we then hung in the Graphics Studio and the sound that was produced by the wind chime was representative of the sound of AUB mixed with the randomness of the wind. I have developed my conceptual thinking on this project and grasping what a system is and how its useful to define it and apply it to data. Also working in a team and taking on others ideas and working with them to come up with the best answer to the brief. My strengths in this project are the execution of our idea, creating something that is aesthetically pleasing, with good material selection that was appropriate to the system we made. It also relates back to the original data collection method of sound. Also the development of the idea was strong and diverse, we didnâ&#x20AC;&#x2122;t jump to the first idea, and when we were developing we kept pushing the idea, as the ink splatter patterns could have been enough as a date visualisation system, but we pushed it to create something different and relevant to our initial date collection. My weaknesses with this project was as much as we developed the wind chime idea, we should have looked more into the different sound it would make depending on other factors, not just due to the thickness of the pipe but also the length and how we could have applied another set of data to determine this factor and thus developed it further. To improve on this project I think I need to place it into an environment probably the AUB campus and see how the campus and people interact with it. Also develop in into an installation piece that people could interact with it and would make sound not based off of wind but the people of AUB and how they interact with it. This would involve fun theory, the idea that because its fun and interactive you could encourage people do more with it. To do this I would need to research into appropriate materials that would be cheap to make big 8 ft tubes that would still make sound when hit together but also be safe for people to interact with and not injure them.

Project Development after Critique

I developed the wind chime idea further by placing it into an environment that was relevant, the AUB campus. I made some some mockups of how I feel it could work and feel as an interactive piece, which the people of AUB interact with the piece to create a new sound of AUB.

A Collaboration between: Myself Tammy Johal Alexandros Kosmidis James Marshall Adam Hassen Akira Mimasu

Assignment 2: Industry Visits & Research “I feel the designer’s role has changed in recent years from one of creating beautiful forms or clear identification for brands to one where the designer himself visualizes the possibilities of an industry.” Kenya Hara

Research into Industries

Final Industry List

Questions to Ask

1. graphic thought facility 23â&#x20AC;&#x201C;24 Easton Street London WC1X 0DS T. +44 20 7837 2525 E. info@graphicthoughtfacility.com

What piece of work or project has been your favorite since working at GTF?

2. why not 22c shepherdess walk london N1 7LB T. +44 (0)20 7253 2244 E. info@whynotassociates.com 3. biblioteque 10â&#x20AC;&#x201C;16 Scrutton Street London EC2A 4RU T. +44 (0) 20 7377 8060 E. studio@bibliothequedesign.com 4. wearegood 5 Cowcross Street London EC1M 6DW T. +44 (0)203 394 1558 E. hello@wearegood.com

What were the biggest changes to the way you worked in college/uni to the way you work now? What are the main differences between working for a corporate company like M&S or Habitiat, to working for museums like the design museum or tate? Are you working on anything really exciting at the moment which you could give us a sneak preview of? What would you say is unique to GTF? What is the difference between your first clients and the ones you have now?

5. big fish 11 Chelsea Wharf, 15 Lots Road, London SW10 0QJ T. +44(0)20 7795 0075 E. studio@bigfish.co.uk

Critical Evaluation We visited Graphic Thought Facility (GTF), a London-based graphic design agency for our industry visit. It was founded in 1990 by Royal College of Art graduates Paul Neale, Nigel Robinson and Andrew Stevens. We met with Andrew Stevens for our visit which was a surprise talking with one of the cofounders, when I thought we would have someone who was lower down the companies ladder to deal with some students. This showed us that they are really passionate about design and future designers as Andrew was directly involved. We spoke for an hour an a half in their studio, and was really interesting to see and hear all about the studios work over the years and how they’ve progressed and how the company came about, what sort of work they do the most and how Andrew sees things in terms of design. I wanted to visit GTF as they are diverse with their design style and areas of design, so I felt I could find something that reminds me of my work as well as looking to branch out into other styles and see how they fit in with studios body of work. The studio was not that big and didn’t look like much from the outside, and even when we got into the studio it was quite a small simple room, with a a few desks and iMacs. There was a small meeting area surrounded by a bookcase wall of art and design books and another one with some of the studios work. The meeting we had with Andrew Stevens was very informal and more of a conversation rather than an interview with us asking questions. He just asked us what sort of things we were interested in and what we wanted to know and he just spoke and grabbed examples of work that they’d produced to illustrate what he was saying. Which was a real insight into the company as a lot of the work we had already seen from out research into the studio but we got his commentary and thought process of the work as we were looking at it, giving us a greater understanding of the work. If I had the meeting again or for future industry visits, I would like to get more involved with the conversation and ask more about their influences and who they’d really like to work with and what designers and artist they are currently following and what they like about their work.

A Collaboration between: Myself & Jeevan Panesar

Assignment 3: Wayfinding â&#x20AC;&#x153;To design is much more than simply to assemble, to order, or even to edit: it is to add value and meaning, to illuminate, to simplify, to clarify, to modify, to dignify, to dramatize, to persuade, and perhaps even to amuse. To design is to transform prose into poetry.â&#x20AC;? Paul Rand

Brainstorms

From my brainstorms and initial research the idea that I felt had most potential was the nature trails for Brownsea Island. My initial ideas for the nature trails was to have a environmentally friendly signage system for the island to help visitors navigate round, while helping he conservation for the red squirrel. Or a time based signage system that let you know how long it would take to walk to different sections of the island depending on your location, so you wouldnâ&#x20AC;&#x2122;t miss the ferry and be stuck on the island for the night.

some initial sketches, trying to work out the logistics of the wayfinding system.

Initial Research

But when I looked into Brownsea Island more, they already had a simple signage system and the advice they gave in regard to the squirrels was to leave them be and not feed them. So I needed a new angle and upon further research I found that Brownsea Island was and is the home place of the scouts, with the original scout camp being on the island.

some initial research images from brownsea island, showing existing signs and totem pole-esque makers from visiting scout groups

I then decided to do a one off camp event for scouts to take place on Brownsea Island in the summer of 2015, and part of the camp would be a way finding adventure trail. I did some research into the sort of camps that scouts go on and what sort of things they do and navigation skills was part of it yet it seemed quite technical and boring, so I wanted to come up with a way of making it more fun yet still testing the scouts way finding skills. I looked into multi sensory signs and how blind and deaf people navigate through cities, and thought the same techniques could help me with my way finding trail.

Initial Development

sketches of ideas for the scout badge and the making of the touch wayfinding wood blocks.

final scout badge design.

Testing Light Streams

We got an LED light and a camera, and took a photos with a slow shutter speed to test out some light stream photos and see what it would look like to have different types of lighting in the forest. We tried small lights positioned on the floor and long light streams that looked like rope lighting. The light streams look more aesthetically pleasing but were too strong to actually be used for way finding as would be too obvious, where as small lights on the floor that were activated by sensor would be a lot more practical and challenging. As we thought the light would turn off as you got to it activating the new one which would slowly lead through the adventure trail.

Brownsea Island Photoshoot We focused on the five main senses: sight, hearing, taste, touch and smell, and split the trail into 5 sections and each sense would feature predominantly in each section of the trail. As this was the scouts we wanted to keep the mediums that we used to make the adventure trail to be simple, environmentally friendly, and non technical. So for sight we wanted to use lights and I looked at non toxic glow in the dark paint as well solar power lights. For smell I found some 100% natural, bio-degradable smelling powders, that also have a really strong vibrant colours. For sound we looked at wind up stereo system, or even more natural nut casings scattered along a path that would crunch when walking on letting the scout know they were on the right path. For taste we wanted something fun and also provide the scouts with a bit of energy so thought about having a small clue set in a jelly in the shape of a squirrel to represent Brownsea Island. And for touch have carved wooden blocks in the shape of arrows stuck on trees that would have to be felt in the dark to find the correct direction to go in.

a photoshoot where we tested out our whole multi-sensory trail for the first time.

initial sketches of the wayfinding signs, to let the scouts know which sense to use.

Final Vector Signs We created signs to go along with each section of the trail, with a symbol of which sense you had to use for the following section of the trail, we painted them with black paint first, then a glow in the dark layer so that the signs could be seen during the night when the majority of the adventure trail would take place.

the final vector signs used to depict what sense to use.

Final Designs

the final poster to advertise the event to scouts.

Exhibition We set up the exhibition showing a selection of the multi sensory clues and had photos of them working in their environment, along with a poster design for the event. We also had a map of the island with the route planned out and where each sense came into play.

the exhibition, showing a small selection of the work that was on show that day.

Critical Evaluation For this project I created a one off camping event for scouts that takes place on Brownsea Island and uses multi sensory clues to test the scouts wayfinding abilities to navigate a set path round the island. We focused on the five main senses: sight, hearing, taste, touch and smell. I feel that we achieved a strong wayfinding system that was clear and suited to its audience. I learnt to take on a lot of the work and do all the initial research and idea generation by myself, as for half of my project my group was absent, so had to take on all of the work load. I also learnt about way finding systems and how people navigate round and when signs and directions are needed and when theyâ&#x20AC;&#x2122;re not. My strengths for this project was the fun aspect of the normal, boring map skills and navigation aspects of the scouts. Also the Multi sensory aspects of the adventure trail were strong as it was a different technique to the wayfinding problem. Also the design we did for the scouts was modern and cool, which isnâ&#x20AC;&#x2122;t what people associate with the scouts, but from our research we found that this is there new approach to design and social media and I feel we emulated it well. The weaknesses with the project was that because of the multi sensory aspect, it felt quite separated from each other and there was a clash of styles, so if I had more time I would have refined the design and kept the style universal, so it all worked harmoniously together. Also the function-ability of the adventure trail would depend on the weather, as any rain or strong wind may interrupt the course on the part of the trail that relyâ&#x20AC;&#x2122;s on our weaker senses like smell and sound. To improve on this I could incorporate more naturally occurring things like the position of stars, to help navigate, but this would also depend on weather. Also I could make it simpler and make it so its on a smaller scale for young children and package it up to be sold, so parents could buy it and set it up for their children in their garden, like an easter egg hunt.

final exhibition pieces, showing all multi sensory clues

Assignment 4: Subvert “There is a better way to do it. Find it.” Thomas A. Edison

Brainstorms

I started looking at various brands associated with the starting points from my brainstorms, and after initial research into each one I made a list of areas and brands that I wanted to explore further and what their subversion of their brand had been.

my initial list of areas i found interesting, i decided to go for hugo boss and produced some development sketches.

Research I decided quickly on Hugo Boss and their association with the Nazi party from 1931, designing both the SA and SS Nazi uniforms, using French and Polish prisoners of war as forced labour for producing these garments. I felt that this association was relatively unknown by the general public so I wanted to design an advertising campaign substituting Hugo Boss models with well known members of the Nazi party such as Hitler and Goebbels.

hilter and nazi uniforms, to play around and have fun with. also some hugo boss adverts to manipulate.

Creating the Adverts I initially played around and manipulated some existing Hugo Boss adverts, by cutting out Hitlers head and placing it over the existing adverts. I also changed the aftershave featured in the advertisement by calling it â&#x20AC;&#x2DC;fascismâ&#x20AC;&#x2122; and played on the tagline of the advert. Also I manipulated some of the suits and created modern versions of the famous brown shirts, as if the Naziâ&#x20AC;&#x2122;s had won the war and this sort of clothing was common place. spoof hugo boss adverts, subverting the sophistication and class by replacing the models heads with hitler.

double page advert showing a modern look at the nazi sa uniform.

the hugo boss logo with the â&#x20AC;&#x2DC;oâ&#x20AC;&#x2DC; replaced with a swastika.

Final Pieces

I ended up looking at GQ’s ‘Men of the Year’ edition of the magazine, sponsored by Hugo Boss, which named Tony Blair as Philanthropist of the year 2014, a questionable award for a man responsible for the deaths of many in the middle east while in power. So produced a subverted edition of the GQ section, ‘Men of the Year 1933’ featuring well known Nazi members and their relevant ‘awards’.

double page advert showing a modern look at the nazi sa uniform.

double page feature hitler being the man of 1933.

Critical Evaluation For this project I looked at the fashion brand Hugo Boss and their association with the Nazi party, designing both the SA and SS Nazi uniforms. I designed an advertising campaign substituting Hugo Boss models with well known members of the Nazi party such as Hitler and Goebbels. I then ended up looking at GQ’s ‘Men of the Year’ edition of the magazine, sponsored by Hugo Boss and produced a subverted edition of GQ’s annual section, ‘Men of the Year 1933’ featuring well known Nazi members and their relevant ‘awards’ with the relevant adverts. I learnt a lot about companies and what they hide, whether it being a despicable past, lying about what is in their products, unethical practice or false advertising claims, and how they hide such things about them. The strengths of my project was the concept and that it fitted together well with, not only the design and mock adverts featuring hitler, but the use of colours and the way I used it to emulate Nazi propaganda, just a modern take on it. Also the final outcomes not only where they aesthetically pleasing, professional and humorous, but it subverted the GQ ‘Men of the Year’ section well, not just by copying what they’ve previously done but using their style to recreate and mock the whole idea of it. The weakness with this work was some of the layouts were slightly off with some of the body text being hard to read and also a lot of the body text was lorem ipsum filler text as I didn’t have enough time to write original body copy for the magazine layouts. To develop this work I just need to sort some of the body text out by altering the layout and slightly moving some of the images, also I could write some more body text out that subverts the concept even further, so its not just the design subverting the brand.

final subvertion exhibition piece, a gq mock magazine layout for ‘men of the year 1933’

A Collaboration between: Myself Jeevan Panesar Tammy Johal

Assignment 5: Visual Crypsis â&#x20AC;&#x153;Any system was a straightjacket if you insisted on adhering to it so totally and humourlessly.â&#x20AC;? Erica Jong

Brainstorms

From my brainstorm I had a few ideas that I wanted to run with, the cold activated floor panels to warn people thats it may be icy seemed the strongest idea to go with. I wanted an element that changed due to some sort of variable, whether it be interaction from someone, or a naturally occurring element like sunlight of time.

initial brainstorms looking at my previous systems, crypsis and elements that change.

Research We started to research into thermochromic ink and heat activated paper, to find out the best way to achieve this and if it was even possible. We found a lot of information and found out that using thermochromic ink you can make ink disappear when it gets below certain temperatures, like the cold activated graphics on the coors light bottles and cans.

inital research images, looking at elements that change due to a variable.

Further Research We then had the idea to go look at homeless people and how during the winter they are out on the street in freezing conditions. We were all aware that homelessness in bournemouth is a bigger problem than other places in the UK based on the large number of them you see. We found out that bournemouth has one of the highest populations of Homeless people outside of London. We initially wanted to make the council aware of this and make them do something about it, but upon further research, we found out it already does quite a bit and spend almost ÂŁ2 million a year on tackling this problem. So we decided to go bigger and force the government to make a change and finally sort out homelessness in a big western country, our goal is to inspire people to sign a petition online and raise awareness among the general public.

existing up to date ad campaings from the homeless charity crisis and their logo.

homelessness statisics and a banksy piece looking at the long term solution of homelessness.

Development

research into thermochromic ink and initial sketches. also idea development and functionality.

Homeless Photoshoot

some photos from a photoshoot round bournemouth town centre looking at homeless people.

Further Development

When doing our initial development and sketches we focused on three areas that we see homeless people, benches, sitting against sides of buildings and lying on the floor. This got too complex and with too many areas to focus on so we chose just to focus on benches and people interacting with them to reveal the message.

initial bench sketches and trying to work out a message to place on the bench.

idea development of the shape of the revealed area once it has become visible from the body heat

development of text on benches by using a chair and printing type on to it, to give us an idea of perspective.

Final Experimentations We found some thermochromic ink that turns clear when warmed above 20C so the would be activated from peoples body heat. So we designed a a bench filled with homelessness statistics and would paint it with the thermochromic ink, so it looked like a normal bench until someone sat on it for a couple minutes and the ink started to turn clear and reveal the image underneath.

final developments of our ideas, with other locations aswell as benches.

Final Designs

sketches for the final design of the graphic to go on the bench, working out spacing.

final sketch and photoshop version of the final design.

Social Awareness Campaign

the social media page mock ups adding to the realism of an actual campaign to fight homelessness.

the final design placed into more locations.

Making the Video

We then filmed people interacting with the bench and created a video for the homeless charity Crisis to be shared online as part of an online campaign to help homeless people this christmas, inspiring change.

video plan sketch, to help me visualise the final online video.

screengrabs from imovie and the final video, showing the development of the video.

Critical Evaluation For this project we looked at the Homeless problem in Bournemouth, and how its one of the highest populations of Homeless people outside of London. We decided to focus on the government to make a change. Our goal was to inspire people to sign a petition online and raise awareness among the general public, by designing a heat sensitive bench that reveals homeless statistics when sat on. Which we then filmed people interacting with it and created a video for the homeless charity Crisis to be shared online as part of an online campaign to help homeless people this christmas. I learnt more about working in a productive small group than I had before and how as there were only three of us we could work as a close group and meet and build on ideas and develop together, but it often felt as we couldnâ&#x20AC;&#x2122;t completely delegate separate section of the project to each other, so it felt as if we were all working on the same work and just picking the best outcomes. The strengths of this project was the concept using heat sensitive ink to reveal a message when interacted with, especially as the user didnâ&#x20AC;&#x2122;t know they had interacted with it until after the message was revealed. Also the context of it being on a bench which a lot of people associate with homeless people sleeping on, so an appropriate location. The weaknesses were that functionality of the bench and the fact that people may not look down to read the statistics and that the only section that will be revealed to them would be the section that they sat down on. Also the fact that after the person stands up the text on the bench would start, albeit slowly, to fade away and disguise itself as a normal bench again. To develop this project I would need to experiment with thermochromic ink in different temperatures and locations to see how they react. Also find a way that it would show up at night when a lot of homeless people are settling down for the night so become more visible, as I feel this would affect people on a more personal level and make them want to make a change more.

Assignment 6: Display Book â&#x20AC;&#x153;The grid system is an aid, not a guarantee. It permits a number of possible uses and each designer can look for a solution appropriate to his personal style. But one must learn how to use the grid; it is an art that requires practice.â&#x20AC;? Josef Muller-Brockmann

Initial Book Designs

my initial book sketches, working out grids and type sizes. I started with some initial sketches of my book design and quickly decided on 210mm x 210mm layout with a 3mm bleed and a 5 column grid. I did this as square books have a nice balanced feel, and you can produce big image spreads as well as simple spreads with body copy and nice white space. I chose Helvetica Neue at 8pt for my body text fitted to a baseline grid with 10pt spacing and Futura Medium at 18pt for my header text, as I am not a fan of oversized headers as they normally cause more problems with spacing and line length. Using my 5 column grid I will use a maximum of 3 columns for body copy as I can get about 60-80 characters per line, as this isnâ&#x20AC;&#x2122;t too much on the eye.

100

I drew out a quick page plan just to try and visualise and organise my content and get a rough idea of how many pages I will be using. I feel that this helped me to pick what content I felt was necessary and cut out all irrelevant content. Since I drew this out I have changed the page plan and cut out a lot of pages as my book was heading towards 150 pages and I want my book to be a concise recording of my journey for this project. I am aiming for about for approximately 100 sides.

101

Perfect Binding I decided to perfect bind my book, as I felt a nice simple, clean binding would be appropriate, for the style of my book. I also like the simple wrap a round cover and cutting it so its flush with the edges of the paper. I did a session of Perfect Binding to refresh my memory of how to do it, so I donâ&#x20AC;&#x2122;t make any mistakes on my final book.

102

103

Final Designs I have taken inspiration from International Typographic Style and Swiss Style for my layout and font choice as I feel that sans-serifs are nicer to read and to look at and I like the simple clean layouts of Swiss Style books such as Grid Systems by Muller-Brockmann and Typographie by Emil Ruder.

screen grabs from my indesign showing my design process and working toward the final design.

104

105

Critical Evaluation For my display book I selected a 210mm x 210mm layout with a 3mm bleed and a 5 column grid. I chose this as I have made a square book before and it is a comfortable size which allows for big full page images with room for nice balanced body text with a nice line length of about 60-80 characters at 8pt type. I chose Futura Medium at 18pt for my header text and Helvetica Neue at 8pt for my body text fitted to a baseline grid with 10pt spacing, so that the body content doesn’t feel too tight, and has room for each line to flow onto the next. I have taken inspiration from International Style and Swiss Style for my layout and font choice as I feel that sans-serifs are nicer to read and to look at. When making this book I struggled with organising my content and ordering it in a way that tells a story, also the hierarchy of content, such as what I should include where and what should take precedence over other content. Also finding a nice balance between text and image so it doesn’t feel too heavy either way. My strengths with this book is the work that I’m including as I feel all the work I’ve produced this year so far has been strong bodies of work. Also the general design of the book, as I feel that it is has a uniform style and looks consistent throughout. My weakness with this book is that with earlier projects I hadn’t documented it as well as I could have and a lot of my research and initial idea generation was not written down or on loose paper which was lost. For my next project I am going to keep a sketchbook so that all my work is documented and in order, which will help me build more of a consistent journey when reflecting back.

106

107

A Collaboration between: Level 5 BA (hons) Graphic Design

108

Type Rules A collabarative project to create a type rules book outlining the type doâ&#x20AC;&#x2122;s and dontâ&#x20AC;&#x2122;s

109

Initial Ideas

For the type rules book my group was given Vertical Letters and Explore Your Fonts. Firstly I drew out some ideas playing around with the idea of vertical letters and writing everything vertically so it became unreadable to illustrate the point that vertical letters is a bad idea. I then moved onto explore you fonts and with this I thought about displaying the same word in about 12 fonts so it would have a practical use as you could use it to find a good font that was relevant to a project. I played around with different style and have the word greyed out with the font name and a bit of information about said font worked quite nicely.

110

initial sketches and development of our section of the type book, with my fisrt indesign mockup.

111

Final Design

We then displayed all of our work out in a group and picked the best elements of each bit of work and decided on a final design, we just then had to produce it on indesign. After we did this we just had the last odd edits to sort out and then sent it to Ben Gilpin and Sam Brown, who compiled all of Level 5’s into the final type rules book, called ‘Can You Read This!’

112

our final designs of our type rules section, along with the final pages in the book.

113

114

115

Final Critical Evaluation For this Visual Systems unit, I have achieved a vast amount of work in only a small period of time. Achieving 6 assignments, a collaborative type rule book and a collaborative pop up shop project with Visual Communication. I have worked in groups and independently, giving a nice mix of workloads, I feel my outcomes for each project have been strong and my research and development has been intensive. During this project I have had to learn about systems and learn how to think more conceptually. Wrapping my head round systems was one the hardest things about this project as I had never used of identified a system before and I was thinking too deep into the concept of systems, rather than keeping it it simple and just defining a few elements of my project that it would have to adhere to and building my system from there. I didn’t realise at first that a system could be anything that had defined terms or rules such as a colour system or a grid system. My strengths with this project were the final outcomes, as I feel after a lot of work and conceptual thinking I got my head around the briefs and always had a good concept, and executed the design to a professional level. Also I feel for each project my research had been in depth and from a range of sources, I wasn’t afraid to venture out and capture primary research like photography. Also I wasn’t afraid to try new things out and experiment with materials, such as with the Visual Synthesis project and the wind chime we made from scratch. My weaknesses with this whole projects was documentation of my work, as I didn’t keep a sketchbook and just did stuff on loose paper, so a lot of it was in the wrong order and some of it was lost, so there was more research and development I had but I couldn’t include in my book. Also after my critiques I should have developed my projects further from the feedback I got from tutors and peers, but I didn’t have time and only managed to develop the Visual Synthesis project, and Subvert, but that was because there wasn’t much to develop, just sorting out some type and layouts. To improve on this unit I would like to have made more physical mockups of final pieces, like I did in the Visual Synthesis project with the wind chime, as it looked more aesthetically pleasing just generally nicer to see it like that rather than a photoshopped mockups thats printed, for example the Visual Crypsis project. Actually using thermochromic ink and applying our design to a bench in town centre would have just worked a lot better than photoshopping our design onto a bench.

116

117

Bibliography Adbusters (no date)Adbusters, AdbustersAdbusters. Adbusters | Journal of the mental environment. Available at: https://www.adbusters.org/ (Accessed: 3 November 2014). Adolf Hitler. (n.d). [online image]. Available from: http://blog.findmypast.co.uk/wp-content/uploads/ sites/3/2014/02/hitler1.jpg azmanam (2011)Coors Light Cold-Activated Bottles: How Does It Work?, Chemistry BlogChemistry Blog. Chemistry Blog. Available at: http://www.chemistry-blog.com/2011/08/02/coors-light-coldactivated-bottles-how-does-it-work/ (Accessed: 10 November 2014). Banksy. I Want Change. (2004). [online image]. Available from: http://www.holytaco.com/25-coolestbanksy-graffiti/ Banksy (2006)Wall and Piece. United Kingdom: Random House UK. BBC (2011) ‘Hugo Boss apology for Nazi past’, BBCBBC Europe, 21 September. Available at: http:// www.bbc.co.uk/news/world-europe-15008682 (Accessed: 2 November 2014). BBC (2014) ‘Soup kitchen “affecting tourism”’, BBCBBC Dorset, 21 September. Available at: http:// www.bbc.co.uk/news/uk-england-dorset-29301601 (Accessed: 13 November 2014). Bellamy, J. (2012)POM: Not So Wonderful, Science Based MedicineScience Based Medicine. Science Based Medicine. Available at: http://www.sciencebasedmedicine.org/pom-not-so-wonderful/ (Accessed: 1 November 2014). Caffeine Informer (no date)Sugar in Drinks, Caffeine InformerCaffeine Informer. Caffeine Informer. Available at: http://www.caffeineinformer.com/sugar-in-drinks (Accessed: 1 December 2014). Coelsblog. Hitler Despised Atheism as Much as Pope Benedict Does. (2013). [online image]. Availabe from: https://coelsblog.wordpress.com/2013/01/09/hitler-despised-atheism-as-much-as-popebenedict-does/ Creative Guerrilla Marketing (no date)What Is Guerrilla Marketing?, Creative Guerrilla MarketingCreative Guerrilla Marketing. Creative Guerrilla Marketing. Available at: http://www.creativeguerrillamarketing. com/what-is-guerrilla-marketing/ (Accessed: 10 November 2014). Crow, D. (2010)Visible Signs: An Introduction to Semiotics in the Visual Arts. Switzerland: AVA Publishing SA. crypsis (no date) Wordnik. Wordnik.com. Available at: https://www.wordnik.com/words/crypsis (Accessed: 10 November 2014).

118

CTI Inks. Coors Ligt Beer Cans. (n.d). [online image]. Available from: http://www.ctiinks.com/products/ temperature-inks/ Designboom (2010)Sagmeister & walsh compete to remix the adobe logo on a », DesignboomDesignboom. stefan sagmeister talk at vienna design week 2010 - designboom | architecture & design magazine. Available at: http://www.designboom.com/design/stefan-sagmeistertalk-at-vienna-design-week-2010/ (Accessed: 1 December 2014). Di-Battista, M. Hugo Boss Advert. (2013). [online image]. Available from: http://frankupdates. com/?p=8731#more-8731 Eat Me Daily (2008)Coors Light’s Cold-Activated Bottles and Cans Are Like Freaky Freezy Gloves For Beer, Eat Me DailyEat Me Daily. Coors Light’s Cold-Activated Bottles and Cans Are Like Freaky Freezy Gloves For Beer. Available at: http://www.eatmedaily.com/2008/11/coors-lights-cold-activated-bottlesand-cans-are-like-freaky-freezy-gloves-for-beer/ (Accessed: 10 November 2014). Eye Magazine (2001)Eye Magazine, Eye MagazineEye Magazine. Eye Magazine | Feature | Reputations: Graphic Thought Facility. Available at: http://www.eyemagazine.com/feature/article/reputations-graphicthought-facility (Accessed: 23 November 2014). Falardeau, M. Hugo Boss Clothing. (n.d). [online image]. Available from: http://mancunion. com/2013/11/04/german-fashion-manufacturers-capitalising-on-the-holocaust/ Friedl, F. and etc. (1998)Typography. United Kingdom: Konemann UK Ltd. Garfield, S. (2011)Just My Type: A Book About Fonts. United Kingdom: Profile Books Ltd. GQ (2014) ‘GQ Men of the Year 2014’, Jones, D.British GQ, October. Graphic Thought Facility (no date)Graphic Thought Facility, Graphic Thought FacilityGraphic Thought Facility. Graphic Thought Facility. Available at: http://www.graphicthoughtfacility.com/ (Accessed: 20 October 2014). Graphic Thought Facility. Kvadrat. (2014). [online image]. Available from: http://www. graphicthoughtfacility.com/divina/ Graphic Thought Facility. MeBox customisable storage system. (2002). [online image]. Available from: http://www.graphicthoughtfacility.com/graphic-thought-facility-mebox-product/ Guerrilla. Neglected Children. (2014). [online image]. Available from: http://www.locotoday.com/bestguerrilla-ads-2014-inspirational-best-guerilla-ads-2014/ Hamann, H. What Being Homeless at Christmas Taught Me About Leadership. (2014). [online image]. Available from: http://www.huffingtonpost.com/holly-hamann/what-being-homeless-at-ch_b_4532301. html Heller, S. and Vienne, V. (2012)100 Ideas That Changed Graphic Design. United Kingdom: Laurence King Publishing Ltd.

119

Hollis, R. (2002)Graphic Design: A Concise History. United Kingdom: Thames & Hudson Ltd. Homeless UK (no date)Bournemouth Churches HA - St Paul’s Hostel, Homeless UKHomeless UK. Bournemouth Churches HA - St Paul’s Hostel. Available at: http://www.homelessuk.org/details. asp?id=HO1007470 (Accessed: 13 November 2014). How you can help (no date) Crisis. Available at: http://www.crisis.org.uk/pages/help-from-the-council (Accessed: 19 November 2014). Hugo Boss Advert. (n.d). [online image]. Available from: http://i305.photobucket.com/albums/nn225/ kuki3333/2010%20hugo%20boss%20watches/98fdca298ca423e0_hugo_BOSS_Black_Sprin2010_ ad_2preview.jpg?t=1287843139 Hugo Boss (no date)Men, Hugo BossHugo Boss Mens. Essentials. Available at: http://www.hugoboss. com/uk/men/ (Accessed: 2 November 2014). Ingledew, J. (no date)The A-Z of Visual Ideas: How to Solve Any Creative Brief. United Kingdom: Laurence King Publishing. Kidd, C. (2013)GO: A Kidd’s Guide to Graphic Design. United States: Workman Publishing Company. Klein, N. (2010)No logo: no space, no choice, no jobs. United Kingdom: HarperCollins Publishers. Lord_Pruitt (no date)Copper tubing wind chime, InstructablesInstructables. Instructables. Available at: http://www.instructables.com/id/Copper-tubing-wind-chime/ (Accessed: 13 October 2014). Macalister, T. (2013) ‘Starbucks pays corporation tax in UK for first time in five years’,The Guardian, 23 June. Available at: http://www.theguardian.com/business/2013/jun/23/starbucks-pays-corporation-tax (Accessed: 1 November 2014). Mason, R. (2013) ‘Number of homeless in England has risen for 3 years in a row, report says’, The GuardianThe Guardian, 13 December. Available at: http://www.theguardian.com/society/2013/dec/13/ homeless-numbers-increase-three-years-england (Accessed: 1 December 2014). Miklos, V. (2013). An Illustrated History of Unbelievably Camouflaged Ships. [online]. Available from: http://io9.com/an-illustrated-history-of-unbelievably-camouflaged-ship-676257937 Müller-Brockmann, J. (1988)Grid Systems in Graphic Design: A Visual Communications Manual. 4th edn. United States: Hastings House, a division of United Publishers Group. National Trust (no date)Brownsea Island, National TrustNational Trust. 5DA5D4A7021ECE847C6E3E8CA86FCD2E. Available at: http://www.nationaltrust.org.uk/brownseaisland/ (Accessed: 23 October 2014). New at Pentagram (no date) Pentagram. Marina Willer | New at Pentagram. Available at: http://new. pentagram.com/category/partners/marina-willer/ (Accessed: 12 November 2014). Noble, I. and Bestley, R. (2011)Visual Research (Second Edition): An Introduction to Research Methodologies in Graphic Design. Switzerland: AVA Publishing SA.

120

Ordnance Survey. Map of Brownsea Island. (2012). [online image]. Available from: http://en.wikipedia. org/wiki/Brownsea_Island#mediaviewer/File:Brownsea_Island_OS_OpenData_map.png Phaidon (no date)Behind the Scenes: Graphic Thought Facility, PhaidonPhaidon. Behind the Scenes: Graphic Thought Facility | Graphic Design | Agenda | Phaidon. Available at: http://uk.phaidon.com/ agenda/graphic-design/picture-galleries/2012/october/23/behind-the-scenes-graphic-thought-facility/ (Accessed: 24 November 2014). Poole Scouts (no date)Poole District Scouts, Poole ScoutsPoole Scouts. Poole District Scouts. Available at: http://www.poolescouts.org.uk/ (Accessed: 25 October 2014). Poynor, R. and Booth-Clibborn, E. (2000)Typography Now: The Next Wave. United Kingdom: BoothClibborn Editions. Scott, M. (no date)Visualising sound and rhythm, PinterestPinterest. behance.net. Available at: http:// www.pinterest.com/mikeyscottjr/visualising-sound-and-rhythm/ (Accessed: 5 October 2014). Scouts (no date)Scout badges and awards, ScoutsScouts. Member Resources. Available at: https:// members.scouts.org.uk/supportresources/2968/scout-badges-and-awards (Accessed: 24 November 2014). Scout Shop (no date)Scout Shop, Scout ShopScout Shop. Available at: http://shop.scouts.org.uk/c160-scarves-woggles.aspx (Accessed: 27 October 2014). Simpson, G. (no date)AMNESTY INTERNATIONAL (HOMELESS), Simpson, G.Graham Simpson. Graham Simpson. Available at: http://grahamlsimpson.com/Homeless.html (Accessed: 10 November 2014). Sweney, M. (2009) ‘“Cheat death” drink ad banned’,The Guardian, 8 April. Available at: http://www. theguardian.com/media/2009/apr/08/asa-cheat-death-pom-wonderful-ad (Accessed: 1 November 2014). The Crown (2014)Rough Sleeping Statistics England - Autumn 2013, The CrownGOV.UK. Available at: https://www.gov.uk/government/uploads/system/uploads/attachment_data/file/284024/Rough_ Sleeping_Statistics_England_-_Autumn_2013.pdf (Accessed: 17 November 2014). Thermochromic VinylFlex Matt Liquid crystal sheet 25°-30°C (221 x 202mm) (no date) Colour Changing. MAN FLU! Lichtenstein Style Art Thermostrip® Forehead Thermometer. Available at: http://www. colourchanging.co.uk/education/thermochromic-heat-sensitive-sheets/thermochromic-vinylflex-mattliquid-crystal-sheet-25a-30a-c-221-x-202mm-/prod_368.html (Accessed: 13 November 2014). Truth In Advertising (no date)Worst Celebrity Pitchmen 2014, Truth In AdvertisingTruth In Advertising. Home - Truth In Advertising. Available at: https://www.truthinadvertising.org/ (Accessed: 3 November 2014). Vit, A. and Gomez-Palacio, B. (2012)Graphic Design, Referenced: A Visual Guide to the Language, Applications, and History of Graphic Design. United States: Rockport Publishers Inc.

121

Walters, G. (2013) ‘Shameful truth about Hugo Boss’s links to the Nazis revealed: As Russe’, Daily MailDaily Mail, 6 September. Available at: http://www.dailymail.co.uk/news/article-2413371/Shamefultruth-Hugo-Bosss-links-Nazis-revealed-As-Russell-Brand-thrown-party-accusing-fashion-designerhelping-Hitler.html (Accessed: 2 November 2014). Weston, M. Brownsea Island. (n.d). [online image]. Available from: http://www.dorsetguide.com/ brownsea-island.html Wikipedia (2014) ‘Brownsea Island Scout camp’, WikipediaWikipedia. Wikipedia. Available at: http:// en.wikipedia.org/wiki/Brownsea_Island_Scout_camp (Accessed: 24 October 2014). Wikipedia (2014) ‘Hugo Boss (fashion designer)’, WikipediaWikipedia. Wikipedia. Available at: http:// en.wikipedia.org/wiki/Hugo_Boss_(fashion_designer) (Accessed: 1 November 2014). Wikipedia (2014) ‘Nazi propaganda’, WikipediaWikipedia. Wikipedia. Available at: http://en.wikipedia. org/wiki/Nazi_propaganda (Accessed: 3 November 2014). Wikipedia (2014) ‘Sense’, WikipediaWikipedia. Wikipedia. Available at: http://en.wikipedia.org/wiki/ Sense#Other_internal_senses (Accessed: 28 October 2014). Wikipedia (2014) ‘Thermochromism’, WikipediaWikipedia. Wikipedia. Available at: http://en.wikipedia. org/wiki/Thermochromism (Accessed: 10 November 2014). Wikipedia (2014) ‘Uniforms and insignia of the Schutzstaffel’, WikipediaWikipedia. Wikipedia. Available at: http://en.wikipedia.org/wiki/Uniforms_and_insignia_of_the_Schutzstaffel (Accessed: 3 November 2014). Williams, J. (2012)Type Matters!. United Kingdom: Perseus Distribution Services. Yanko. Coral Thermochromic Pan. (2009). ). [online image]. Available from: http://www.yankodesign. com/2009/11/13/colors-for-cooking/.

122

123