Schetsen Shane Kempen

0917062
Screen Design
2D
Hogeschool Rotterdam
Stijlgids

1
 Stijlgids Fotografie is voornamelijk van huisselijke stijl. Een warm gevoel
met een blik op de toekomst. Ze houden rekening met gezinnen
en willen zich graag richten op de hypotheekmarkt.

Je ziet in de fotografie erg duidelijk de waardes terugkomen van

het merk (zie bovenstaand).

Kleuren Typografie Fotografie

#000099 #ff6600 Myriad Pro
Myriad Pro
Myriad Pro
#8886c1 #fef4f0
Sabon
Sabon
Sabon
#a1c144 #f1f0f0 Deze stijlguide vormt de basis waarmee ik mijn productpagi-
na ga ontwerpen. Ik heb via de site printscreens gemaakt en de
kleurcodes opgezocht met de pipet. Verder heb ik op internet
gezocht naar de typografie die zij gebruiken (bron: http://hanss-
tol.totaldesign.nl/nl/rabobank.html), overigens is dit een goede
simpele stijlguide gemaakt in 1999.

Vormen Symbolen
Vormen en symbolen zijn simplischtisch en getekent (iconen).
De vlakken bestaan voornamelijk uit wit met blauw. Oranje is de
splitcomplementaire kleur waarmee contrast word aangerbracht.
De blauwe kleur komt terug in de iconen.

2
 Schetsen

In het begin ben ik globaal gaan orienteren op de huidige layout van de website. Ook heb de elementen zoals iconen en vormgeving nagetekent om een Ik ben gaan kijken naar de soorten Apps en hoe ik dit zou kunnen
gevoel te krijgen van de Rabobank website. vormgeven. Ook een tablet voorbeeld om een gevoel te krijgen van
verhouding.

Vervolgens ben ik gaan schetsen om te kijken hoe de productpagina Dit geeft al wat meer rust in de vormgeving. Ik wilde kijken naar hoe Hier een kleiner formaat van de Apps, meer op een mobiel grootte, dit
van de App eruit gaat zien. Ik heb meerdere soorten layouts uit gep- ik dit kan doen. keer met download button en informatie.
robeerd. Zoals hier met een twee kolom grid, groot de App weerge-
geven, instructies en een achtergrondafbeelding.

3
 Schetsen

Hier had ik een uitstrek gedaan naar een soort quickguide hoe je de
Uiteindelijk wil ik een combinatie van de schetsen gaan maken tot een
App kan gebruiken in stappen en als laatste stap de App zelf down-
digitaal ontwerp. Ik heb nu genoeg inspiratie om de koppeling met de
loaden (call to action).
stijlguide te leggen en een ontwerp te realiseren.

Aantal theorieën die ik wil toepassen, die ook terug komen in mijn
schetsen zijn:

Gulden snede

Toepassen door smartphone met applicatie op de snede te zetten

Call to action

Twee buttons naast elkaar met contrast. Download oranje, informatie

blauw (Rabobank kleuren)
Grids

Layout

Twee kolom grid

Hier ben ik wat meer naar de lange one pager gaan kijken met alle Voorgrond/achtergrond
informatie erop. Dit zouden twee secties kunnen worden met naar
beneden scrollen. Blur image background met witte vlakken (lichte opacity) met het
product (de App).
Dit is meer een 3D weergaven van de Apps. Het geeft meer diepte en
mogelijkheid tot hierarchie in de stappen van de App (dit geval 3).
Accent/ondergeschikt/dominant

Accent is Rabobank Oranje

Ondergeschikt is Wit
Dominant is Rabobank blauw
4