Adobe Experience Design (Adobe XD) werd geïntroduceerd in maart 2016 en ontvangt maandelijkse updates vol nieuwe functies. Het is een nieuwe desktopapplicatie die helpt bij het ontwerpen van wireframes, prototypes en zelfs complete schermmock-ups voor websites of apps. De focus van Adobe XD ligt op het verbeteren van de gebruikerservaring door ideeën tot leven te brengen en feedback te vergemakkelijken voordat de daadwerkelijke ontwikkeling begint. Professionele webontwerpbureaus in India hebben deze geavanceerde tool aangenomen om hun unieke ontwerpen te creëren. Adobe XD springt eruit omdat het functioneel, snel en gebruiksvriendelijk is.

Snelle Mock-up en Wireframing in Adobe XD

Adobe XD vereenvoudigt het proces van het maken van snelle, low-fidelity wireframes. De mogelijkheid om snel low-fidelity wireframes te ontwerpen betekent dat we aanzienlijke vooruitgang kunnen boeken in het creëren van een lay-out die een uitstekende gebruikerservaring biedt zonder verstrikt te raken in visuals. Elke ontwerper heeft een workflow die bij hen past—voor low-fidelity wireframes houden we ons aan een strikte regel van het gebruik van alleen vormen en tekst. Wat is het nut van het ontwerpen van iconen, het zoeken naar afbeeldingen en het definiëren van stijlen voor een ontwerp dat misschien niet verder gaat?

Hier zijn enkele essentiële sneltoetsen voor Adobe XD:

  • Selecteer gereedschap (V)
  • Rechthoek (R)
  • Ellips (E)
  • Lijn (L)
  • Tekst (T)
  • Artboard (A)

Begin met het maken van een Artboard (A) en selecteer het “Android Mobile” artboard in de inspector aan de rechterkant.

Gebruik de werkbalk aan de linkerkant, of de genoemde sneltoetsen, om vormen op het canvas te tekenen en je ontwerp op te bouwen. In deze fase, als het duidelijkheid toevoegt, of als er ongebruikte ruimte is die de lay-out verwarrend maakt, overweeg dan om een paar afbeeldingen toe te voegen om te laten zien waarvoor de ruimte zal worden gebruikt, zoals hieronder weergegeven.

Gebruik basisiconen waar nodig, maar vermijd het om er te veel tijd aan te besteden. Vergeet niet, ons doel in deze fase is om ons idee te valideren met feedback. Daarna kunnen we meer tijd besteden aan het verfijnen van het uiterlijk.

Adobe's Drastische Interface Vernieuwing

Adobe XD heeft een prachtig minimalistische interface die zich richt op gebruikersinterface-ontwerp. Je zult merken dat afbeeldingsbewerkingshulpmiddelen praktisch niet aanwezig zijn, waardoor de interface van de applicatie veel minder overweldigend is in vergelijking met andere Adobe-applicaties. Dit hulpmiddel is niet geschikt voor fotowijzigingen of het verwijderen van achtergronden.

Herbruikbare Componenten (Symbolen)

Symbolen in Adobe XD zijn herbruikbare ontwerpelementen en componenten. Je onderhoudt een “master” symbool, en alle instanties van dat symbool in je document weerspiegelen de wijzigingen die in de master zijn aangebracht. Op het moment van schrijven heeft Adobe geen geneste symbolen in XD geïmplementeerd, maar het is een functie die waarschijnlijk in de toekomst zal worden geïntroduceerd naarmate XD zich snel blijft ontwikkelen.

Herhaalbare Componenten

De functie Herhaal Rasters is een iconische functie in Adobe XD, iets wat geen enkele andere UI-ontwerptoepassing op dit moment biedt. Het stelt je in staat om componenten horizontaal en verticaal te repliceren terwijl je unieke inhoud in elke tegel embed. Je kunt zelfs meerdere assets (afbeeldingen en tekstbestanden) van je desktop slepen om inhoud automatisch in te voegen en te verdelen.

Prototyping Gebruikersstromen

Adobe XD biedt geïntegreerde ontwerp- en prototypingtools in één applicatie. Als je de voorkeur geeft aan het behouden van je workflow binnen één enkele applicatie, is Adobe XD misschien de beste keuze voor jou.

Een website UI-draadmodel, ook wel bekend als een schematische pagina of schermoverzicht, is een visuele gids die het skeletframework van een website vertegenwoordigt. Gezien de snelle prestaties en de ultra-schone aanpak is Adobe XD de favoriete tool voor het ontwikkelen en ontwerpen van UI-draadmodellen, vooral voor degenen die zich toeleggen op het ontwerp van gebruikersinterfaces.