Event Space Rotterdam
Week 3 - App Design
Embedded Files
Introductie
Introductie
WAT GA JE MAKEN?
WAT GA JE MAKEN?
Je gaat de komende weken werken voor RDAM Event Space, een fantastische plek midden in Rotterdam waar je je helemaal kunt uitleven. Of je nu van arcadegames houdt, wilt bowlen of lekker wilt zingen bij de karaoke, hier kan het allemaal en nog veel meer. Ze zijn nog bezig met het ontwikkelen van een huisstijl. Er zijn al wat ideeën, maar jij, als mediavormgever, gaat deze uitwerken zodat het echt van het scherm af knalt. Zo kan de kaartverkoop voor RDAM Event Space direct helemaal losgaan. Klinkt vet, toch?
TIJDSDUUR:
TIJDSDUUR:
Deze periode is 9 weken. In de laatste week heb je een toets en een eindopdracht.
Logo uitwerken [Ai] - 2 lessen
Insta Carousel [Ps] - 2 lessen
Leerdoelen
Leerdoelen
Je kunt de Type Tool begrijpen en gebruiken om tekst toe te voegen en te bewerken.
Je kunt tekst omzetten in bewerkbare vectorpaden met de optie "Create Outlines".
Je kunt de Direct Selection Tool gebruiken om individuele ankerpunten en segmenten van paden te bewerken.
Je kunt de Pen Tool beheersen om nauwkeurige vectorvormen en paden te tekenen en te bewerken.
Materialen/Benodigdheden
Materialen/Benodigdheden
Je krijgt de schets voor het logo en de bijbehorende styleguide aangeleverd. Klik hier voor de bestanden.
Daarnaast heb je natuurlijk Adobe Illustrator nodig.
Werkvorm
Werkvorm
De theorie wordt door je docent klassikaal uitgelegd.
Je gaat deze opdracht individueel uitvoeren.
Theorie
Theorie
In deze vlotte tutorial krijg je handige tips om goed op weg te komen met jouw ontwerp. Van uitlijnen en afronden tot het gebruik van clipping masks en het kiezen van de juiste typografie – alles om je een solide basis te geven. Er is natuurlijk nog veel meer mogelijk, maar met deze tutorial zet je alvast de eerste stappen!
Zo maak je een inlogpagina met Adobe Illustrator
Zo maak je een inlogpagina met Adobe Illustrator
Stap 1: Layout en Interface Design
Begin met een schets van je layout. Houd het simpel en gebruiksvriendelijk. Zorg dat de inlogvelden goed zichtbaar zijn, met duidelijke labels en genoeg ruimte tussen de onderdelen, zodat het niet chaotisch overkomt. Maak de navigatie logisch: eerst gebruikersnaam/e-mailadres, dan wachtwoord, en geef opties voor wachtwoord vergeten of een nieuw account aanmaken.
Stap 2: Typografie en Visuele Hiërarchie
Kies een lettertype dat zowel leesbaar als stijlvol is. Gebruik hiërarchie om de aandacht van gebruikers te sturen; laat inlogvelden en knoppen opvallen, maar houd de stijl consistent met die van het merk. Gebruik bijvoorbeeld verschillende diktes of stijlen voor koppen, labels en invoervelden.
Stap 3: Kleurenschema
Kies kleuren die passen bij je merk en het ontwerp er netjes uit laten zien. In dit geval gebruik je de aangeleverde styleguide voor de kleuren. Zorg voor contrast tussen tekst en achtergrond om de leesbaarheid te verbeteren. Subtiele kleurverlopen of schaduwen kunnen het ontwerp meer diepte en flair geven. Let erop dat kleuren ook goed leesbaar zijn voor mensen met een visuele beperking.
Stap 4: Visuele Elementen
Voeg visuele elementen toe, zoals iconen of kleine illustraties, om het inlogproces te verduidelijken. Denk aan iconen voor ‘inloggen’, ‘wachtwoord vergeten’, of ‘account aanmaken’. Zo maak je het gebruik makkelijker en overzichtelijker. Zorg dat deze stijl bij de rest van de site past voor een samenhangend geheel.
Stap 5: Afronden
Als je tevreden bent met het design, maak dan een een kopie van dit artboard in illustrator en gebruik deze als basis voor het volgende scherm van de app.
Opdrachtomschrijving
Opdrachtomschrijving
Twee schermen voor de app
Twee schermen voor de app
Je gaat een voorstel maken van tenminste twee verschillende schermen voor het gekozen onderdeel van Event Space Rotterdam. In het voorbeeld gaan we een info scherm over de Escape Room en een login pagina. Als je een tijdsslot wilt boeken voor een escape room dan moet je wel kunnen inloggen natuurlijk.
Kies zelf een preset voor jouw design voor de app
Tips/Bronnen
Tips/Bronnen
Omschrijf handige tips en bronnen die studenten kunnen helpen bij het uitvoeren van de opdracht.
Page updated
Google Sites
Report abuse