T HINK YR1 BA Hons In Graphic Design - Ba Hons Interactive Media
Daniel Carabott
Process Digital Sketchbook
Imagi
ination Journal Process Scamper Introduction Class Exercise Sketches Research Reverse Thinking Class Exercise Sketches Research Questioning Assumptions Class Exercise Sketches Research Synectics Class Exercise Sketches Research
Process Digital Sketchbook
D e s Journal Process Ideas & Selection Random Design Brief Human Colony Mars Brainstorm Thumnail Sketches Visual Reserach Detailed Sketches Spa in Japan Brainstorm Thumnail Sketches Visual Reserach Detailed Sketches Hacker Collection Brainstorm Thumnail Sketches Visual Reserach Detailed Sketches
Journal Process Ideas & Selection Random Design Brief German Train Station Brainstorm Thumnail Sketches Visual Reserach Detailed Sketches Vehicle Rhino Wrap Brainstorm Thumnail Sketches Visual Reserach Detailed Sketches 404 Ramen Page Brainstorm Thumnail Sketches Visual Reserach Detailed Sketches
i g n Journal Process Refining Design 3 Test Pieces Summary of Feedback 404 Ramen Test Piece Revised Brainstorming Research Test Piece 1 Sketches Final Test Piece 2 Sketches Final Test Piece 3 Sketches Final
SCAM PER Improving Products and Services This is where creative brainstorming techniques like SCAMPER can help. This tool helps you generate ideas for new products and services by encouraging you to think about how you could improve existing ones.
SCAMPER IS A
Mnemonic that stands for:
SUBSTITUTE COMBINE ADAPT PUT
MODIFY ELIMINATE
REARRANGE
S
SKE TCH In the Research of Scamper we had a exercise where we had a product and had to list a range of possible designs, imporvements and benefits. In class we carried out a group exercise where we worked on coming up with new product ideas.
Ideas Generation
Techniques Reseach
RE
SEARCH
Task 1
Action Inpacted Specifications
In this technological world we live in we mostly depend on a day to day basis with the different computer systems with various specifications, capability and features. This advert caught my eye because as a gamer myself you always tend to search for strong specifications so you can get all off that intense action gameplay. The company called AMD that develops computer processors and any related technologies came out with a campaign called “AMD Game� to represent their new Products to gamers and any individuals wanting a powerful computer. In their first advert AMD inserted action by using racks of guns and grenades to the computer built with their products, in the second advert the use of soccer gears where used to represent the high pressure of power that soccer players have.
Substitute
AMD substituted the original computer specifications such as CPU, Motherboards and every single component to a computer version filled up with pistols, machine guns and grenades to create and illustrate the power and action that it gives to user while using the computer.
Adapt
As new technologies come out the traditional looking computer adapted and implemented better ways of embracing this new technology we use in a day to day basis.
LOSING IT, HURTS Certain individuals pass their time by illegally poach and steal unprotected animals and by this doing certain types of animals like the Mexican wolf and the Mexican jaguar are on the brink of extinction. With this advertisement Anima Naturalis is trying to send a message for everyone to help them against the people doing the damage to these animals before more harm is done and these animals are lost forever. The advert features a human’s leg with the tattoo of the said Mexican wolf near the severed leg with a title “Losing It, Hurts” representing the agony that a person goes through when losing part of his body. The severed human leg isn’t cut in a clean procedure to show that the wolves are being extinct bit by bit and soon they will end like the representation of the other part of the leg that’s cut away.
Eliminate
By eliminating part of the human body and representing it with a dirty cut of the severed leg it provides a far more meaningful advert to people watching as its part of their body and thus they realize the important matter of losing something forever.
Research In
REVER REVER SE TH SE TH INKING INKING In Research
Ideas Generation
Techniques Research
Task 1
Class Exercise.
EXER CISE
Turn
ad
B
ad
d
oo
G
t en a p e pm f lo e o ke d ve us lp an de e he er s th to rd o te e si k m n e ma ste g i d Th n sy in ge ca rid yth ana g er m ev ell w m
d oo G
e uc o od t tr n in tio ks n ga lin ve ca avi ss ha e te n le n av si ne se ca h for a eb li u s n in ou w m e ge ca h y e ea th a ch it ts Th str ce e im hi n w rec a du th r w ia di re nd ve ord r re e. a ho cc o ag a n a ion d p a t re a m esi d
ss ges - n ne ima sec sio ve es up nfu is rsi atur led a co ll th sinfo nks on te fe mb ate e. A mi ss li sp ebsi of ju cre e sit reatesele Re e w a lot hich ut th an c re u Th nd s w ho n c mo . a n ug io d te tio ro fus an bsi th n n e o co ti e w a th in
B
r.
is
d le Te ov ea o m d t xt c er h en o la o u a m & pp th s o o ed er. ve bi by Th rla le d th e c p t ee on he m te en n u t
B
ad
Im ve W ag rla vi he e pp lo ce n in th go th Res s ba en an e t ca g w
O
d
d
oo G
S La ot Ma ite he lte w ng i r s ll in op e la fea ua te tio n tu re n gu re ge st fo ag o ed r f e nl s in ore an y th d le ig e ar ne no ni rs ng .
oo
G
e se of r to s ges o g ed a ute in . ne c im stit be ed t’s sti in t is uc en ali ed ha rod ud re ir t p St he des ork t r w ei e th th e se
agr
ad
B
o es ur m ot at ro h fe s f hic e Ph te e w th si ag g of es tic eb im din e do ute ’t is t w ith uil om ite tit n . al as w t b s bs ins re rn Re y Mc nner es ents we eir em a ode ph The ba new res The f th th s m a eir ep s. ll o of a r e e th ly tut e a m r on ti tu so s in fea use t a no bec
te si e e th th in tion s A s c ea ad se f le lo er site ltip ter l ad eb mu fi m . he e w s a age sto ers u th re gu c tu an all l r fo
Th e
Reverse Thinking The Mcast Website
SKE TCH In the Research of Reverse Thinking we had a exercise where we had to refurbish the Mcast website in order to make it more fitting for the users and overall improve it. In class we carried out an exercise where we listed many different faults and solutions regarding of the faults listed.
H
Header?
Mcast website’s header featured a logo, header and a burger menu on the top left side. These menus caused a confusion and also cuased overlaping in the text and images in mobile form. I decided to remove the burger menu and instead implement a small header on top of everything with tabs such as “Prospective Students“, “Current Students“, “Faculty“. These help to reduce jumble up information through different tabs and pages. The bottom side header then features tabs such as “Academics“, “Community“, “Campus Life/ Health“. The headers are made easier and more straight foward for the user to be able to navigate.
Interaction?
The Mcast connection with their students is very minimal, it only features facebook, twitter and youtibe in the footer. It is barely visible and noticeable by the users. Though the site features a large title saying any question and support to call them. I decided that should feature their connections with the community and institutes in the main content and it is very important way and how students connect these days. The community should be implemented in more social media platforms like LinkedIn and instagram and should be featured more permantly.
Stories?
The Mcast site does not feature a lot regarding content on events and stories. I decided that under the banner instead of content related to information found in the naviation tabs it would be better in include featured stories, Newsroom and Events. The stories can include students innovation and startups, the newsroom can include information regarding the faculty and then a bar for events that students can enroll in. These sections has to be updated every few weeks to help with the interation of the students attending or potential students.
Ideas Generation
Techniques Reseach
RE
SEARCH
Task 1
Reverse Thinking Idea 1
Ideas Generation
Techniques Reseach
Task 1
Reverse Thinking
Opposite or Contrary in position, direction, order or character.
Christmas morning he’ll be happier with a Hoover. Hoover is an American vacuum cleaner company that specializes in floor care for households, they produce multiple of different types of cleaners for different type of situations. This advertisement that I choose from Hoover features a Christmas holiday gift guide, shows a man dressed in Christmas attire and next to him is a brand new hoover that his wife bought him for Christmas. The man is laid on the ground reading the gifts letter while also looking happy, though he seems as if his reaction is being forced. The advertisements title reads “Christmas morning he’ll be happier with a hoover,” which suggest that the vacuum is a better Christmas gift than any other gift, however from looking at the man’s reaction you can easily notice that receiving a household cleaning appliance for Christmas is actually not what he would expect receiving and not what would make him happy. These kinds of adverts which has the reversed gender roles are from the 1950’s, there were similar sexist ads which inverted the roles and the men are given a taste of what women would do. Hoovers message regarding this advertisement is that the man also cares about his home and you should care about him and buy him one.
Reverse Thinking Idea 2
Ideas Generation
Techniques Reseach
Task 1
Reverse Thinking
Opposite or Contrary in position, direction, order or character.
Don’t Join The Army
The United Kingdom for British Army came out with a typographical advert regarding the main elements of the army. The advert wasn’t as the typical advert does saying to join something but the advertisement read every principle of joining the army with “Don’t”. The advertisement main title is “Don’t join the Army.” Which is written in block white letters on a blank black background. Under the title there is 5 principles that are written in the same block letters but instead in a yellow tint, these principles are elements that help you in your life. When reading such principles like “don’t make a difference” or “Don’t find out what you’re capable of ” it makes you think twice about yourself and about joining the army. When reading something that it tells you to not do something you tend to want to do it more and succeed in life, even more when it can make you a better person and make a difference for the people around you. After reading these points and are on your mind the advert features a search box image with the message saying, “Search Army Jobs” so if you’re interested in making a change in that line of work you will be encouraged more and search it.
QUESTIONING ASSUMPTIONS
This is the functional equivalent of a set blinders, like horses wear. We continue plodding straight ahead, unable to see what lies to the right or left of us. As it’s name implies, the Questioning Assumptions technique encourages the group to begin by questioning the
assumptions they may have made about the particular creative challenge on which they’re working. However, from a creative, ideagenerating standpoint, it’s often useful (if not absolutely critical) that, at times, we question the most basic assumptions about the task on which we’re working.
ORIENTATION
UNDERSTANDABLE
ORGANISED
CLEAR
IDENTIFICATION
DING HELP
SKET-14 CH./12 Be Readable Bold Placed on Walls, Doors
P
Be Clear/ Organised / Simple Color Code Numbers Names Include Maps at multiple locations
Wayfinding refers to information systems that guide people through a physical environment and enhance their understanding and experience of the space. Wayfinding is particularly important in complex built environments such as urban centers, healthcare and educational campuses, and transportation facilities.
wayfinding should Ideas Generation
Techniques Research
Task 1
Ideas Techniques Task 1
Questioning Assumpions
Generation Research
Findin g Way
A directory is a good way of showing visitors how diverse a building really is. By looking at it you will realise how many different places there can be. “Wow, there’s a theatre in here? Oh shit, there’s a gym?“
Directory
Corridor Boards
A this way or that way sign is a very big helpful tool but it is also very obnoxious so that visitors wouldn’t miss it. The boards can be quickly read with the image display and large typography displaying where you are leading too.
Ideas Generation
Techniques Reseach
RE
SEARCH
Task 1
Questioning Assumptions Idea 1
Ideas Generation
Techniques Reseach
Task 1
Questioning Assumptions
A thing that is accepted as true or as certain to happen, without proof.
Pedestrian Crossing This advert of Mr. Clean was a very simple but very effective when sending their message towards the people regarding their products. Mr. Clean is a brand name with a mascot and it is used as an all-purpose cleaner. The brands mascot is a character that represents the products of the company as the “Genie in a bottle�. The amazing simple example that Mr. Clean advertised was when they colored a crosswalk strip and added their mascot logo at a bottom of the strip. All of the crosswalk stripes are normally dirty from the traffic but Mr. Clean strip was standing out next to them as it was a very bright white and extremely cleaner. This is great example of simplicity as they are directing a strong message through a single color and a mascot. If the color would have been the same as the other stripes with just a mascot to represent the brand it wouldn’t have mattered and no one would have noticed but with the color standing out it captures the attention of the brainless human drones that would be staring down in their phones while walking over.
Questioning Assumptions Idea 2
Ideas Generation
Techniques Reseach
Task 1
Questioning Assumptions
A thing that is accepted as true or as certain to happen, without proof.
Kit Kat bar bench illusion
This advert of Nestle’s and the popular chocolate wafer Kit Kat was a very clever and a very interesting campaign with regarding to a bench advertisement. The adverts design was featured on a park bench where the wood planks of the bench were painted a dark natural look to give it the look of the Kit-Kat chocolate bars and then half of the bench was painted as the Kit-Kats wrapper. Since the advert was a look alike of the KitKat bars it would catch the people attention and might make you hungry and subconsciously you might want to buy a kit-Kat. You may even be talking to someone regarding sweets or food in general and you might talk about the interesting design of the Kit Kats advert and thus you would be generating more advertisement between everyone. If you never saw or heard of a Kit-Kat this advertisement would be confusing at first glance by people but once you get about what it is and the meaning after it is the kind of advert that sticks in your mind.
Y S
Research In
N EC T I C S Ideas Generation
Techniques Research
Task 1
Techniques Research
Task 1
In the research of Synectics we had to group up in groups of 3 to 5 students and work on building a metaphor and design a necessery advertisment for a MCAST interactive media lecturer. The design had to be produced in a full-color A5 newspaper advertisement.
lass
S
Ideas Generation
Class exercise Description on the use of synectics
4 Brainstorm between the group on building a metaphor for an Mcast teacher
O O C A
U W L S
Finding a new Mcast Lecture is like Cry Baby’s
NonSense
Commiting an action when it never happens
Difficult To Understand
The (Know it all)
Late Notice
Crazy
No Ammusment Hard to Understand
Never Finding a Solution
Anti Hastle Free
R N S
Ideas Generation
Techniques Reseach
RE
SEARCH
Task 1
Synectics Idea 1
Ideas Generation
Techniques Reseach
Task 1
Synectics
The bringing together of different and apparently unrealted elements.
Who do you count on for a clean environment.
This advert of OVAM the public waste agency regarding the worlds disaster in waste and on who is going to able to clean the waste that we create throughout the world. The general purpose of this advertisement is because that in the world there is too much waste and It keeps on getting worse, waste is found everywhere whether it is in the populated city or in the fields of greenery or in the ocean. The imaginative manipulation that OVAM combined to find a new solution of environmental cleaner was an unidentified flying object or also known as UFO to pick up the waste. The advert is based around a metaphor that they took apart the existing problem of waste problem and transferred it by reinventing a non-existent space ship for cleaning our messes. The advert reads “Who do you count on for a clean environment” which obviously we cannot count on the UFO’s as they are non-existent. The advert continues with a small message “Together we make tomorrow more beautiful” which suggests that if we want a cleaner and more beautiful world we must work together and succeed.
Synectics Idea 2
Ideas Generation
Techniques Reseach
Task 1
Synectics
The bringing together of different and apparently unrealted elements.
Dirty Bomb This advert of UNICEF the united nations children fund regarding the millions of people dying from the polluted water. The general purpose of this advertisement is because in some countries there is polluted water and families without homes and money cannot do anything and in a year 1.5 million children payed from this disaster. The manipulation that the advert features is a nuclear bomb that is symbolized in a water form. UNICEF empathized this advertisement to help understand and share the tragedy of these unfortunate children life. The advert is based around a metaphor that they changed the style of the nuclear but to still keep its meaning behind the catastrophe it does by changing it to be related to what these children are suffering from. The advert only features the water nuclear and a message reading that in a year 1.5 children died because of the polluted water that they drink, this made the advert a bit of isolated to empathize the feelings of the children.
AS IDEAS AS IDE IDEAS AS IDE IDEAS IDE & TION SELECTION SELECTION SELEC Task 2 Ideas and Selection Random Design Briefs
TASK INFORMATION:
/APR/10TH RANDOM /DESIGN BRIEF /6 DESIGNS /PEER REVIEW /CLASS
THURSDAY
E E E
AA 1 AA2 & AA3
BRIEFS
PRESENTATION
N * N C
Assignment/
Use your preffered idea generation techniques in order to propose solution for each of the 6 random designbriefs presented in class. These scenarios will be extremely varied, giving you the opportunity to generate ideas related to several design related contexts using different tools.
REVIEWERS
Random Design Brief No. 1 Create an A4 magazine ad for the first human colony on Mars.
Task 2 Ideas and Selection Random Design Briefs
1 0
Brainstorming Synectics
/01
01
Thumbnail Sketches
/02
01
Visual Research
/03
01
Detailed Sketches
/04
01
Random Design Brief No. 1 Create a home or landing page for Nicolas Cage’s new spa in Japan.
Task 2 Ideas and Selection Random Design Briefs
2 0
2
Brainstorming
Questioning Assumptoins
/01
02
Thumbnail Sketches
/02
02
Visual Research
/03
02
Detailed Sketches
/04
02
Random Design Brief No. 1 Create a stationary pack for a hacker collective.
Task 2 Ideas and Selection Random Design Briefs
3 0
Brainstorming FSOCIETY
/01
03
Thumbnail Sketches
/02
03
Visual Research
/03
03
Detailed Sketches
/04
03
Business Cards
/05
03
Letterhead A4
/05
03
Compliment Slip
/05
03
Random Design Brief No. 1 Create a mobile app for a German train station.
Task 2 Ideas and Selection Random Design Briefs
4 0
4
Brainstorming Questioning Assumptoins
/01
04
Thumbnail Sketches
/02
04
Visual Research
/03
04
Detailed Sketches
/04
04
Random Design Brief No. 1 Create a vinyl vehicle wrap for a rhino conservatory.
Task 2 Ideas and Selection Random Design Briefs
5 0
Brainstorming Scamper
/01
05
Thumbnail Sketches
/02
05
Visual Research
/03
05
Detailed Sketches
/04
05
Random Design Brief No. 1 Create an interactive 404 page for a ramen restaurant.
Task 2 Ideas and Selection Random Design Briefs
6 0
Brainstorming Questioning Assumptoins
/01
06
Thumbnail Sketches
/02
06
Visual Research
/03
06
Detailed Sketches
/04
06
REFINING
DES IGNS REFINED FINAL OUTCOME
3 TEST PIECES
DEVOTE MORE TIME TO SELECTING TOOLS AND TECHNIQUE.
“PEERS AND OWN CRITICAL REFLECTIONS IN
COMPILIED FEEDBACK” INCLUDE AN ANNOTATED COPY OF THE DESIGN HIGHLIGHTING AREAS FOR IMPROVEMENT AND FURTHER DEVELOPEMENT. -Feedback from Peers
“EFFECTIVNESS OF YOUR DESIGN
AND REVIST YOUR IDEAS GENERATION”
VISUAL THINKING TASK 3 - REFINING ORIGINAL DESIGNS
Visual Thinking - Task 3 Refining Original Designs Interactive 404 Ramen Restaurant Task 2 Pitch Presentation Visuals Recorded & Own Reflection of Feedback
Include Decorative Japanese Seamless Elements
Change Typography To Make It Not Look Dull
Experiment With Shadows and Remove Table
Make Animation looping
Monotonous Background
404 RAMEN RESTAURANT TASK 2 TASK 3
TEST PIECES
ISED
REVTASK 3
REVISED
IDEA GENERATION & DEVELOPMENT PROCESS
BRAIN STORMING Background Filled Elements Borders Japanese Language Text Clouds, Mountains, Stars in Japanese elements Traditional Japanese Label Stamps Japanese Form Typography -
Typography Plain background with subject and Japanese Language Text.
Poster Elements Border to take the feel of the simple elements of the labels and mountains in the background.
Visual
Visual Thinking
Idea Development Generation Process
Elements Japanese multiple seamless elements experimented in the backgrounds.
Thinking
Sketches Experiments
Labels Experimented with Japan traditional labels included with Text. Banners Title/ subtitle and number was dull together positioned near each other so i tried banners under the 404 number. Borders Removed the dull colors from the background and added a border with text. Elements Experimented with different japanese elements to fill the background.
Test Piece 1
Sketches Experiments
Labels Experimented with few elements but still kept the principle of Japanese theme through the labels. Title Experimented with vertical alignments to go with the label Color Decided to experiment more with color and instead of flooring decieded to try a shadow type for the bowl.
Test Piece 2
Sketches Experiments
Typography Decided to fully go with the Japanese font as a title to give the true principle of ramen. Mountaines As experimenting with borders I included one of Japans elements into it. Elements The bowl element was set in a circle to make it pop-out with the side elements Scratches / Brush Marks Tried to achieve a scratched poster look with brush marks to show also represent the page is under construction.
Test Piece 3
DES IGN