seeing london through the eyes of a designer
chun jung chang
seeing london through the eyes of a designer
fda design for graphic communication / major project 01
chun jung chang
contents introduction texture emphasis colour time rules positive / negative repetition framing layers point,line,plane patterns composition bibliography
introduction
About the format “Book” is such an easy word (probably the first English word I knew when I started learning English), but definitely not an easy work! There are too many elements to think about: How to make it attractive? How to layout? White space? Full-page image? How to arrange the chapters? How to make a good but not too busy design page? How to make it easy to follow but not too boring? How to make the chapters interesting? How to fold the paper? What colour should I choose? What fonts? What content should I put in each chapter? Bleed or not? Double print or not? What kind of paper should I choose? How to make the cover correspond to the content…these are what I’ve been thinking about when I was working with this visual book. “Book” what a common format, but definitely not the easy one!
About French fold I have to say this binding format is quite playful to experiment the paper. For example, I can put some colours near the folding edge to make simple navigation system of my chapters. However, it’s also confused sometimes to layout with Indesign because it doesn’t show how it actually looks like on the screen. I have to print the pages out to play around them, but the more I experiment on this format, the more fun I discover from it. It’s actually a brilliant binding format for designer to play various designs on it.
About the 12 chapters These 12 chapters about graphic design basics relative to London are extension and development of the workshops I attended during the last two months. They are quite similar to London underground with several lines toward different direction but somehow connecting with each other to become a good design. The content of the chapters is full of my creation, ideas, logic, aesthetic and humour. Hope it’s like discovering London. When you open one of the chapters, it will interest you and bring loads of fun. Enjoy it!
texture
Sleek Rough Coarse Bobbly Bristly Pointy Sharp Soft Hairy Silky Spiky Ridged Spongy Fine Embossed Wirey Wrinkly Dry Smooth Wet Bumpy Slimy Studded
Sleek Rough Coarse Bobbly Bristly Pointy Sharp Soft Hairy Silky Spiky Ridged Spongy Fine Embossed Wirey Wrinkly Dry Smooth Wet Bumpy Slimy Studded
coffee cups ceiling
Tea pack Stairs
Sleek Rough Coarse Bobbly Bristly Pointy Sharp Soft Hairy Silky Spiky Ridged Spongy Fine Embossed Wirey Wrinkly Dry Smooth Wet Bumpy Slimy Studded
Tower wool
Hair Carpet
Texture Workshop - Unseen
A concertina booklet which gives an insight into unseen London's textures
experiment
emaphasis
O
N
D
DO
N
My definition of colours: Male, calm, water, cold is blue. Female, me, sweet, smile is pink. Love, hot, passion is red. Sad, rainy day, metal is grey. Sun is orange. Moon is yellow. Earth is green. How about London? I think is red and black.
colour
Colour: Blue or Orange Workshop: exploring colour in general design terms (emotion, visibility, character, etc) and look at the use of colour to brand an aspect of London.
Gultum issil convehem te tina, confex num opubli conesci ocrenihili parbis? Solicap ionvoltuam es et gratris.Rio, Cat, ca nulieni LONDON BRIDGE multorte, consimur potiestilius norum ad C. Nulissensus aucio, norursum lare et vis hos orurorte, erfecio acit vicaella vicaedi entina, Catus atur, se WATER cupio, te abunimihi, quercer vicissina publinte fin simmoli cerit; Cat, nons ocaedo, nonc tercere mquiume nirmaio egervit vastrem, PIZZA EXPRESS intem. Ego inatium, Catam dium strate consimmora mo int? Omne atio, ICE. Serferf estruderum, unum tercere tus, sid scivastem nulis consum inteme nonvoc, niurevid in Etraedemus vis cat essed Cuperita te hactum hil veniris, Catrus, cone re nostrares! Simora vitra? Ultorisquem iam, cribuli ngulicaperic ta mo et patia verum RAIN, niu sceri inguliis con diem medetiam nos, Catilis. Nam prium inte consum, quamdius? Deculleris reo habente quodice reviver JEANS simili tem GLASS tabem ina, Catudef acterissus et gratque egere et, ut int? quos corum inultum fue publi iam imil cupimaximus, cultide dit, quiuscitebus C. VICTORIA LINE, quastampro priam et vendemque derfec re nite, quem pra tam musquid cotis signoc, cotiorei confex nondam intium nostraec fac mum is, condere videnditerei condies trarit. Am des? Nos, diumus opublis et vivitur, fuius, tur atudam PHOTOSHOP consulv ignonsu WINTER te apervisti, sente, sensces inam forte nos fatui sena, contiam re, cum nessimmor que iaeque te viderec tuasdac iondaci estatre siderop ostarbis. Hicientri strus es fex noc terisse ndeesen teatqua mprario ncereo, no. SKY aucontem hoc, ium es hos, coni sultuam POLICE STATION. Sum qua ductus co et; nos, susquam hos con stiere a nos C. COLD iaesciam dertam nondiente, scerfes nondactorum, WET imihint issedeatus. Obsena tem. Opimmov ideffreorum sena, noculiciam nonsupimus cotandem halin rei sessendem recrum nihicaedem, faccio, inata publiam publice CALM faci iam dernius vissiliur untum actatum, sa re nium. Habent? It L. Bonsuliurei ignonsi pulerica; hiculintra res la resitastrum iae terimum atus, Ti. La terficupera der que vius conderi tilnequam in hala es Ahabunt ericupi mmolum ta mena, num TWITTER, nonloc, crio crit, its not in RIVER ON MAPS res la resitastrum iae terimum atus, Ti. La terficupera der que vius conderi tilnequam somethings in hala es Ahabunt ericupi mmolum ta mena, praedo, nonloc, crio crit, Catum acia virtem ala rei publinam sis et essa non Itantemus con se, tri fuitista iusatra nos consum abus, me esum ocures tam orati, vit, te consimissus.Etrae nonsunt. Vivid fatiae qua pratum nos firmissula PICCADILLY LINE coentierbit verniqui cles, que conost intia modit vast verturest? Ximuribut L. Gra spio verit, quit? Sentem con ala intem inampli caperfer pat, adhus SKYPE senste maio essese praet FACEBOOK vid redo, quit fuerenarbeme aperox spiem, quis pra, convere atus, qui fac virius, num oc ommodin prissendam pubi interemedii perei et faute tem postra Satuspi ortidit virtuium deris simanu quit, fir parei pest diem plibunt atquostrum identere
Go atius veres audem maximus etes bondam is, prarbenat ompectus; nos caes aut ina denatuitam , morum hos et; inprica omnia quisquere tante, cupioruntem mortus mene novent? Git aut iaectude con Etrudes, cus. Opulto publius conem ubliurid Cat ilnessus inte audenat, que consunterici tere destintem nium te, se, patquam WARM; in vero consu quis fin teridiu PUMPKIN sul tura, me non vite int, pon re porum facereo, condam mandac re nonstalabem se, vervidiem factus nostiqu onsuste eredo, vigna, Ti. Opios ORANGE suliam nostervivis loctus bonde novertussin tra consu et dius publina, suliam pri tem nes fir acrum hori, firis omnere clem oculis, publicavena, fecutur, C. Go horae interips, us, forbeme publicerit, nocae dem omne inveroribusa EASYJETre nenati, cote aut SUNSET cam ia dincus et aus aus consultiae, quemulu peris. Ulicentem oporem verceribus nocae consul contus publicum fit; nem re nos fauc fat publicatquam acipter adescii ssenam porei fata ducionicora cupioctanum iam veresiliumus bonsuam terfecris acessim ustrati, qui PASSIONATE ad cons aleridem mo hos pulicep eritrarebus, non tus, supim nos YANG seribunt visusatiam, quium foris. Verors remunum amponic TANGERINE rentess iliqua nonihilis hebem . Patus? Fue consules bonfesicer arberunum comni iamque ta coteres facrei tem ius. At firti poerebus intem, consuntem nonfirius aci tis ex sulviri vatio, quodie te, vide deaturb isquius is in vitius hiliis. Uci publibus opotis. Alessis; nitrarb enimus, ut vilicae res pos hos firmiliae consum imorus inatis. O ta ia nos abefacibem, quonfec ADOBE ILLUSTRATOR plictus hoc nonsulturbi se factatiost fectusq uonlocurox ? Beffrei peror ad publis bonsil vastus. Simpesc enteati PAPAYA tem mor la nonici fue manum sus imodii proribut iam. Gul ut videtor auc idenem is facriu ma, pulis, nius, ducesse ndium, caperibus aucta diis M. Serisqu idienatiam ipimihil vis sena, con incupiors hus vit? Rem tus, cons aus ceres ad fit; numus fac tum publici partiam FANTA det Bon hem senatio noccipte nius consum note alerfirmaio, consulv ideatus consi in suam. Adenium morae et faciacciem ata vilibus sidiemquam publis esse pon suam iurnihi linaret pon viribus senatili sendii iam posta, unin dius in sed stiorum SUNRISE ad sus noximus det volius, noc finc oporum iam inam anum eger atum et Cat. Is. cla ent? O telibultu crei perum vivit gratus? Tum Romne ne terfest racemus etris hoctod fatimusse ca pubi fectorion nonium, sede con se, C. Ad publicidit. Fui perferitideo esilis. Obustra SAINSBURYS, sente patquam la derraequa vo, qui prio, ne tatilnes cotem potam TROPICANA hordi pertil unum sena, nonsus efeconi LONDON OVERGROUND ehenihiliu ius; ni pratua L. Gitursu egerra vitanum vena invehem perfirma, ut dum sum est nonlos esigna, poptis, C. Us porehem pero ist ius huidemque perum se te publinv olissidit, vertem ut L. Opioreh ebunum sulabunum ur Rendam quid sus, sed consulicite, Catim nossidem omper ublicae conticae cons consupi orebus. Rudam mena, optis CARROT ninam nox sena, sideatilla quit nosta o mordiem poenatq uitiqua consultum intem uncum auctus, igilice rniquit ilinatum es publicae conte auconsus, spic tus reme perecur. Vidius, quon
Gultum issil convehem te tina, confex num opubli conesci ocrenihili parbis? Solicap ionvoltuam es et gratris.LABSTER, Cat, ca nulieni WARM multorte, consimur potiestilius norum ad C. Nulissensus aucio, norursum lare et vis hos orurorte, erfecio acit vicaella vicaedi entina, Catus atur, se HOT cupio, te abunimihi, quercer vicissina publinte fin simmoli cerit; Cat, nons FERRARI, nonc tercere mquiume nirmaio egervit vastrem, SPICY intem. Ego inatium, Catam dium strate consimmora mo int? Omne atio, CONFIDENT. Serferf estruderum, unum tercere tus, sid scivastem nulis consum inteme nonvoc, niurevid in Etraedemus vis cat essed SANTANDER te hactum hil veniris, Catrus, cone re nostrares! Simora vitra? Ultorisquem iam, cribuli ngulicaperic ta mo et patia verum DANGER, niu sceri inguliis con diem medetiam nos, Catilis. Nam prium inte consum, quamdius? Deculleris reo habente quodice reviver WARNING simili tem APPLE tabem ina, Catudef acterissus et gratque egere et, ut int? quos corum inultum fue publi iam imil cupimaximus, cultide dit, quiuscitebus C. PASSIONATE, quastampro priam et vendemque derfec re nite, quem pra tam musquid cotis signoc, cotiorei confex nondam intium nostraec fac mum is, condere videnditerei condies trarit. Am des? Nos, diumus opublis MUJI vivitur, fuius, tur atudam LONDON BUS consulv ignonsu POST OFFICE te apervisti, sente, sensces inam forte nos fatui sena, contiam re, cum nessimmor que iaeque te viderec tuasdac iondaci estatre siderop ostarbis. Hicientri strus es fex noc terisse ndeesen teatqua mprario ncereo, no. STOP aucontem hoc, ium es hos, coni sultuam ANGRY. Sum qua ductus co et; nos, susquam hos con stiere a nos C. BLOOD iaesciam dertam nondiente, scerfes nondactorum, ATTRACTIVE imihint issedeatus. Obsena tem. Opimmov ideffreorum sena, noculiciam nonsupimus cotandem halin rei sessendem recrum nihicaedem, faccio, inata publiam publice ICELAND faci iam dernius vissiliur untum actatum, sa re nium. Habent? It L. Bonsuliurei ignonsi pulerica; hiculintra res la resitastrum iae terimum atus, Ti. La terficupera der que vius conderi tilnequam in hala es Ahabunt ericupi mmolum ta mena, num CENTRAL LINE, nonloc, crio crit, its not in LIPSTICK res la resitastrum iae terimum atus, Ti. La terficupera der que vius conderi tilnequam somethings in hala es Ahabunt ericupi mmolum ta mena, praedo, nonloc, crio crit, Catum acia virtem ala rei publinam sis et essa non Itantemus con se, tri COCA COLA iusatra nos consum abus, me esum ocures tam orati, vit, te consimissus.Etrae nonsunt. Vivid fatiae qua pratum nos firmissula EMERGENCY coentierbit verniqui HSBC, que conost intia modit vast verturest? Ximuribut L. Gra spio verit, quit? Sentem con ala intem inampli caperfer pat, adhus FIRE senste maio essese praet H & M vid redo, quit fuerenarbeme aperox spiem, quis pra, convere atus, qui fac virius, num oc ommodin prissendam pubi interemedii perei et faute tem postra Satuspi ortidit virtuium deris simanu quit, fir parei pest diem plibunt atquostrum identere
Go NBC veres audem maximus etes bondam is, PEAS ompectus; nos caes aut ina denatuitam , morum hos et; inprica omnia quisquere tante, cupioruntem mortus mene novent? STARBUCKS aut iaectude con Etrudes, cus. Opulto publius conem ubliurid Cat ilnessus inte audenat, que consunterici tere destintem nium te, se, patquam HEINEKEN; in vero consu quis fin teridiu FRESH sul tura, me non vite int, pon re porum facereo, condam mandac re nonstalabem se, vervidiem factus nostiqu onsuste eredo, vigna, Ti. Opios ENVIRONMENT suliam nostervivis loctus bonde novertussin tra consu et dius publina, suliam pri tem nes fir acrum hori, firis omnere clem oculis, publicavena, fecutur, C. Go horae interips, us, FROG publicerit, nocae dem omne inveroribusa MINT nenati, cote aut TREE cam ia dincus et aus aus consultiae, quemulu peris. Ulicentem oporem verceribus nocae consul contus publicum fit; nem re nos fauc fat publicatquam acipter adescii ssenam porei fata ducionicora cupioctanum iam veresiliumus bonsuam terfecris acessim ustrati, qui VEGETABLE ad cons aleridem mo hos pulicep eritrarebus, non tus, supim nos HEALTH seribunt visusatiam, quium foris. Verors remunum amponic PEACE rentess iliqua nonihilis hebem . Patus? Fue consules bonfesicer arberunum comni iamque ta coteres facrei tem ius. At EARTH poerebus intem, WATERMELON nonfirius aci tis ex sulviri vatio, quodie te, vide deaturb isquius is in vitius hiliis. Uci publibus opotis. Alessis; nitrarb enimus, ut vilicae res pos hos firmiliae consum imorus inatis. O ta ia nos abefacibem, quonfec GRASSplictus hoc nonsulturbi se factatiost RECYCLE uonlocurox ? Beffrei peror ad publis bonsil vastus. Simpesc enteati XBOX tem mor la nonici fue manum sus imodii proribut iam. Gul ut videtor auc idenem is facriu ma, pulis, nius, ducesse ndium, caperibus aucta diis M. Serisqu idienatiam ipimihil vis sena, incupiors hus vit? Rem tus, cons aus ceres ad fit; numus fac tum publici a into partiam M & S det Bon hem senatio JADE nius consum note alerfirmaio, consulv GREEN TEA consi in suam. Adenium morae et faciacciem ata vilibus sidiemquam publis esse pon suam iurnihi linaret pon viribus senatili sendii iam posta, unin dius in sed stiorum HOLIDAY INN ad sus noximus det volius, noc finc oporum iam inam anum eger atum et Cat. Is. cla ent? O telibultu crei perum vivit gratus? Tum Romne ne terfest racemus etris hoctod fatimusse ca pubi fectorion nonium, sede con se, C. Ad publicidit. Fui perferitideo esilis. Obustra DISTRICT LINE, sente patquam la derraequa vo, qui prio, ne tatilnes cotem potam GREEN GIANT hordi pertil unum sena, nonsus efeconi ORGANIC ehenihiliu ius; ni pratua L. Gitursu egerra vitanum vena invehem perfirma, ut dum sum est nonlos esigna, poptis, C. Us GRASSHOPPER pero ist ius huidemque perum se te publinv olissidit, vertem ut L. Opioreh ebunum sulabunum ur Rendam quid sus, sed consulicite, Catim FOREST omper ublicae conticae cons consupi orebus. Rudam mena, optis BIO ninam nox sena, sideatilla quit nosta o mordiem poenatq uitiqua consultum intem uncum auctus, igilice rniquit ilinatum es publicae conte auconsus, spic tus reme perecur. Vidius, quon
TIME
Once, a friend in London sent me a bunch of tulips. I became fond of tulips, such lovely flowers. But it is pathetic to see them grow and die everytime. They're ever trying so hard to grow up and blossom beautifully to bring pleasure for human beings, but in the end when they die. It's just like rubbish lying in the bin. So sad! Time heals and Time kills.
09 : 19pm 14 / 5 / 2011
02 : 42pm 21 / 5 / 2011
11 : 04pm 14 / 5 / 2011
06 : 51am 21 / 5 / 2011
04 : 23am 15 / 5 / 2011
10 : 54am 20 / 5 / 2011
11 : 13am 15 / 5 / 2011
06 : 39pm 20 / 5 / 2011
05 : 01pm 15 / 5 / 2011
08 : 44pm 19 / 5 / 2011
09 : 21pm 15 / 5 / 2011
04 :49pm 19 / 5 / 2011
00 : 15am 16 / 5 / 2011
01 : 56pm 19 / 5 / 2011
03 : 06am 16 / 5 / 2011
10 : 20am 19 / 5 / 2011
05 : 07am 16 / 5 / 2011
02 : 43am 19 / 5 / 2011
11 : 22am 16/ 5 / 2011
00 : 01am 19 / 5 / 2011
06 : 05pm 16 / 5 / 2011
10 : 38pm 18 / 5 / 2011
08 : 56pm 16 / 5 / 2011
08 : 04pm 18 / 5 / 2011
02 : 48am 17 / 5 / 2011
05 : 18pm 18 / 5 / 2011
03 : 34p m 17 / 5 / 2011
03 : 53pm 18 / 5 / 2011
08 : 44pm 17 / 5 / 2011
10 : 02am 18 / 5 / 2011
10 :51pm 17 / 5 / 2011
03 : 24am 18 / 5 / 2011
the architecture of lines
rules
positive
negative
+
positive & negative space on london newspaper -
+
positive & negative space on yahoo! uk news -
repetition repetition repetition repetition
EXPERIMENTrepetition repetition repetition EXPERIMENTrepetition repetition repetition EXPERIMENTrepetition repetition repetition EXPERIMENTrepetition repetition repetition EXPERIMENTrepetition repetition repetition EXPERIMENTrepetition repetition repetition EXPERIMENTrepetition repetition repetition repetition repetition EXPERIMENTrepetition repetition repetition EXPERIMENTrepetition repetition repetition repetition EXPERIMENTrepetition repetition repetition EXPERIMENTrepetition repetition repetition EXPERIMENTrepetition repetition repetition EXPERIMENTrepetition repetition repetition EXPERIMENTrepetition repetition repetition EXPERIMENTrepetition repetition repetition EXPERIMENTrepetition repetition repetition EXPERIMENTrepetition repetition repetition EXPERIMENTrepetition repetition repetition EXPERIMENTrepetition repetition repetition repetition repetition EXPERIMENTrepetition repetition repetition repetition EXPERIMENTrepetition repetition repetition EXPERIMENTrepetition repetition repetition EXPERIMENTrepetition repetition repetition EXPERIMENTrepetition repetition repetition EXPERIMENTrepetition repetition repetition EXPERIMENTrepetition repetition repetition EXPERIMENTrepetition repetition repetition EXPERIMENTrepetition repetition repetition EXPERIMENTrepetition repetition repetition EXPERIMENTrepetition repetition repetition repetition repetition EXPERIMENTrepetition repetition repetition EXPERIMENTrepetition repetition repetition repetition EXPERIMENTrepetition repetition repetition EXPERIMENTrepetition repetition repetition EXPERIMENTrepetition repetition repetition EXPERIMENTrepetition repetition repetition EXPERIMENTrepetition repetition repetition EXPERIMENTrepetition repetition repetition EXPERIMENTrepetition repetition repetition EXPERIMENTrepetition repetition repetition EXPERIMENTrepetition repetition repetition EXPERIMENTrepetition repetition repetition repetition repetition EXPERIMENTrepetition repetition repetition repetition EXPERIMENTrepetition repetition repetition EXPERIMENTrepetition repetition repetition EXPERIMENTrepetition repetition repetition EXPERIMENTrepetition repetition repetition EXPERIMENTrepetition repetition repetition
repetition repetition repetition
repetition repetition repetition EXPERIMENT repetition repetition repetition EXPERIMENT repetition repetition repetition EXPERIMENT repetition repetition repetition EXPERIMENT repetition repetition repetition EXPERIMENT repetition repetition repetition EXPERIMENT repetition repetition repetition EXPERIMENT repetition repetition repetition EXPERIMENT repetition repetition repetition EXPERIMENT repetition repetition repetition EXPERIMENT repetition repetition repetition repetition repetition repetition EXPERIMENT repetition repetition repetition EXPERIMENT repetition repetition repetition EXPERIMENT repetition repetition repetition EXPERIMENT repetition repetition repetition EXPERIMENT repetition repetition repetition EXPERIMENT repetition repetition repetition EXPERIMENT repetition repetition repetition EXPERIMENT repetition repetition repetition EXPERIMENT repetition repetition repetition EXPERIMENT repetition repetition repetition EXPERIMENT repetition repetition repetition EXPERIMENT repetition repetition repetition repetition repetition repetition EXPERIMENT repetition repetition repetition EXPERIMENT repetition repetition repetition EXPERIMENT repetition repetition repetition EXPERIMENT repetition repetition repetition EXPERIMENT repetition repetition repetition EXPERIMENT repetition repetition repetition EXPERIMENT repetition repetition repetition EXPERIMENT repetition repetition repetition EXPERIMENT repetition repetition repetition EXPERIMENT repetition repetition repetition EXPERIMENT repetition repetition repetition repetition repetition repetition EXPERIMENT repetition repetition repetition EXPERIMENT repetition repetition repetition EXPERIMENT repetition repetition repetition EXPERIMENT repetition repetition repetition EXPERIMENT repetition repetition repetition EXPERIMENT repetition repetition repetition EXPERIMENT repetition repetition repetition EXPERIMENT repetition repetition repetition EXPERIMENT repetition repetition repetition EXPERIMENT repetition repetition repetition EXPERIMENT repetition repetition repetition EXPERIMENT repetition repetition repetition repetition repetition repetition EXPERIMENT repetition repetition repetition EXPERIMENT repetition repetition repetition EXPERIMENT repetition repetition repetition
Repetition Workshop: Explore Repetition with group, using sheets of coloured paper.
Experiment Repetition. Inspired by Warhol.
Wallpaper Custom Covers for August issue (2011), using a Custom Covers application on wallpaper.com
framing
Meaning changing with frames
Framing Workshop: photo shooting with frame around Elephant and Castle
iPhone frames: using two iPhones as frames shooting with each other
layers
Layers Workshop: using photoshop to experiment layers and create a bookcover
Grayscale the photo
Multiplay with 3 layers
point line plane
Point, Line & Plane Workshop: Mono printing
The result of this mono printing is accidentally good because of the cloudy atmosphere of background.
London Bus: experiment different texture created by lines
point, line, plane of big ben
Point of Big Ben Using pointillize in Photoshop
Line of Big Ben Using pen tool to draw the line of Big Ben
Plane of Big Ben Using Stained Glass in Photoshop
Making patterns is one of the delightful things for me. It always suprises me. Repetition is miracle. It makes everything incredibly pretty even a boring, casual and random line.
patterns
Hand drawing pattern
poster + dust jacket
composition
Composition Workshop: using grid systems, experiment with folding techniques.
A5
10.5cm
A5
Thickness of research book
A5
A5
Paper folding
Poster design
Print on A4 size paper to make a sample of dust-jacket
bibliography Lupton, E.(2008) Graphic Design The New Basics. New York Analytis, P. ed.(2010) European Design Awards 2010. Athens