PROCESFOLIO
2014/2015
MONICA HOL
Inhoudsopgave
Audio & typografie p. 4-37
Pinterest p. 62-85
Groepsopdracht: Grids p. 38-61
Jaardopdracht: jij als ontwerper in de toekomst p. 86-109
2
Inhoudsopgave
Grafische identiteit p. 110-113
Bachelorclass: Making things public p. 114-117
Research and artistic practice p. 118-121
3
4
Audio & Typografie
Onderzoek audio en typografie. Zoek een relatie tussen beide die niet noodzakelijk de historische of gekende relatie is. Ontwerp iets met audio en typografie. Het resultaat kan een lettertype zijn, een film, een voorwerp, een installatie, een algoritme, een boek, een videoclip, een kunstwerk, een performance, een wetenschapelijk werk, een concept, een....
5
Ritmische typografie
in 1921 in het tijdschrift De stijl publiceerde, zocht hij naar een soort oertaal, waarmee de inhoud van poëzie niet zozeer door de betekenis van woorden overgedragen zou worden, als wel door hun klank (zelf sprak hij van poëzie als ‘phono-gymnastiek’, die ‘onze dichterlijke gehoorvliezen’ opnieuw gevoelig moest maken voor abstracte klankwaarden) en vooral ook door hun beeld.”
Ritmische typografie is een soort visuele poëzie waarbij de woorden worden bevrijd van hun normale volgorde en vaste plaats op het blad. Woorden worden aan-toon-baar gemaakt door ze in verschillende lettertypes, lettergroottes en letterstijlen (gewoon, vet of italic) op de bladzijden aan te brengen. De gekozen woordcombinaties worden ritmisch verbonden of tegen elkaar uitgespeeld door de variatie van klank- en letterbeelden en door de spanning tussen bedrukte en onbedrukte ruimtes.
Voor eigen schetsen zie blz. 9-10
Wat niet ritmisch is ritmisch maken
Ritmische typografie interesseert mij omdat je hierbij gaat kijken naar de manier waarop woorden worden uitgesproken en hoe je dit visualiseert. Vandaar dat ik heb besloten me hierover meer onderzoek te doen.
Het idee dat ik geen poëzie gebruik maar iets wat juist van zichzelf totaal niet ritmische is bedoeld vond ik wel heel spannend. Vandaar dat ik hiermee ben gaan spelen. Ik heb gekozen om deze keer te schetsen met krantenberichten omdat ik vond dat dit totaal niet ritmisch bedoeld is. Ik heb alleen gekozen voor de titels omdat deze het meest zeggen over een krantenbericht. Ik heb een titel gepakt van een bericht op de site TV Olen. Het is een nieuws site die recente nieuwsberichten pakt en hierover een eigen lulkoek verhaal schrijft. Ik vind ze enorm grappig en de titels zijn vaak ook pakkend dus vandaar dat ik hieruit een bericht heb gepakt.
Betekenissen van ritmische typografie: • Visuele poëzie • Hoorbare woordvorm • Combinatie van auditieve en visuele elementen • Letterklanken • Phono-gymastiek Voor eigen schetsen zie blz. 9
Theo van Doesbrug en Paul van Ostaijen
Bij ritmische typografie is het onder andere belangrijk om te kijken hoe spreek ik het woord uit en visualiseer ik dit. Zo denk ik bijvoorbeeld dat woorden die heel belangrijk zijn in BOLD gezetten moeten worden. Zo vallen deze op en lijken ze belangrijk, maar ze lijken ook geschreeuwd te moeten worden.
Niet alleen Paul van Ostaijen was iemand die gebruikmaakt van ritmische typografie ook Theo van Doesburg maakt hiervan gebruik. “Veel twintigste-eeuwse dichters zijn wél verder gegaan, over de grenzen van het medium en van de poëtische taal heen. Zij zochten hun heil in andere tekens, buiten de taal om. Zo meende de Nederlandse dadaïst Theo van Doesburg dat woorden onvermijdelijk blijven herinneren aan hun vastgeroeste betekenissen, en dat in poëzie daarom van ándere middelen gebruik gemaakt moest worden dan van het betekenisvolle woord. Met zijn ‘letterklankbeelden’, die hij
Underline is ook een manier om aan te geven dat het belangrijk is. Je onderstreept het om kracht bij te zetten. Hetzelfde wat veel mensen ook doen als ze een woord apart neerzetten door er een punt achter te zetten willen ze het kracht bij zetten. Met deze gedachtes ben ik
6
schetsen gaan maken van het krantenbericht: Het lichaam van Christus is op. Ook heb ik dit geprobeerd met het onzinwoord varopulaan.
omzetten tot iets leesbaars en visueel. Met dit in gedachten kwam ik uit bij een onomatopee oftewel Klanknabootsing.
Voor eigen schetsen zie blz. 11-12
Volgens John Cage zijn er vele geluiden universeel. Het geluid van het verkeer is overal hetzelfde. Nu heb ik het hier over het hoorbare geluid. Vertaal ik het geluid naar een woord is dit opeens niet zo universeel meer. Iedere taal heeft zijn andere onomatopee voor hetzelfde hoorbare geluid. Dit vind ik een interessant gegeven en hiermee wil ik verder gaan.
Klankbeelden Ik heb terug gekeken naar wat voor mij ritmische typografie is en dat is het volgende. Bij mij gaat ritmische typografie over hoe ik iets uitspreek(klanken, lettergrepen) en hoe ik dit visualiseer. Dit ben ik eens verder gaan uitdiepen en toen kwam ik bij klankbeelden. Dit wordt veel gebruikt bij mensen die moeite hebben met lezen. Hoe word dit gedaan? Door letterlijk het woord te verbeelden met een afbeelding en in het woord doormiddel van kleur of vetgedrukte letters aan te duidelijk welke klank of letter belangrijk is in dat woord. Oftewel grafemen en woordbeelden.
Voor eigen schetsen zie blz. 15
Wat ik hoor visueel maken Ik ben opzoek gegaan naar verschillende klanknabootsingen in veel verschillende talen. Hieruit heb ik een selectie gemaakt waarvan ik denk dat ik met beeld veel kan experimenteren. Ik heb gekozen voor deze onomatopee: • Water • Smijten • Stilte • Schreeuw • Telefoon
In mijn schetsen heb ik het geluid van een auto gevisualiseerd, broemm. Het idee was om mijn beelden zo te maken dat het alle verschillende broem geluiden zou visualiseren. Ik wilde een broemboek maken. Een volkswagen UP klinkt anders dan een ferrari. Al deze verschillende geluiden ga ik visualiseren. Op de manier waarop de woordbeelden zijn gemaakt. Ik stuur de lezer met hoe het woord broem gelezen moet worden.
Per onomatopee heb ik ongeveer 5 verschillende vertalingen. Bij de onomatopee van water krijg je 5 verschillende vertalingen te lezen van de onomatopee van water en deze zie je in 5 verschillende beelden.
Voor eigen schetsen zie blz. 14 Voor eigen schetsen zie blz. 16
Onomatopee
Eindproduct
Na terug gekeken te hebben naar mijn project kwam ik tot de conclusie dat je het na 3 broems het wel gezien had en dat het gaat vervelen. En voor mij is het moeilijk om elke bladzijde een unieke uitwerking te geven. Dus ben ik na gaan denken wat ga ik nu doen? Mijn uitgangspunt blijft nog steeds dat ik klanken wil omzetten naar leesbare letters. Dus wat je normaal hoort
Ik heb uiteindelijk voor 3 verschillende onomatopee gekozen namelijk water, iets dat kapot valt en stilte. Mijn idee is dat ik in mijn eindproduct de beelden wil tonen samen met het universele geluid van water, stilte en de crash. Dus ik zoek een eindproduct waarbij ik beeld en geluid wil samen laten komen. Daarom
7
zat ik te denken aan een website maar het nadeel is dat ik wil dat mensen de tijd nemen om naar beelden te kijken en op een website bereik ik dit minder dan als ik zou doen met print. Dus vandaar gaat mijn voorkeur uit naar interactieve print. Hierbij krijg ik mijn beelden in print maar kan ik een extra laag toevoegen van geluid doormiddel van een layar app. Ik zat ook te denken om de gesproken woorden per taal van de onomatopee toe te voegen maar ik wil graag dat de mensen zelf proberen te horen of zij de verschillende onomatopee’s horen in het universele geluid. Voor eigen schetsen zie blz. 17-35
De opmaak en binding Het ontwerp van het boekje wil ik zoveel mogelijk minimal houden zodat de aandacht gaat naar mijn beelden. Verder heb ik vastgesteld dat ik hem op gerecycled papier wil drukken. Dit omdat ik vind dat dit bij mijn beelden past. Ik ben alleen nog aan het twijfelen over de manier waarop ik het ga presenteren. Ik wil dit doen of doormiddel van de slipknot binding omdat deze single pages op een minimalistische manier bij elkaar houd of ik ga het boekje tonen op een leporello manier. Voor eigen schetsen zie blz. 36
Universele inhoud Ik heb besloten om niet alleen de inhoud van de beelden universeel te maken maar ook de inhoud van het boekje zelf. Ik heb alle talen waarin de beelden zijn gemaakt ook terug laten komen in de tekst. Dus de teksten zijn te lezen in Nederlands, Engels, Duits en Frans. Voor eigen schetsen zie blz. 37
8
Ritmische typografie
Schetsen naar aanleiding van het gedicht van Paul van Ostaijen, boem paukeslag.
9
Theo van Doesburg
Eigen schetsen naar aanleiding van een gedicht van Theo van Doesburg, de trom.
10
Wat niet ritmisch is ritmisch maken
Het lichaam van Christus is bijna op. Krantenbericht uit TV Olen. Bij deze schetsen heb ik geprobeerd de titel op een ritmische manier neer te zetten.
11
Wat niet ritmisch is ritmisch maken
Onzinwoord Varopulaan. Schetsen om het woord ritmisch te verbeelden.
12
Klankbeelden
Schetsen van het woord broem voor in een broemboek. Elke schets moet een ander broem geluid visualiseren.
13
Klankbeelden
Bij deze schetsen, van het woord broem, ben ik opzoek gegaan naar een interessante beeldtaal om mijn geluiden te visualiseren.
14
Onomatopee
Schetsen van het woord krak waarin ik experimenteer met gebroken letters.
15
Wat ik hoor visueel maken
Haha
Ding Dong
Ding Dong
16
Eigen schetsen
Bultykh
Platsch
17
Eigen schetsen De onomatopee Platsch. Bij deze schetsen heb ik gespeel met het idee van golven.
18
Eigen schetsen
Eindbeeld
19
Eigen schetsen
Eindbeeld
20
Eigen schetsen De onomatopee Plouf. Bij deze schetsen wil ik experimenteren met onderwater typografie.
21
Eigen schetsen
De onomatopee splash. Hier heb ik de beweging van water verbeeld. De letters die in het water zijn gevallen zorgen voor die beweging.
22
Eigen schetsen
Eindbeeld
23
Eigen schetsen De onomatopee plons. De letters vallen in het water naar de bodem.
Eindbeeld
24
Eigen schetsen Eindbeeld
De onomatopee shhhh. Spelen met minimalisme en leesbaarheid.
25
Eigen schetsen
Eindbeeld ssst. Spelen met witruimte.
26
Eigen schetsen
PSCHT
HT
Eindbeeld pscht. Spelen met minimalisme en leesbaarheid.
27
Eigen schetsen
Eindbeeld ssst. Spelen met leesbaarheid
28
Eigen schetsen
De onomatopee bam. De suggestie van gebroken glas waarin het woord bam is gevormd.
Eindbeeld
29
Eigen schetsen De onomatopee boem. Bij deze schetsen wil spelen met afsnijdingen van letters die zijn ontstaan doordat deze van te voren zijn gebroken.
30
Eigen schetsen
Eindbeeld
31
Eigen schetsen
Eindbeeld
32
Eigen schetsen De onomatopee bing. Experimenten met gescheurde letters.
33
Eigen schetsen
De onomatopee bumms. Bij deze schetsen wilde ik spelen met gebroken letters en leesbaarheid.
34
Eigen schetsen
Eindbeeld
35
De opmaak en binding
Een schets van een spread voordat ik besloot het boekje ook universeel te maken.
Slipknot binding
36
Universele inhoud
Voorbeeld van de achterkant en een voorbeeld van een spread waarin je kan zien dat ik de teksten in het boekje ook universeel heb aangepakt. Alle teksten zijn in 4 talen te lezen: Nederlands, Engels, Duits en Frans.
37
38
Groepsopdracht: Grids
Elke groep kiest en eigen te onderzoeken ontwerpbeginsel/techniek nav, de vraag “Waarover willen wij meer weten?“ Dmv. brainstorms wordt het gekozen onderwerp in al zijn facetten ontrafeld en wordt een matrix/mind-map opgesteld met alle gevonden verbanden. Iedereen analyseert, onderzoekt en documenteert de diverse geselecteerde deelbegrippen. Presenteer de verzamelde documentatie als publicatie in de vorm van een interactieve pdf in functie van een Sla-archief waar we de volgende jaren aan verder werken.
39
Onderzoek naar grids Aan het begin van dit project is eerste iedereen begonnen zelf onderzoek te doen naar grids. Ik ben begonnen met onder andere leuke tools met het thema grids op te zoeken. Tool1: The grid kit http://gomedia.us/zine/insights/grid-kitdesign-layout-templates/ Tool2: The 892 unique was to partition a 3×4 grid http://www.dubberly.com/conceptmaps/3x4grid.html Tool3: Voorbeeld van making grids in illustrator http://font.is/grid-systems-making-grids-inillustrator/ Tool4: Grid-overlay http://ringce.com/slammer/movie Tool5: Grid-maker in photoshop http://andrewingram.net/2009/feb/ gridmaker-photoshop-cs4/ Tool6: A Grid Calculator http://gridcalculator.dk Abraham Georges, developed a Grid Calculator for Designers Bookshop based on Marcus teaching and calculations. Marcus thinks that the Grid Calculator is a perfect substitute for the person that has not yet learnt the system by hand and wants to create the grid quick and easy. Ook heb ik voorbeelden van mensen die een grid gebruiken opgezocht. Zo heb ik voorbeelden van Win Crouwel, Two points, Experimental Jetset maar ook Josef MüllerBrockmann. Bij ieder voorbeeld heb ik zelf onderzoek gedaan naar hoe in het voorbeeld het grid gebruikt is en welk soort grid er gebruikt is. Natuurlijk heb ik ook onderzoek gedaan naar de Zwitserse Stijl. Ik heb in het kort de volgende informatie daarover gevonden:
Swiss Style. So grids came out of these modern ideals, mostly in and around Switzerland and are a major counterpart to what is known as the “Swiss Style” or furthermore the “International Style”. They were produced with the intent of helping designers design faster, streamlining the process of laying out pages. What they have allowed me to do is spend less time on the basics and think more about more advanced principles, such as paragraph and sentence rhythm, division of space and other typographical principles. I hope they do the same for you. Voor de voorbeelden zie blz. 42-47
Indeling PDF Dit is de indeling die we gemaakt. 1. Eerst een intro waarin grids algemeen wordt behandeld. 2. Inhoudsopgave 3. Geschiedenis van grids 4. Waarom gebruik je grids 5. Hoe maak je stapsgewijs een grid 6. Voorbeelden van ontwerpers en hun grids 7. Uitleg web grids 8. Tools 9. Bilbiografie We hebben ook nagedacht over het ontwerp. We zaten eraan te denken om 2 pdfs te maken 1 in een grid en 1 zonder grid en aan het begin word de vraag gesteld bent u voor of tegen een grid. Ben je tegen krijg je de pdf in het grid te zien ben je voor krijg je hem zonder te zien. Ook wilde we op elke pagina een navigatie ergens plaatsen zodat mensen niet door de gehele pdf hoeven te lezen. Een ander idee is dat we 1 pdf willen maken en dat elke pagina zijn eigen grid heeft. Deze is in de pdf zelf ook te zien. Voor de indeling zie blz. 48
40
Basis grid We hebben een basisgrid gemaakt. Gebaseerd op de afmeting van Pdf. Deze hebben we zo ver mogelijk in vakjes opgedeeld. Daardoor krijg je een raster waarop je een grid kan baseren. Ons idee was namelijk geworden om voor elk onderdeel van de PDF een eigen grid te maken. Als je een basisgrid hebt weet je dat hij altijd klopt ongeacht of deze anders dan die daarvoor omdat hij dus altijd gebaseerd is op het onderliggende basisgrid. Voor het basisgrid zie blz. 54
Nieuwe schetsen met het basisgrid Met dit basisgrid ben ik gaan schetsen. Ik wilde graag dat mijn schetsen gingen spelen met het grid. We wilde namelijk dat het grid zichtbaar zou zijn in de PDF. Daarom dacht ik dit te doen door te spelen met afbrekingen die bepaald worden door het grid waarop de pagina is gebaseerd. Voor nieuwe schetsen met het basisgrid zie blz. 55
Eindproduct Voor het eindproduct hebben we een verdeling gemaakt wie welk onderdeel gaat schrijven en ontwerpen. Ik heb de onderdelen; Voorbeelden van ontwerpers en hun grids en tools geschreven. Ik heb de ontwerpen gemaakt van; Geschiedenis en voorbeelden van ontwerpers en hun grid. En ik heb meegeholpen met de ontwerpen van; Inhoudsopgave, hoe maak je stapsgewijs een grid, uitleg web grids en bibliografie. Voor elk ontwerp is een eigen grid gemaakt die past bij de inhoud van de tekst. Voor het eindproduct die blz. 56-62
41
Onderzoek naar grids
Barefoot Basics Shadow Book Typesetting Package – Old Style Book Antiqua On/Off Electronics Annual Report Ryan Stannage
42
Onderzoek naar grids
Premo Ferrari
43
Onderzoek naar grids
Josef M端ller-Brockmann Book grid systems Experimental Jetset Poster film helvetca
44
Onderzoek naar grids
Wim Crouwel Poster Steldelijk museum Amsterdam
45
Onderzoek naar grids
Two Points - I Love Helvetica
Two Points - Scalpel
46
Onderzoek naar grids
graphic dialogue - experimental jetset
47
Indeling PDF
Indeling schets voor de interactieve PDF
Opsomming met de onderwerpern die behandeld gaan worden in de interactieve PDF
48
Eigen schetsen
Eigen schets voor en basisgrid
Schets voor de introductie in mijn eigen bedachte basisgrid
49
Eigen schetsen
Bij deze schets speelde ik met de vlakken in het grid.
Bij deze schets speel ik met leesbaarheid en afsnijdingen van typografie gecombineerd met een 1 coloms grid.
50
Eigen schetsen
Bij deze schetsen speel ik met leesbaarheid en afsnijdingen van typografie.
51
Eigen schetsen
Schetsen voor het hoofdstuk how to use. Ik wilde dat de tekst strak in het grid werden gezet.
52
Eigen schetsen
Schetsen voor het hoofdstuk met de examples en het hoofdstuk bibliography. In beide is gespeeld met een ander gebruik van het grid.
53
Basisgrid
We hebben het bovenstaande basisgrid gemaakt en vanuit die hebben we een grid gemaakt waarmee we later nog andere grid uit konden halen zodat we varaitie krijgen in beelden.
54
Nieuwe schetsen met het basisgrid
Nieuwe schetsen voor het hoofdstuk history. Deze zijn gemaakt op het nieuwe basisgrid. In deze schetsen heb ik mijn eerdere concepten van spelen met het grid, leesbaarheid en afsnijding doorgevoerd.
55
Eindproduct
Inhoudsopgave
56
Eindproduct
Hoofdstuk history. Door mij ontworpen.
57
Eindproduct
Hoofdstuk how to make.
58
Eindproduct
Hoofdstuk examples. Door mij ontworpen.
59
Eindproduct
Hoofdstuk tools. Door mij geschreven.
60
Eindproduct
Hoofdstuk bibliography. Meegeholpen met ontwerpen.
61
62
63
Eigen schetsen
64
Eigen schetsen
65
Eigen schetsen
66
Eigen schetsen
67
Eigen schetsen
68
Eigen schetsen
69
Eigen schetsen
70
Eigen schetsen
71
Eigen schetsen
72
Eigen schetsen
73
Eigen schetsen
74
Eigen schetsen
75
Voorkeuren
Bernd Kuchenbeiser
Eva Ruiz GalerĂa
DEUTSCHE & JAPANER - Creative Studio Hinged Painting Lisa Sigal
76
Voorkeuren
Sophikatt Claudia Basel
Eva Hesse
shitfuckcockballs
77
Voorkeuren
Identity- Maarten Kolk / Guus Kusters
MY DISCO - Arndt Benedikt
78
Voorkeuren
Futurneue Yosuke Suzuki
Mind the gap
LEM
79
Voorkeuren m-thblt
Boyache Flyer Designby Yuta Kawaguchi
Neue Fotografie. Satoshi Machiguchi
DonaRita
80
Voorkeuren Neone Prague11 Oct 2013 anymade
David Rudnick Making Time
Caulino04 Isabel Lucena
81
Voorkeuren
Margot Gabel
To Die For Ryo Kuwabara Glitch Type Wenjing Chua
82
Voorkeuren
Come with me and touch Taisido
Alex Dujet
Herve Thomas
DOMO-A Inspiration
83
Voorkeuren
Donald Judd Sculpture Marfa
Serpentine, 1993 Richard Serra
84
Voorkeuren
Pennacchio Argentato
Charles Hinman Archimedes
85
86
Jaaropdracht communicatie: Jij als ontwerper in de toekomst Ontwikkel een individueel project vanuit jouw fascinatie voor ontwerp ifv. de toekomst van het grafisch ontwerp. Belangrijk is dat je hier je eigen ding in vindt en toont. Wie ben ik? Waar sta ik voor? Waar wil ik naartoe?
87
De controle Met de jaaropdracht ben ik bezig gegaan om Print en Web(internet) te vergelijken in zijn “voor en nadelen”. Dit idee is allemaal voorgekomen uit het idee dat ik met print creatiever om kan gaan. Ik kan mijn uiteindelijk ontwerp vasthouden en de uitwerkingen zijn voor mij vaak een stuk kunstzinniger. Om te beginnen heb ik een hele lijst gemaakt met dingen die specifiek zijn voor dat medium. Hieronder een aantal die eruit sprongen: Print: • Fysiek product • Eindproduct is voor iedereen hetzelfde • In 1 oogopslag krijg je de informatie te zien(behalve bij een boek maar dan nog kan je de gehele spread zien) • Vaak beperkte informatie mogelijk • Minder makkelijk bereikbaar • Leesbaarheid is beter en fijner • Uitwerking wordt zoals jij hem hebt bedacht • Zoeken naar informatie is lastiger Web: • Ontwerp moet comptable zijn met elk formaat • Kleur per scherm verschilt • Ongewenste reclame • Layout is scrolbaar • Het doen is belangrijk • Font moet geïnstalleerd zijn op het apparaat • Makkelijk bereikbaar • Mensen kunnen snel wegdrukken • Leesbaarheid is minder fijn • Niet altijd betrouwbare informatie • Website kan makkelijk aanpassingen doorvoeren Wat voor mij hierin opvalt is dat je met print uiteindelijk meer controle hebt over je eindproduct. Je hebt gekozen voor dat soort papier en die is het. Je hebt gekozen voor dat lettertype en dat is het geworden. Je hebt gekozen voor dat formaat en dat is het geworden. Maak je een website dan moet je
rekening houden met elk formaat. Je kan niet kiezen voor 1 formaat. Elke beeldscherm heeft een eigen resolutie en calibratie waardoor de kleur die je hebt gekozen op elk beeldscherm anders zal zijn. Het lettertype dat je kiest is niet altijd te zien is op andermans computer omdat deze niet is geïnstalleerd op die computer. Je hebt als ontwerper veel minder de controle over je eindproduct dan dat je hebt bij print. Waarom gaan wij als ontwerpers akkoord met het gegeven dat je ontwerp van een website nooit zal zijn zoals jij hem hebt ontworpen? Het tegen argument hiertegen is dat je ervoor kiest. Je kiest voor een website omdat deze makkelijk en snel door iedereen bereikbaar moet zijn. Want dit is met print minder mogelijk. Voor print kies je voor die vormgeving omdat deze bedacht en ontworpen is voor een specifieke doelgroep. Voor een website heb je in principe dezelfde doelgroep. Maar deze moet wel competable gemaakt worden zodat deze gelezen kan worden door de “hele wereld”. Maar de “hele wereld” is mijn doelgroep niet. Ik kies voor deze kleur, dit lettertype en deze vormgeving omdat deze past bij mijn doelgroep die ik wil bereiken. Dus waarom mag ik als ontwerper niet zeggen dat deze website alleen toegang geeft voor mijn doelgroep? Voor een uitgebreidere lijst van de verschillen tussen print en web zie blz. 94-95
Brainstorm over het project Tijdens dit onderzoek denk ik ook na over eventuele manieren hoe ik dit ga tonen. Hieruit zijn de volgende ideeën uitgekomen: • Elke keer dat je de website bezoekt en dat je veranderd van pagina verliest de website aan kwaliteit. Hiermee benadruk ik het idee dat je bij print ook aan kwaliteit verliest naarmate je veel print. • 1 ontwerp(website) maken die op 1 formaat is gemaakt. Deze zal dus op elke
88
•
•
• •
beeldscherm anders uiten en niet overal tot uiting zal komen. Printserie maken die elk formaat competable is gemaakt. Dit om aan te geven dat dit een standaard gegeven is bij website dus waarom niet bij print Boek en website met hetzelfde ontwerp maar beide tonen alleen datgene waarin het een voordeel heeft. Boek met alle nadelen van een website Website die alle nadelen toont van een website
gunstig effect op het geheugen. Dat zit ons in de genen en vanuit dat perspectief heeft print dus zeker een streepje voor. Wel leuk, maar niet zo verrassend is een Duits onderzoek verschenen in het digitale blad Plos One. Onze oosterburen stellen vast dat ouderen sneller lezen met een tablet of e-reader. Dat heeft waarschijnlijk alles te maken met het contrast dat voor de oude ogen prettiger is op deze apparaatjes. Of ze ook beter lezen is in dit onderzoek niet meegenomen. Jongeren lezen net zo snel van een tablet als van papier.
Onderzoek naar websites Ik heb verschillende website opgezocht en geanalyseerd met wat ik daar goed aan vond maar ook hoe ik vind dat ik als ontwerper in deze website nog wel eigen baas kan zijn over de website. Voor de websites zie blz. 96-97
STRP Biennial Voor de jaaropdracht ben ik naar de expo van STRP Biennial gegaan. Dit omdat de omschrijving mij vertelde dat het een beeld schetsen van de beeldschermen in deze cultuur. Hoe hiermee word omgegaan en of we al niet zonder kunnen. Ik dacht dit past bij mijn project maar dit viel heel erg tegen. Voor STRP Biennial zie blz. 98-99
Inhoudelijk onderzoek voor het project Print is dood, lang leve print. In ieder geval blijkt dat we informatie in gedrukte teksten beter kunnen onthouden. Dat geldt voor zowel voor fictie als non-fictie. Dat heeft te maken met de driedimensionaliteit van gedrukte media, met het overzicht dat een boek of tijdschrift biedt en met de interactie die je ermee kunt hebben. Dat heeft allemaal een
Grappig in dit verband is ook een Frans onderzoek. Daaruit blijkt dat mensen liever papier archiveren dan digitaal. Overzicht en vindbaarheid blijken de belangrijkste argumenten te zijn. Of Fransen dus alles uitprinten en in dikke ordners voor het nageslacht veilig stellen, vermeldt het onderzoek niet. De tablet is verreweg het populairst onder de mobile devices. 71% van de mensen heeft de voorkeur voor de tablet boven het slimme mobieltje. Van de tabletgebruikers leest nog steeds 35% liever een papieren krant, 41% prefereert een gedrukt magazine. Hoe we dat weer moeten begrijpen in het licht van het bescheiden marktaandeel van digitale magazines weet ik niet. De tablet is een typisch dingetje voor in huis. 88% gebruikt hem in de woonkamer. En jawel, 79% neemt hem mee naar bed. Tja, je vraagt je weleens af of je alles moet willen weten. De nieuwe magazines verschijnen daarom ook in een relatief lage opgave, zijn ze aan de dure kant en hebben ze stuk voor stuk plek voor maar één adverteerder. Kledingmerk Converse is dat bij The Pitchfork Review, HR-bedrijf TriNet bij Pando Quarterly, en bank JPMorgan heeft het exclusieve recht bij Politico Magazine. Het moet een luxe zijn om de magazines te lezen.
89
A Dao of Web Design The web is a new medium, although it has emerged from the medium of printing, whose skills, design language and conventions strongly influence it. Yet it is often tooshaped by that from which it sprang. “Killer Web Sites” are usually those which tame the wildness of the web, constraining pages as if they were made of paper – Desktop Publishing for the Web. This conservatism is natural, “closely held beliefs are not easily released,” but it is time to move on, to embrace the web as its own medium. It’s time to throw out the rituals of the printed page, and to engage the medium of the web and its own nature.
deze wel samen bundelen in 1 boek waarin je beide naast elkaar hebt en door beide heen kan bladeren. Ik bepaal hierin wel de volgorde maar de gebruiker kan zelf nog bepalen welke punten naast elkaar worden gelegd.
This is not for a moment to say we should abandon the wisdom of hundreds of years of printing and thousands of years of writing. But we need to understand which of these lessons are appropriate for the web, and which mere rituals.
Voor eigen schetsen zie blz. 100-101
Kritische reflectie op de eerste uitwerkingen
Eerste schetsen voor een eindproduct Ik wilde langzaam gaan bedenken hoe ik dit in een “eindproduct” wil gieten. Mijn hele project heeft in het teken gestaan van onderzoek naar de verschillen tussen print en web. Hierbij heb ik een lijstje gemaakt met de voordelen van elk medium naast elkaar neergezet. Daarnaast heb ik gekeken naar de verschillen van beide en hoe ik bij beide eigen baas kan blijven. Dit alles wil ik samen gaan bundelen in een boek. Ik heb nog overwogen om te gaan voor een boek en een website omdat het over beide van deze medium gaan maar mijn keuze is toch gegaan naar een boek omdat deze is gebleken een medium te zijn waarin de leesbaarheid beter is en ik zocht naar een “eindproduct” waarin ik de punten van beide medium naast elkaar zou zien staan. Dit vond ik in een boek terug. Mijn idee is om voor het gedeelte print en voor het gedeelte web een apart boek maken maar
Ik heb al mijn punten onderverdeeld in onderwerpen: • Tastbaarheid • Bereikbaarheid • Leesbaarheid • Formaat • Kleur • Gedeelte eigen baas • Bronnen
Met mijn jaaropdracht was ik voornamelijk bezig met het onderzoeken van verschillen tussen web en print. Wat ik mezelf al na een paar dingen gelezen te hebben af ben vragen is ben je als ontwerper nog wel eigen baas over je ontwerp voor het web. Verder heb ik het een lijstje gemaakt met de verschillen tussen web en print die ik uit gevonden informatie heb kunnen halen. Deze punten wilde ik gebruiken in mijn jaaropdracht en eindige met de conclusie over eigen baas zijn of niet. Mijn idee was om 1 boekje te maken waarin 2 boekje zaten die je naast elkaar kunt open slaan zodat je van zowel print als web de punten naast elkaar zou zien staan. Verder op de pagina wilde ik de punten uitleggen aan de hand van voorbeelden uit de praktijk. Ik heb al een heleboel voorbeelden gevonden maar ik vind deze voorbeelden vaak niet sterk genoeg of gewoon totaal oninteressant. Willen mensen bij de tastbaarheid van print iets lezen over kakpapier? Zijn de punten opzich al niet duidelijk genoeg? En kan ik dan niet beter een bron vermelding van eventuele voorbeelden
90
toevoegen dat de mensen zelf kunnen beslissen of het interessant genoeg vinden? Dit vind ik een beter uitgangspunt. Ik wil nog wel het idee van het boekje houden maar daarin word alleen de focus gelegd op de punten en mijn eindconclusie over het idee van eigen baas of geen eigen baas zijn in uitgelegd. De voorbeelden laat ik dus allemaal weg en vervang deze door bronvermeldingen. Want ik heb de voorbeelden niet voor niks gevonden.
wit maar heeft ook nog een toepassing om de onderverdelingen aan te geven. Ik heb dit ook niet alleen in de tekst door gevoerd maar ook de afbeeldingen hebben een monotone kleur. Dit zodat het rust geeft en het neutrale ook daarin wordt doorgevoerd.
Ook heb ik mezelf afgevraagd waarom heb ik voor een boekje gekozen? Ik heb voor een boekje gekozen omdat ik hierin de punten naast elkaar kon tonen. Dit kan toch ook met web? Web heeft daarentegen ook het voordeel dat je gelijk naar andere pagina’s kunt linken. Vandaar dat ik ook daarnaast een ontwerp maak voor de website. Dus in beide medium laat ik zien hoe ik dit project uitwerk. Het zal aan de tijd liggen of ik de website nog functioneel zal kunnen maken anders toon ik alleen het ontwerp van de website.
Maar na hier kritisch naar te hebben gekeken ben ik tot de conclusie gekomen dat de punten te neutraal en te saai zijn neer gezetten. Ik wilde de punten neutraal houden en eindige met een conclusie die volledig gebaseerd was op mijn mening. Dat klopt niet helemaal. De voorbeelden die bij de punten horen zijn ook volledig naar eigen voorkeur neergezet. De voorbeelden had ik eerst wat meer naar de achtergrond neer gezet maar ik ben toch van mening dat de voorbeelden meer diepgang geven dus deze wil ik deze ook wat meer uitbreiden met tekst die meer inhoudelijk zijn. Dus nu maak ik het gehele boekje persoonlijk. Ik maak de punten dus ook niet als punten gebaseerd op feiten maar punten die ik zelf persoonlijk heb vastgesteld. Deze komen daarom ook tussen aanhalingtekens te staan. Onder de punten kan je meer onderbouwing lezen over mijn punten of meer uitleg over dat project. Ik wil nog wel kleur erin toevoegen en dat doe ik met de kleuren rood en groen omdat ik in mijn teksten die ik onder mijn quote zet al praat over voordeel en nadeel en door de quote rood of groen te kleuren geef ik aan of het voor mij een voordeel is of een nadeel. Ook had ik eerst alle punten onderverdeeld onder de onderwerpen maar deze onderwerpen heb ik eruit gehaald omdat niet altijd even goed duidelijk was dat die punt bij dat onderwerp hoorde. Vandaar vond ik deze ook overbodig.
Voor eigen schetsen zie blz. 102-103
Neutraal standpunt en monotone kleurgebruik Het idee van de website gaat door te weinig tijd niet door. Ik wil me volledig focussen op het boekje zodat deze van voor tot achter helemaal klopt. Mijn eerste idee was op de punten in het boekje te zetten met de bronnen die erbij horen ernaast. Ik wil de punten zo neutraal mogelijk laten overkomen op de lezer dus de vormgeving moet hierin tegemoet komen. Ik vond zelf zwart wit neutraal maar omdat ik ongeveer 35 spreads heb wordt het met zwart wit al snel saai. Vandaar dat ik met kleur wilde werken en wel monotone kleuren. Elk onderwerp dus bijvoorbeeld tastbaarheid heeft een monotone kleur en leesbaarheid heeft een andere monotone kleur. De monotone kleur is dus niet alleen visueel aantrekkelijker dan zwart
Voor eigen schetsen zie blz. 104-105
Eindproduct
Voor eigen schetsen zie blz. 106-109
91
Bronvermelding
What does the future hold for web http://www.creativebloq.com/netmag/whatdoes-future-hold-web-41514665
This is what happens when you repost an instagram photo 90 times http://thecreatorsproject.vice.com/nl/blog/ this-is-what-happens-when-you-repost-aninstagram-photo-90-times
A Dao of Web Design http://alistapart.com/article/dao
Love letters fron Craig website http://www.lovelettersfromcraig.org DDCT website http://www.dosdecadatres.com
7 Media types http://www.w3.org/TR/CSS21/media. html#media-types http://www.princeton. edu/~mlovett/reference/A%20List%20ApartArticles-Responsive%20Web%20Design.pdf
Adoratorio website http://www.adoratorio.com/index.html#home
Joe Schlaud website http://www.joeschlaud.com
Yeneu website http://www.yenue.com
Aurelien Trichereau website http://www.aurelientrichereau.com/work. html
Bluemel Huber website http://bluemelhuber.de/#/tag/sok/
Jekyll and Hyde http://martinkovacovsky.ch/jekyll-hyde/
I hate tomatoes website https://ihatetomatoes.net/happy-25thbirthday-game-boy/
The real cookbook http://www.korefe.de/en/2012/1960/daserste-und-einzige-kochbuch/
Are we in a digital publishing recession? artikel http://www.pagelizard.com/digitalpublishing-recession/
Elektrobiblioteka http://www.elektrobiblioteka.net
Putting fingers artikel http://www.webdesignerdepot.com/2014/04/ japanese-duo-create-interactive-prints/
Bridging Book http://www.bridgingbook.com Expandable Website Design artikel http://www.entheosweb.com/website_design/ advanced_web_design.asp
Print dood lang leve print, artikel http://www.smidswater.nl/blog/print-doodlang-leve-print/ Print is dood? Nee hoor online gaat juist printen http://allnative.net/2014/03/14/print-isdood-pitchfork-en-politico-komen-juist-metpapieren-editie/ Print is dood, artikel http://print.watch/print-is-dood/
Responsive webdesign, artikel http://99designs.com/designerblog/2012/12/03/responsive-web-design-keytips-and-approaches/ Deep sadness website http://www.deepsadness.com/
92
Slow empty website http://www.slowempty.com https://infoactive.co/data-design/ch16.html Lava design website http://www.lava.nl/dutch Arne Meister website http://www.arnemeister.de New York Times news website http://www.nytimes.com Blog over creativiteit http://thecreatorsproject.vice.com/ EDHV website http://www.edhv.nl/portfolio/burners/ Design Cloud website http://designcloud.tumblr.com/ Three Star Books website http://www.threestarbooks.com/ Why not Smile website http://www.whynotsmile.com/ Motion Painting website http://demodule.nl/motion-paintings/ Layar app website https://www.layar.com Heretic Studio website http://cargocollective.com/hereticheretic
93
Eigen lijst van de verschillen tussen print en web
WEBSITE
• Fysiek Product; Textuur, gewicht
• Digitaal, scherm
• beperkte oplage
• unlimited oplage
• bepaalde doelgroep
• bepaalde doelgroep maar tegelijkertijd iedereen die internet
•
gebruikt
• Aantal bladzijdes
• unlimited pages
• Zelf formaat bepalen
• Formaat is het scherm en daarbij moet je rekening houden dat
•
deze gezien word op vele andere schermen dus deze moet voor
•
alle competable zijn; tablet, mobile
• Niet interactief
• Interactief; buttons, links, animatie, video, sound
• print= poster,boek,magazine,flyer,verpakking,textiel,tijdschrift
• website
• eindproduct is voor iedereen hetzelfde, hierbij wel proeven
• eindproduct is voor iedereen anders want iedereen heeft ander
maken, eigen papier kiezen, formaat, kleur enz
beeldscherm
• in 1 oogopslag krijg je de informatie te zien
• website is scrollbaar, je krijgt niet in 1 oogopslag de informatie
• bereikbaarheid is minder
• bereikbaarheid is groot
• beperkte informatie mogelijk
• er kan veel informatie getoond worden dit is ook mogelijk
•
doordat je gebruik kan maken van linkjes naar andere website
• geen advertenties of ongewenste reclame
• ongewenste reclames en advertenties
• mensen kiezen bewust voor je product en beginnne met vaak
• mensen beginnen vaak gelijk met scrollen om te kunnne zien
gelijk met lezen
waarop ze zijn beland
• het doen is minder belangrijk
• het doen is belangrijk
• onderscheid in kopjes en tekst in belangrijk
• onderscheid tussen kopjes en tekst zijn heel belangrijk
Een lijst gemaakt van de verschillend tussen print en web. Deze heb ik opgesteld na eigen gevonden informatie op het internet. Het is een begin lijst maar deze is natuurlijk altijd uit te breidden.
94
Eigen lijst van de verschillen tussen print en web
WEBSITE
• hoge drukkosten
• kosten om te maken zijn laag
• bereikbaarheid is klein of minder
• bereikbaarheid is groot
• hoge kosten voor de koper
• gratis om te surfen
• collectors items; sommige boeken zijn zo mooi gemaakt
• zijn geen collectors items
mensen willen die hebben
•
• promotie materiaal
• promotie materiaal
• informatie in vaak naar waarheid geschreven
• het is nog maar de vraag of de informatie klopt
• leesbaarheid is fijner en groter
• leesbaarheid is minder
• zeefdrukken; krassen,neon,goud
• kleur is kleur, geen goud,neon enz.
• in uitwerking is bijna alles mogelijk
• je moet kennis hebben van codes om te maken, html, css
• uitsnijdingen
• geen uitsnijdingen
• gebruik maken van verschillende vormen bv. driehoek
• alleen de vorm van het beeldscherm mogelijk
• eindproduct is eindproduct en later niet veranderbaar
• website kan je op elk moment aanpassen
• zoeken van informatie duurt langer
• informatie kan makkelijk gevonden worden
• CMYK
• RGB
• 300 dpi
• 72 dpi
• snelheid is neit belangrijk
• snelheid is waar het allemaal op gaat
• lettertype is zoals jij hem hebt bepaald
• lettertype moet geinstaleerd zijn op de computer anders moet
•
je deze via bepaalde programmes instaleren zodat deze op
•
ieder scherm hetzelfde is
• mensen kiezen bewust voor je product
• mensen kunnen snel wegklikken
95
Onderzoek naar websites http://www. dosdecadatres.com Per foto krijg je een andere achtergrond. Hierin ben je eigen baas net zoals je voor print kiest dat dit papier past bij je ontwerp. Hier zeg je dat je deze kleur als achtergrond hebt omdat de foto hiermee optimaal tot uiting komt.
http://www.yenue.com Website is heel interactief. Elke keer wanneer je ergens op hebt gelinkt verander je de kleur van de website.
http://www. lovelettersfromcraig.org Gebruik van animatie. Interactief door buttons maar ook de animatie zelf kan je veranderen Gebruik van weinig tekst dus wat je te lezen krijgt lees je. Gebruik van audio.
96
Onderzoek naar websites http://bluemelhuber. de/#/tag/sok/ Website is zeer interactief. Maakt leuk gebruik van geluid maar op een gegeven moment heb je wel door wat je allemaal aan interactieve dingen kan doen.
http://www.adoratorio. com/index.html#home Website is heel minimaal. Maakt heel goed gebruik van de breedte van het scherm. 1 gedeelte op de website vond ik heel sterk en dat is dit stukje tekst. Je leest alleen de belangrijkste woorden. Wil je ergens meer over weten ga je met je muis erop staan en lees je de tekst die erbij hoort.
https://ihatetomatoes. net/happy-25th-birthdaygame-boy/ Leuke website. Maakt heel goed gebruik van het scrollen dat gebeurd op internet. Iedereen begint automatisch al met scrollen voor deze website moet je scrollen om de content te krijgen.
97
STRP Biennial Joanie Lemercier en James Ginzburg Een blueprint is het punt waar idee en architectuur elkaar ontmoeten. Een installatie dat het immaterieel van de ruimte, van architectuur en van het verbond tussen beide naar een choreografie van constructieve elementen.
De Module, Coloko Motion painting ofwel bewegende schilderijen. Hij maakte voor STRP een lange wandschildering waarop de afzonderlijke streepjes variĂŤren in lengte, dikte, kleur en rotatie en lijken door het van kleur veranderde licht te wuiven als hoog gras.
98
STRP Biennial
Rafaël Rozendaal - Abstract browsering Op het STRP heeft Rafaël Rozendaal 3 installaties staan. Ik wil er 1 uitlichten want deze sprong er het meeste uit en deze past ook het beste bij mijn opdracht. De installaties die hij daar tentoonstelde is abstract browsering. Een chrome plugin die het internet vertaalt naar abstracte composities.
Guillaume Marmin - HARA Voor STRP maakt hij samen met Frédéric Marolleau een nieuw werk getiteld HARA, een installatie die in een lange geschakelde scheepscontainer past. In het Japans betekent HARA buik, maar het wordt ook beschouwd als het centrum van energie en emotie. HARA is een belangrijk onderdeel van het lichaam waar vitale functies en gevoelens samenkomen.
99
Eerste schetsen voor een eindproduct
Een eerste schets voor de vormgeving van het boekje. Hierin ben ik tot de conclusie gekomen dat de uitleg te veel het zelfde was als de punten maar dan meer in verhaal vorm en dat de voorbeelden niet interessant genoeg waren vandaar dat het deze layout niet is geworden.
100
Eerste schetsen voor een eindproduct
101
Kritische reflectie op de eerste uitwerkingen
Een spread voor web. Met rechts het statement uitgelicht in een vormgeving die bij het statement past en rechts de bronvermelding met een plaatje over de inhoud.
102
Kritische reflectie op de eerste uitwerkingen
Een spread voor Print. Zelfde idee ene kant het statement en andere kant de bronvermelding met afbeelding. Hierin is wel gekozen voor een andere vormgeving omdat ik beide medium wilde onderscheiding in vormgeving dus voor print is gekozen voor een schreef lettertype en voor Web een schreefloos lettertype.
103
Neutraal standpunt en monotone kleurgebruik
Ik heb hier gewerkt met monotoon kleur gebruik. Elk onderwerp heeft zijn eigen kleur en deze heb ik op de gehele pagina inclusief plaatjes terug laten komen. Dit wilde ik zodat je wist bij welk onderdeel je zit.
104
Neutraal standpunt en monotone kleurgebruik
105
Eindproduct
Voorbeeld van de spread die te lezen is in het boekje. Het gehele boekje persoonlijk. Onder de punten kan je meer onderbouwing lezen over mijn standpunt.
106
Eindproduct
107
Eindproduct
Ik wil nog wel kleur erin toevoegen en dat doe ik met de kleuren rood en groen. Rood betekend dat het een nadeel is en groen betekend dat het een voordeel is voor mij.
108
Eindproduct
109
110
111
Eerste versie
Eerst versie met verf die je kan verwarmen.
112
Final versie
Het idee is dat het gat in het kaartje een grap uithaald met mijn achternaam namelijk hol. Verder is het kaartje minimalistisch en in zwart en wit omdat dat een stijl is die veel terug te zien is in mijn werk.
113
114
Bachelorclass: Making things public
Making things public stond in het teken van reproduction. Hierover zijn vele interessante discussies uit ontstaan. Met deze informatie over reproduction was de bedoeling werk te maken voor een expositie.
115
Eigen schetsen
116
Eigen schetsen
Bij deze schetsen ben ik gaan experimenteren met reproduction van de envelop. Eerst heb ik verschillende vormen eruit gehaald en later ben ik met die vormen nieuwe vormen gaan maken.
117
118
119
Mijn methode van werken ik dat ik werk met typografie, in zwart en wit en vaak hand gemaakt. Dit heb ik in deze beelden gecombineerd.
120
121