© 2 0 1 3 Jonas Nullens Persona - onderdeel van masterproef 2013 aan de MAD-fac Genk Katholieke Hogeschool Limburg Uitgegeven in eigen beheer jonas_nullens@hotmail.com Alle rechten voorbehouden. Niets uit deze uitgave mag worden verveelvoudigd, opgeslagen in een geautomatiseerd gevensbestand en/of openbaar gemaakt in enige vorm of op enige wijze, hetzij elektronisch, mechanisch, door fotokopieën, opnamen of op enige andere manier zonder voorafgaande schriftelijke toestemming van de uitgever.
Persona & systeem Als onderdeel van mijn masterproef Graphic design, onderzoek ik verschillend persona’s teneinde een dashboard interface te creeÍren rond een bepaald type van persoon. Dit systembook is een vertaling van het moodbook in een aantal strikte ontwerp richtlijnen die toepasselijk zijn op de bepaalde persona per moodbook.
inhoud Beschrijving persona Adjectieven Display Vorm Grid Grootte Kleur Typografie
10
persona Beschrijving Naam: Yasmine
Beroep: manager
Leeftijd: 32 jaar
Status: single
Yasmine, een levenslustige jonge vrouw die goed in haar schoenen staat. Het feit dat ze single is interesseert haar niet zoveel. Ze koos ervoor om eerst carrière te maken. Haar job als manager in een welvarend bedrijf neemt veel tijd in beslag en haar focus ligt hierop. Als manager is haar dag gestructureerd, volgeboekt en komt ze in contact met erg veel mensen. Om er altijd goed uit te zien draagt ze graag duurdere kledingsmerken en besteed ze veel tijd aan haar uiterlijk. Ze haalt tips and tricks uit de stijlvolle modebladen, koopt de betere schoonheidsproducten en is altijd mee met de nieuwste mode trends. Voor een avondje stappen staat ze als vrouw in pracht en praal klaar.
Magazines
Harper’s Bazaar / Elle / Vogue Kledingsmerken
Gucci / Coco Chanel / Prada / Armani / Dior / Guess Schoonheidsproducten
Vicoria’s Secret / L’Oréal / Paul Mitchell / La Roche Beschrijving wagen
Stijlvol / Luxueus / Elegant
11
12
Adjectieven benig
italic
elegant
mals
evenwijdig
open
glad
parallel
glanzend
ritmisch
glazig
symmetrisch
gouden
serif
hard
smal
hobbelig
stijft
hoekig
wit
identiek
zwart
13
14
Display De display van het dashboard is gebaseerd op een nieuwe technologie afkomstig van Japan Display Inc., een zeer bekend bedrijf dat displays steeds opnieuw tot een hoger niveau tracht te brengen. Deze dashboard display heeft enkele vernieuwende technologiĂŤn waardoor het ideaal is om te gebruiken in een wagen. Daarbovenop is een digitale display in de wagen erg trending. Dit dashboard geeft ontwerpers een grote vrijheid in het design. De ideale kans voor mij om buiten het beeld van de reeds bestaande dashboard interfaces te breken.
12.2 inch 1920 x 720 pixels resolutie vol zwart weergave designvrijheid door hoeken en gekromde oppervlak laag energiegebruik (wit licht technologie) geintegreerde touch functie SRGB kleurenspectrum
15
16
vorm Een vierhoek die op te splitsen is in 4 driehoeken. De driehoeken kunnen op hun beurt weer in verschillende posities ten opzichte van elkaar geplaatst worden. Deze vormen komen voor in verschillende producten en verpakkingen van deze persona. Het is duidelijk dat duurdere merken die passen bij deze persona steeds hun uitstraling willen behouden langs deze weg. Deze diamantvormige vorm geeft hen die uitstraling. In de vormgeving van mijn dashboard wil ik deze vormen gebruiken om een soortgelijke uitstraling te verkrijgen.
evenwijdig hoekig identiek parallel ritmisch symmetrisch
17
18
Grid Het grid bestaat uit vele horizontale en verticale lijnen die evenwijdig en ritmisch voorkomen. Zoals uit het moodbook blijkt zijn ook hier veel producten en verpakkingen mee opgebouwd. De beschrijving van het grid kan aan de hand van dezelfde adjectieven als bij vormen:
evenwijdig identiek parallel ritmisch symmetrisch
19
20
Gr id to e pge pa st o p di sp lay Eerder besprak ik hoe ik op het grid kom. Dit is een weergave van hoe het grid er precies uitziet op de display. Binnen dit horizontale, verticale en diagonale grid kan er gewerkt worden met de vormen die ik eerder vond en toepasbaar zijn voor deze persona. Er zijn op deze manier ook spelingen mogelijk in de grootte van de vorm op de display.
21
22
grootte & plaatsing De instrumenten zullen ontworpen worden aan de hand van de vormen en het grid dat bij deze persona passen. De grootte zal afhankelijk zijn van wat deze persona wil zien en hoe bepaalde instrumenten vormgegeven worden. Binnen dit grid en deze vormen kan men namelijk een heel aantal variaties maken, waarvan enkel de grootte kan verschillen. De plaatsing kan enkel binnen het grid gebeuren. Het is vanzelfsprekend dat de plaatsing van de instrumenten volgens belangrijkheid gebeurt, waarin ook de grootte meespeelt. Het meest belangrijke is hetgeen het meest centraal staat.
23
24
C
0
C
0
C
0
C
0
M
0
M
0
M
0
M
0
Y
0
Y
0
Y
0
Y
0
K
90
K
50
K
20
K
5
R
58
R 147
R 209
R 243
G
58
G 149
G 210
G 243
B
60
B 152
B 212
B 244
Kleuren Gouden tinten en zwarte tinten zijn het meest voorkomende bij het onderzoek van deze persona. Goud is een kleur die luxe uitstraalt en staat voor rijkdom. Zwart is een tijdsloze kleur en krijgt vaak de associatie met rijkdom en duurzaam. Het is moeilijk om in te schatten hoeveel percentage van elke kleur ideaal is. Ze komen vaak in combinatie of alleen voor. Daarbovenop bezitten ze vaak een glanzende of blinkende oppervlakte die erg meespeelt in de perceptie van deze kleur en de objecten. Deze kleuren en hun glanzende of blinkende oppervlak zullen in mijn ontwerp belangrijk zijn.
C
2
C
8
C
14
C
20
M
5
M
15
M
20
M
30
Y
15
Y
45
Y
65
Y
90
K
0
K
0
K
0
K
0
R 249
R 236
R 222
R 209
G 240
G 211
G 195
G 172
B 218
B 153
B 116
B
64
25
26
Gradient st udie Een kleine voorstelling van gradients die goudtinten en grijstinten weergeven die ik eerder besprak. Ze geven de verschillende gradaties weer tussen de overgangen. Deze gebruik ik om een glanzend of blinkend effect te creeĂŤren in het ontwerpstadium.
27
50
Elegant & classy for women. 012346789
50
km/u
28
kmt/u
Head Head Head
Typografie Linotype Didot Headline
Vrouwelijke magazines zoals Elle, Vogue en Harper’s Bazar gebruiken niet voor niets de elegante en stijlvolle varianten van het lettertype Didot op hun cover. Het zijn vrouwvriendelijke letters met een zekere uitstraling. Hoewel de Linotype Didot Headline geschikt is voor weergave op displays in verschillende groottes, kies ik er bewust voor om deze enkel voor grote elementen te gebruiken. Net zoals op de covers. benig
Head Head Head
elegant italic smal
29
Elegant and classy for women. 0123456789 Elegant and classy for women. 0123456789 Elegant and classy for women. 0123456789 Elegant and classy for women. 0123456789 Elegant and classy for women. 0123456789 Elegant and classy for women. 0123456789 Elegant and classy for women. 0123456789 Elegant and classy for women. 0123456789 Elegant and classy for women. 0123456789 Elegant and classy for women. 0123456789 Elegant and classy for women. 0123456789 Elegant and classy for women. 0123456789 Elegant and classy for women. 0123456789 Elegant and classy for women. 0123456789 Elegant and classy for women. 0123456789 Elegant and classy for women. 0123456789 Elegant and classy for women. 0123456789 Elegant and classy for women. 0123456789 Elegant and classy for women. 0123456789 Elegant and classy for women. 0123456789
30
This is an example of text which I will be using for my dashboard interface. Lato has perfect letter spacing and is perfectly readable in different sizes.
This is an example of text which I will be using for my dashboard interface. Lato has perfect letter spacing and is perfectly readable in different sizes. As you can see.
Typografie Lato
Op de magazinecovers zag ik ook vaak smalle benige sans-serif, al dan niet in condensed terugkomen. Ook op verpakkingen en producten komt dit vaak terug. Serifs zijn ook erg populair bij vrouwen. Toch kies ik hier voor een sans-serif en meteen een echte webfont namelijk Lato. Deze is zeer geschikt voor display gebruik in alle groottes en heeft daarbovenop een uitgebreide stijlenlijst. Het is tevens het letterttype wat ik doorheen dit boekje gebruik. benig sans-serif smal
fijn
klein
31