Docent
Tijd: 1 uur
In User Interface Design (UID) kom je veel de term ‘sliders’ tegen. Dit zijn elementen waarmee je iets instelt door horizontaal te slepen of vegen over het scherm. Denk bijvoorbeeld aan het instellen van de helderheid op je telefoon. De term wordt vaak verward met een slideshow of carrousel, wat een rijtje scrollbare elementen is.
Lees verder “Sliders”Tijd: 30 minuten
In XD kun je beperkt animeren. Je moet dan denken aan hover-effecten, sliders, menu’s, etc. Animeren in de zin van tekenfilms, daar is andere software voor. Er zijn twee manieren waarop je iets kunt animeren in XD: met behulp van Artboards of met behulp van Components.
We gaan een voetbal animeren op twee verschillende manieren. Uiteindelijk zal je met beide manieren eenzelfde eindproduct hebben dat er ongeveer zo uit zal zien:
Let op: de naam van de bal moet op beide Artboards hetzelfde zijn.
Let op: de naam van de bal moet op beide Artboards hetzelfde zijn.
Tijd: 1 uur
Een wireframe is een schetsmatig ontwerp van de layout van een app of een website of andere digitale interface. Deze schets bestaat uit simpele vlakjes en lijnen om aan te geven welke onderdelen waar zitten. In deze opdracht ga je oefenen met het maken van een wireframe van een bestaande website.
Lees verder “Wireframe it”Tijd: 8 uur
Deze opdracht is onderdeel van het ED project “e-Commerce” (F2M4). Bij dit project ontwikkel je wekelijks 3 digitale promo-producten voor verschillende media/platforms. Deze producten presenteer je op een passende manier in een webpagina. De stappen die je moet zetten om deze presentatiepagina te maken worden hieronder toegelicht.
Lees verder “Promo presentatie”Duur: 45 min
XD is gemaakt om snel een layout in te ontwerpen, en deze te finetunen richting een definitief ontwerp. Maar voordat je gaat finetunen moet je dus snel verschillende prototypes kunnen bouwen. XD geeft je een aantal hulpmiddelen om snel een layout op te zetten.
Lees verder “Layout in XD 1”Duur: 45 min
XD is gemaakt om snel een layout in te ontwerpen, en deze te finetunen richting een definitief ontwerp. Maar voordat je gaat finetunen moet je dus snel verschillende prototypes kunnen bouwen. XD geeft je een aantal hulpmiddelen om snel een layout op te zetten.
Lees verder “Layout in XD 2”Duur: 2 uur
Een FlyOut menu is een navigatiemenu dat tevoorschijn komt wanneer je op een menuknop klikt. Dit menu bevat meerdere knoppen en links naar overige onderdelen (pagina’s) van een wesite of app. Met behulp van Components kunnen we dit menu opzetten zodat het kan worden hergebruikt en we aanpassingen in het origineel kunnen doen. Dit scheelt een hoop werk bij het aanmaken van interacties (links).
Lees verder “FlyOut Menu”Tijd: 1 uur
In Adobe XD kun je eenvoudige animaties maken die lijken op de mogelijkheden van CSS. Zo kun je een prototype van een site of app aankleden met zogenaamde ‘micro-interacties’. Dit zijn korte animaties rondom knoppen, formulieren, voortgangs-indicators, etc. Deze animaties maak je in XD met zogenaamde Components. Dit zijn groepen van objecten waar je verschillende ‘states’ (statussen) aan geeft. Een trigger zorgt er vervolgens voor dat van de ene naar de andere state wordt geanimeerd.
Lees verder “Components”
Je doet onderzoek naar jouw onderwerp en maakt hier een les en/of instructievideo in het Nederlands over. Je mag zelf weten in wat voor vorm en met welke software je deze instructie maakt.
Het doel hiervan is om alle ins en outs van XD te ontdekken. Door elkaar een instructie te geven leer je om kennis over te dragen op een begrijpelijke manier. De kennis die je nu opdoet kun je straks toepassen in het komende project.
Doe onderzoek naar en maak een les/instructievideo en over:
Belangrijk: De les die je voorbereid moet 20 minuten duren en bestaat uit een instructie en een oefening. Deze heb je voorbereid vóór aanvang van de tweede les.
Je gaat de kennis nu overbrengen op je klasgenoten. Je laat je klasgenoten meedoen tijdens je presentatie om te oefenen met het onderwerp dat je hebt onderzocht. Je beantwoordt eventuele vragen die vanuit de groep komen. Je hebt 20 minuten per presentatie (uitleg en oefening) en daarna geef je de beurt door aan je volgende groepsgenoot.
