3. Media ontwerpen voor internet

Je eigen huisstijl vraagt niet alleen om ontwerpen die gedrukt kunnen worden, zoals je geleerd hebt in het vorige onderdeel. Ze vragen tegenwoordig ook om iets digitaals, vooral om een website, app of iets op social media. Dit kun je makkelijk ontwerpen met Adobe XD. Je uitdaging in dit deel van het SE is dan ook om een digitaal prototype te maken van een app of website die past bij jouw huisstijl.

Onderzoek

Leer werken met Adobe XD door de explainer filmpjes te kijken en zelf na te bootsen wat er gebeurt.

➜ Leer over ontwerpen: adobe XD filmpje 1.

➜ Leer over overgangen (transitions): adobe XD filmpje 2.

➜ Leer over components: adobe XD filmpje 3.

➜ Leer over repeating elements: adobe XD filmpje 4.

➜ Leer over makkelijk resizen: adobe XD filmpje 5.

COOL: Leer over de nieuwe 3D-functies: adobe XD filmpje 6.

➜ Zet een verslag van je onderzoek in Seesaw met (enkele) uitprobeersels en hoe het je is vergaan. Vond je het makkelijk of juist moeilijker en hoe komt dat?

Adobe XD filmpje 1: ontwerpen

Adobe XD - je eerste ontwerp

Adobe XD filmpje 2: overgangen (transitions)

Adobe XD - transitions

Adobe XD filmpje 3: components

Adobe XD - components

Adobe XD filmpje 4: repeating elements

Adobe XD - repeating elements

Adobe XD filmpje 5: makkelijk resizen

Adobe XD - makkelijk resizen

Adobe XD filmpje 6: 3D-transforms

Adobe XD - 3D transforms

Meer weten?

Howard Pinsky is sowieso de moeite waard: hij heeft nog veel meer boeiende uitlegfilmpjes gemaakt over functies in Adobe XD.

Bekijk de YouTube playlist over functies van Adobe XD van Howard Pinsky

Bekijk verschillende prototyping voorbeelden (YouTube playlist) van Howard Pinsky

Nieuwste filmpje: 'design a social profile page' van Howard Pinsky

Verwerking

Tijd voor actie en om het geleerde toe te passen!

➜ Maak een ontwerp in Adobe XD voor een digitale uiting die past bij je huisstijl.

Het mag een combinatie zijn. Laat zien dat je kunt toepassen wat je over Adobe XD geleerd hebt:

➜ Zorg dat je huisstijl goed herkenbaar blijft en houd ook in dit digitale ontwerp rekening met designprincipes.

➜ Gebruik de share-functie in XD om je ontwerp te delen. Kies bij view setting voor 'presentation' en deel de link in Seesaw.

➜ Geef in een comment of in de link zelf uitleg over je ontwerp. Vertel waarom je het gemaakt hebt en welke keuzes je gemaakt hebt.