1

VISUAL DESIGN THEORY

FLORESKA OLMBERG1570378

2

INHOUDSOPGAVE

3

Wat vind ik mooi?

Eigen werk

Open Source

X MIN Y Visueel Concept

Contrast & Magnetisme

Guidelines & Flow

Meet.. Yavez Anthonio

4

6

8

10

14

16

22

4

WAT VIND IK MOOI?Ik hou van verschillende stijlen qua grafisch ontwerp en mijn smaak veranderd ook altijd. Op dit moment houd ik vooral van gelaagdheid in een ontwerp, zoals je ook ziet in mijn collage. Ik vind dat interessant omdat je een paar keer naar het ontwerp moet kijken om alles tekunnen zien. Het houdt de toeschouwer bezig en trekt meteen zijn aandacht. Daarnaast vind ik vooral de combinatie van verschillende vormen en typografie interessant in een ontwerp omdat, wanneer deze goed gebruikt wordt, het ontwerp speelser maakt en aandacht trekt.

5

6

7

EIGEN WERKDit is een selectie van het werk wat ik tot nu toe heb gemaakt

voor school, tijdens mijn stage tijd bij VICE Magazine en een paar ontwerpen die ik voor mezelf heb gemaakt. Over het algemeen

ben ik wel tevreden met mijn eigen werk maar nu ik in mijn vier-de jaar van de opleiding zit, zie ik wel hoe ik het misschien anders

had kunnen doen bij sommige ontwerpen.

8

RIP-OFF‘RIP-OFF’ is een online open source platform/community voor studerend Nederland. Beginnende ont-werpers kunnen hun ontwerpbestanden droppen, deze zijn door andere gebruikers in het platform aan te passen (Illustrator interface) en te downloaden. Zo krijgen medestudenten nieuwe inspiratie en worden ze op weg geholpen bij het maken van eigen ontwerpen. Alle gebruikers kunnen feedback ge-ven op elkaars ontwerpbestanden of volledige (nieuwe) ontwerpen. Op deze manier bouwen studenten zelf aan een eigen stijl en portfolio terwijl ze daarnaast elkaar verder helpen op het gebied van design.

9

HOE BEGINT HET?Studenten worden door docenten gestimuleerd het platform te gebruiken als inspiratie voor eigen werk en het opbouwen van een portfolio. Het platform zal dan ook alleen toe-gankelijk zijn voor studenten van grafisch gerelateerde opleidingen, dit zijn er een stuk of 15 in Nederland.Daarnaast kunnen bedrijven (die contact hebben met de opleidingen) opdrachten op het platform plaatsen die interessant zijn voor de studenten. Zij kunnen aan deze opdrachten werken waaruit vervolgens het beste ontwerp wordt gekozen. Dit is een extra stimulans voor studenten om dit platform te gebruiken, zo beginnen de studenten met het uitbreiden van hun portfolio.

Wij willen met RIP-OFF beginnende ontwerpers de kans geven met elkaar, naast hun opleiding, bezig te zijn met design. Hierbij inspireer je elkaar en motiveer je medestudenten het onderste uit de kan te halen. Het platform biedt de studenten de mogelijkheid geleerde kennis op een praktische manier te delen.

OPEN SOURCE

“Een idee: 90% transpiratie

en 10% inspiratie”

10

Voor de X MIN Y opdracht heb ik gekozen voor een postercampagne die simpel is maar met een duidelijke boodschap. De posters bestaan uit drie versies met alle drie een andere X MIN Y thema, en een daarbij behorende uitspraak en afbeel-ding. De posters eindigen allemaal met de uitspraak “Ik doneer. En jij?” om de vraag bij de consument te leggen zodat zij erover nadenken.

De posters zijn over het algemeen in de huisstijl van X MIN Y, met dezelfde kleu-ren maar op een andere manier toegepast zodat het duidelijk was dat het om

een bepaalde campagne gaat, in dit geval dus een donateur wervende campagne. Vo o r mijn schetsen heb ik de thema’s mensenrechten, feminisme en anti-racisme als voor- beeld gekozen.

X MIN YVISUEEL CONCEPT

IEDER MENS HEEFT RECHT OPMENSENRECHTEN

IK DONEEREN JIJ?

11

IEDER MENS HEEFT RECHT OPMENSENRECHTEN

IK DONEEREN JIJ?

12

GEEF ALLE VROUWEN IN DE WERELD EEN STEM

IK DONEEREN JIJ?

13

GEEF ALLE VROUWEN IN DE WERELD EEN STEM

IK DONEEREN JIJ?

WE ZIJN MEER DANALLEEN EEN KLEUR

IK DONEEREN JIJ?

14

GOED: Duidelijke grid wat doorgebroken wordt door een foto en tekst. Daardoor blijft alsnog overzichtelijk.

GOED: Duidelijke grid aanwezig maar ook heel minimalistisch gehouden. Alleen de noodzake-lijke informatie is te zien op de pagina.

GOED: Voorbeeld van een minimalistisch pro-duct. Het product heeft geen toelichting nodig omdat je het vanzelf al ziet.

EIGEN WERK GOED: Minimalistisch ontwerp van een Amsterdam logo maar wel duidelijk door de kruisjes en kleurgebruik.

EIGEN WERK SLECHT: Ik zie nu dat het door de achtergrond te druk is (ook al past de genre van de band) maar er had meer structuur in mogen zitten en een wat rustigere achtergrond die tege-lijkertijd ook nog bij de genre van de band past (punkrock)

SLECHT: Er gebeurt teveel op de flyer waardoor je als kijker niet weet waar je moet kijken.

15

CONTRAST & MAGNETISME

16

GUIDELINES & FLOW

17

GUIDING: De flow van de website is duidelijk, de grote banner pakt je aandacht. Daarna kijk je als gebruiker verder bij de andere artikelen. De ar-tikelen staan op ‘laatst toegevoegd’ gerangschikt dus het nieuwste artikel staat altijd bovenaan. Aan de zijkanten staat niet zoveel, waardoor je aandacht alleen naar het midden van de pagina gaat.

POSITIE OP DE PAGINA: De belangrijkste informatie (artikelen) staan in het midden van de pagina, waar ook jouw aandacht meteen naartoe gaat als gebruiker. De minder belangrijke informatie staat aan de zijkant of aan de bovenkant.

HOU HET LICHT: De website is heel simpel, alleen artikelen met de hoognodige afbeeldingen die daarbij horen, geen andere poespas waardoor je afgeleid wordt. Er is vrijwel geen kleur toegepast op de website, alleen black and white. Alleen de essentiële dingen staan op de website, in een overzichtelijke manier.

HINTING: Door de grote banner aan de boven-kant, wordt je wel uitgenodigd om dat artikel meteen te lezen omdat het toch je nieuwsgierig-heid wekt. Ook door foto’s te gebruiken naast of bij de artikelen wordt je als lezer uitgenodigd om de artikelen te lezen.

GUIDING: Op de Apple website wordt je aandacht meteen geleid naar de het midden van de pagina, omdat daar een grote afbeelding staat van het nieuwste product van Apple. Daarna wordt je aandacht getrokken naar de filmpjes die in het midden van de pagina staan die in verband staan met het product wat gepromoot wordt in het midden. Daarna kijk je naar het menu aan de bovenkant.

MAAK HET DIRECT: De actie die duidelijk wordt ge-maakt is dat je op de video’s in het midden of afbeelding kan klikken omdat dat het eerste is wat je ziet.

POSITIE OP DE PAGINA: De belangrijkste informa-tie staat in het midden van pagina en aan de bovenkant(menubalk) wat heel logisch werkt voor de gebruiker omdat je op die plekken als eerste kijkt.

HOU HET LICHT: De website is heel minimaal. Alleen een afbeelding is te zien met een korte tekst, voor de rest valt de menubalk op aan de bovenkant. De rest van de pagina is wit gebleven waardoor de pagina heel veel “rust” uitstraalt.

GOED: Vice.com GOED: Apple.com

18

GUIDING: Er is een duidelijke grid te zien op de website van Froot, waardoor de aandacht van de gebruiker van links naar rechts gaat. De belang-rijkste informatie staat in het midden van de pa-gina, de menubalk aan de bovenkant is niet echt duidelijk dus je blijft echt in het midden hangen.

MAAK HET DIRECT: Het is meteen duidelijk dat de blokken in het midden items zijn waar je op kan klikken als je daarover meer wilt lezen. Door de afbeeldingen wordt je aandacht daar snel naar-toe getrokken.

POSITIE OP DE PAGINA: De meeste informatie staat in het midden van de pagina.

HOU HET LICHT: De pagina is vrij minimaal. De blokken in het midden zijn clean en stralen rust uit ondanks de afbeeldingen die daarin te zien zijn. Er is ook niet veel tekst aanwezig, alleen hoognodig twee zinnen per artikel. Aan de zij-kanten is er niks te zien.

HINTING: Door de verschillende afbeeldingen in het midden van de pagina wordt je wel uitgeno-digd om op de artikelen te klikken. Ook doordat er een mouse-over aanwezig is, dit wekt sneller je aandacht.

GUIDING: Op de website van ADE is er ook een duidelijke grid te zien. Door de opzet van deze grid (grote en kleine blokken) wordt je aandacht van links naar rechts getrokken. Je aandacht wordt voornamelijk eerst naar de grote tekst-koppen geleidt. Daarna naar de afbeeldingen die daarnaast staan.

MAAK HET DIRECT: De belangrijkste informatie is duidelijk te zien door gebruik van grote koptek-sten, daarnaast zijn er ook aantal dingen extra belicht door de gele kleur.

POSITIE OP DE PAGINA: De belangrijkste informatie op de pagina staat aan de linkerkant, de teksten staan ook voornamelijk aan de linkerkant. De rechterkant van de pagina is meer bedoeld als versterking door de filmpjes/afbeeldingen.

HOU HET LICHT: De pagina is niet heel minima-listisch, maar het straalt wel rust uit. Dit komt doordat er eigenlijk maar met zwart en grijs wordt gewerkt, en een paar accenten in het geel. Maar dit past wel goed bij elkaar. Een lichte webpagina hoeft namelijk niet altijd in het wit te zijn

GOED: Froot.com GOED: Amsterdam-Dance-Event.nl

19

GUIDING: De guiding en flow van de website van Mediamatic is nogal chaotisch. Dit komt doordat er verschillende grote kopteksten staan waardoor je als gebruiker niet weet welke kop-tekst voorrang krijgt, dus kijk je maar een beetje naar alles. Ook aan de zijkant speelt zich veel af. Pas als je naar beneden scrolt wordt het echt dui-delijk dat er op de homepagina een blog staat. Maar aan de bovenkant van de pagina zijn er teveel dingen met grote kopteksten, wat beetje verwarrend is.

MAAK HET DIRECT: Er is niet duidelijk te zien wat en waar de belangrijkste informatie staat door de hoeveelheid tekst op de pagina en bijna geen gebruik van afbeeldingen.

CALL TO ACTION: Er is geen duidelijke call to action op de pagina. De linkjes waar je op kan klikken zijn niet zo goed zichtbaar.

POSITIE OP DE PAGINA: De belangrijkste informatie op de pagina staat dus in het linker kolom, wat de blog voorstelt. Maar hier kom je als gebruiker pas achter als je naar beneden scrolt. Als je in eerste instantie op de pagina komt dan lijkt alles wat heel groot is aangegeven belangrijk, maar er zit niet echt een duidelijke structuur in.

HOU HET LICHT: De pagina is wel op zich wel licht omdat er niet veel kleurgebruik aanwezig is. Al-leen zwart/wit/roze is er op de pagina te zien. Maar door grote en vooral veel tekst oogt de pa-gina toch heel onrustig.

GUIDING: Er zit een duidelijke grid in de pagina van BNN, je oog wordt meteen getrokken naar de grote afbeelding/filmpje bovenin de pagina, en daarna naar het menu aan de linkerkant wat ik wel goed vindt. Alleen is er veel aanwezig op de pagina waardoor je aandacht eigenlijk overal naartoe getrokken wordt.

CALL TO ACTION: Er zitten verschillende call to ac-tions op de site zoals “word lid van BNN”-but-ton en allemaal filmpjes waar je op kan klikken maar er speelt zich teveel af op de site waardoor deze call to actions een beetje ondergesneeuwt worden.

POSITIE OP DE PAGINA: Ik ben van mening dat de belangrijkste informatie in het midden/rechter-kant van de pagina staat, wat voornamelijk de filmpjes/afbeeldingen zijn. Dit is op zich wel dui-delijk. Ook de positie van het menu aan de lin-kerkant en bovenkant is logisch, maar de balk met de tv-gids bijvoorbeeld is heel onduidelijk onder alles geplaatst waardoor deze niet echt op-valt. Terwijl deze best bovenin had kunnen staan zodat het wat meer opviel of wat groter want het is best handig, zo’n balk.

HOU HET LICHT: De pagina is totaal niet licht ge-houden. Er is van alles aan de hand zoals een drukke achtergrond die heel erg contrasteert met de rest van de pagina of juist heel rood is wat heel onrustig oogt. Ook beweegt er van alles op de pagina met mouse-overs, het is een beetje een overkill aan alles. Het rood wordt volgens mij als accentkleur gebruikt, echter is hier ook spra-ke van een beetje overkill aan rood.

SLECHT: Mediamatic.net SLECHT: BNN.nl

20

GUIDING: De pagina heeft een duidelijke flow; je aandacht wordt namelijk eerst getrokken door de grote afbeelding in het midden, daarna naar het menu aan de linkerkant.

MAAK HET DIRECT: Het is meteen duidelijk om wie de website gaat, namelijk om mij. Dit heb ik gedaan door mezelf groot af te beelden en mijn naam best prominent in beeld te zetten, het is tenslotte mijn portfolio website.

POSITIE OP DE PAGINA: De belangrijkste informatie staat in het midden van de pagina. Het menu-balk is ook daarom wat compacter gemaakt. In het midden van de pagina staan de ontwerpen die ik heb gemaakt.

HOU HET LICHT: De website is heel minimalistisch. Er is nauwelijks gebruik gemaakt van tekst omdat ik mijn ontwerpen voor zichzelf wil la-ten spreken en de focus daarop wilde houden. Daarnaast is er weinig kleurgebruik aanwezig in de typografie. Alleen bordeaux rood als ac-centkleur in het menu en als mouse-over. Mijn ontwerpen zijn zelf al heel kleurrijk of druk dus de hele pagina eromheen moet rustig ogen.

MAAK HET DIRECT: De informatie op de pagina staat er wel direct maar doordat dit heel veel is, wordt dit onoverzichtelijk. Ik zie nu in dat het beter was geweest als ik vanuit een bepaalde grid had gewerkt.

CALL TO ACTION: Er is wel een call to action, bo-venin de pagina maar deze staat niet duidelijk aangegeven. Ik had deze wat groter en promi-nenter in beeld kunnen zetten of in een accent-kleur. Ook had ik de social media buttons wat dichterbij de tekst kunnen zetten want nu lijkt het alsof het er niet bij hoort terwijl dit juist wel de bedoeling was.

POSITIE OP DE PAGINA: De belangrijkste informatie, wat in dit geval het artikel is, staat in het mid-den van de pagina wat op zich logisch is maar het neem de hele breedte van de pagina in beslag waardoor het onrustig en onprofessioneel oogt. Het was beter geweest als ik de tekst wat smaller had uitgelijnd.

HOU HET LICHT: De pagina is totaal niet “licht” gehouden, dit komt door de achtergrond van de pagina en omdat de pagina zwart is met een witte tekst. Dit oogt heel chaotisch terwijl er niet eens met veel kleuren wordt gewerkt. Het was mooier geweest als de achtergrondafbeelding wat transparanter was gemaakt zodat je hem nog wel ziet maar dat het niet stoort bij de tekst op de pagina.

EIGEN WERK GOED: Floreska.nl EIGEN WERK SLECHT: WErite History

21

22

MEET...YAVEZ ANTHONIO

23

Yavez Anthonio is een jonge maar zeer getalenteerde freelance Graphic Designer, oorspronkelijk uit Amsterdam. Hij heeft de opleiding Graphic Design voltooid aan het Grafisch Lyceum in Amsterdam en is nu bezig met een vervolgstudie aan de Willen de Kooning academie, in de richting Advertising. Naast zijn studie is Yavez ook heel druk bezig met zijn opkomende kledingmerk TEAM PRIME die hij heeft opgericht in 2008 en met zijn blog We Do Not Sleep (WDNS).

I enjoy working with all sorts of graphic design

and art direction.”

“

24

HEB JE EEN GRAFISCH GERELATEERDE STUDIE GEDAAN? ZO JA, WELKE? ZO NEE, WAT HEB JE DAN GEDAAN?Ik heb Graphic Design gedaan op het Grafisch Lyceum in Amsterdam. Daarna ben ik naar de Willem de Kooning academie gegaan om Advertising te doen. Ik wilde mij daar namelijk meer in verdiepen en wellicht later die kant op gaan.

HOE IS JOUW FASCINATIE MET VISUEEL ONTWERP BEGONNEN?Het begon al vrij vroeg. Ik speelde als kind namelijk liever met dingen zoals papier, zand, takjes, blaad-jes, lijm dan met speelgoed. Ik hield ook heel veel van tekenen en dat deed ik vroeger alleen maar.

WAT IS JOUW WERKWIJZE ALS JE EEN OPDRACHT BINNEN KRIJGT? HOE ZIET JOUW PROCES ERUIT VANAF DE EERSTE BRIE-FING TOT HET PRODUCT WAT JE OPLEVERT?Eerst ga ik met de klant zitten om erachter te komen waar diegene naar opzoek is en wat hij in gedach-ten heeft. Daarna maak ik voor mezelf een moodboard. Vanuit daar begin ik met schetsen en vervol-gens werk ik daarvan er een paar uit. Deze stuur ik op naar de klant. Als de klant eenmaal een keuze heeft gemaakt werk ik deze tot een definitief ontwerp af. Het is dus vooral schetsen, mezelf verbeteren, en feedback vragen. Maar natuurlijk gaat dat 9 van de 10 keer anders.

25

KAN JE EEN CONCREET VOORBEELD GEVEN VAN HOE JE TE WERK GAAT? MET NAME GERICHT OP BRAND IDENTITIES, HUIS-STIJLEN EN LOGOS.Ik doe vooral eerst veel onderzoek naar verschillende huisstijlen, logos, kleurgebruik en typografie. Maar ook naar de klant, waar zij voor staan, welke kant zij op willen etc. Vanuit dit onderzoek maak ik een selectie van wat ik mooi of interessant vindt en vanuit daar ga ik schetsen. Vooral heel veel schetsen. Dit is voor mij de beste formule om goed werk af te kunnen leve-ren.

HOE ZOU JIJ JOUW STIJL BESCHRIJVEN? HOE HEB JE JEZELF ONTWIKKELD TOT DE STIJL DIE JE NU HEBT?Ik zou mijn stijl beschrijven als vrij strakke grafische vormgeving met als specialiteit typografie. Deze stijl heb ik ontwikkeld door middel van te doen wat ik leuk vind. Ik heb typografie namelijk altijd al interessant gevonden omdat je er zoveel mee kan. En je leert elke keer weer iets nieuws bij. Het is ge-woon een hele andere wereld van visueel ontwerp vind ik. En natuurlijk door veel te oefenen.

VIND JE HET DAARBIJ BELANGRIJK DAT JE ALTIJD EEN “MOOI” ONTWERP OPLEVERT BIJ KLANTEN? Nee. Er is een verschil tussen “mooi” en “goed”. Mijn streven is om altijd goed & mooi werk te leve-ren. Maar ik vind dat functionaliteit nooit mag lijden onder ontwerp en andersom ook niet. Als je een balans daartussen kan vinden heb je in mijn mening een goed en mooi ontwerp waar de klant tevreden mee zal zijn. Maar dat is natuurlijk niet altijd makkelijk te bereiken.

HOE REAGEREN OPDRACHTGEVERS EN KLANTEN OP JOUW WERK? 9/10 reageren klanten positief. Maar sommige opdrachtgevers zijn van mening dat wij, als grafisch vormgevers, hun slaven zijn en maar moeten doen wat zij willen. Wat meestal ook wel gebeurd maar soms botst dit met mijn eigen principes en kan dat soms conflicten opleveren.

26

27

HEB JE OOK OPDRACHTGEVERS GEHAD DIE HET NIET EENS WAREN MET JOUW ONTWERP EN HOE GA JE HIERMEE OM? Ik heb wel eens vervelende klanten gehad natuurlijk, die zitten er altijd wel tussen. Maar ik ben zelf van mening dat zoals ik er niet tevreden mee ben, het ook niet de deur uit gaat. Ik wil geen half werk opleveren. Vanuit dit perspectief wil ik altijd wel een tussenweg vinden, maar dit lukt niet altijd. Het is natuurlijk moeilijk om een balans te vinden tussen wat jij als grafische vormgever mooi/functioneel vind en wat de klant mooi vind. Ik heb wel eens klanten gehad die weinig van grafische vormgeving wisten en niet in konden zien dat een bepaald ontwerp niet zou werken voor hun campagne. Dan moet je als grafische vormgever gaan uitleggen waarom het niet zou werken enje werk verdedigen tegenover de klant, maar dat moet je altijd wel een beetje.

OP WAT VOOR MANIER ZORG JE ERVOOR DAT JOUW WERK GOED COMMUNICEERT? WELKE STRUCTUUR/FLOW HOUDT JE AAN? EN MAAK JE DAARBIJ GEBRUIK VAN DE EENVOUD IN EEN ONTWERP?Het eerste wat ik kwijt wil in mijn werk is natuurlijk de boodschap die de klant wilt delen met de doelgroep. Vanuit dit punt probeer ik een passend ontwerp te maken. Vaak maak ik daarbij gebruik van grids om het voor mezelf een beetje makkelijker te maken. Daarnaast houd ik er persoonlijk niet van als ontwerpen te druk zijn dus ik probeer wel een bepaald soort eenvoud in mijn ontwerpen te houden ja.

HOEVEEL IMPACT HEEFT EEN ONTWERPER IN JOUW OGEN? KAN EEN ONTWERPER MET ZIJN WERK BIJVOORBEELD GEDRAG VERANDEREN (MISSCHIEN ZELFS DE WERELD?) OF IS DIT NIET INTERESSANT VOOR EEN ONTWERPER?Dat ligt aan de ontwerper. Sommige zitten achter het geld aan en sommige achter de roem. Maar het is zeker mogelijk om als vormgever het gedrag van mensen te kunnen veranderen ( of zelfs de wereld! ). Genoeg ontwerpen hebben grote impact op de wereld gehad.

MOET EEN ONTWERP VOLGENS JOUW VOORAL VERKOPEN EN WAAROM WEL/NIET?Zolang het de boodschap maar subtiel maar duidelijk overbrengt met een daarbij toepasselijke vorm-geving zal het ontwerp vanzelf verkopen. Het hoeft natuurlijk niet perse te verkopen, als je alleen een boodschap met je ontwerp wilt overbrengen. Maar dat is eigenlijk ook een beetje verkopen aan de doelgroep toch?

28

ZIE JIJ VERANDERINGEN IN HET BEROEPSVELD? ZO JA, WELKE ZIJN DIT DAN?Doe het nog niet lang genoeg om hier antwoord op te kunnen geven.

HOE DENK JIJ DAT JOUW WERK ERUIT ZIET OVER VIJF JAAR, TIEN JAAR OF TWINTIG JAAR?Ik heb geen idee, mijn smaak gaat natuurlijk wel veranderen met de tijd maar waar deze naartoe gaat kan ik nu nog niet zeggen. Ik ben net zo benieuwd als jij!

ALS JE NA EEN PAAR JAAR NAAR JE OUDE WERK KIJKT ZOU JE ER DAN NOG TEVREDEN MEE ZIJN? Ik weet het niet. Ik denk dat de meeste vormgevers nooit tevreden zijn over hun eigen werk. Althans ik niet, omdat je jezelf elke keer toch probeert te verbeteren. Ik denk dat je als grafische vormgever je grootste criticus bent.

29

30