Adobe XD is een tool die door veel ontwerpers wordt gebruikt om mockups en wireframes te maken voor verschillende media. Dit omvat softwaretoepassingen, mobiele apps of websites.

Als u ontwerpen en prototypen maakt voor uw collega's of klanten, moet u uw ontwerpen mogelijk naar hen opsturen. Dit is een goede gelegenheid voor u om feedback te krijgen op uw ontwerpen, deze te presenteren of te testen.

In Adobe XD kunt u een deellink genereren op basis van uw deelbehoeften. Dit omvat ontwerpbeoordeling, ontwikkeling, presentatiemodus en gebruikerstesten. U kunt ook uw eigen aangepaste instellingen voor koppelingen voor delen toevoegen.

Hoe u uw ontwerp kunt delen voor ontwerpbeoordeling

Met de voorinstelling ontwerpbeoordeling kunnen anderen uw ontwerp bekijken en feedback achterlaten via opmerkingen. U kunt ook een discussie starten over uw gedeelde prototype of ontwerp.

Als u nog niet bent begonnen met het maken van uw ontwerp, kunt u meer lezen over hoe u kunt beginnen afbeeldingen maken in Adobe XD

instagram viewer
. Je kunt ook leren hoe het moet ontwerpen maken voor web en mobiel toepassingen met de Prestige Adobe Suite UI/UX-certificeringsbundel.

Een ontwerp delen voor ontwerpbeoordeling:

  1. Klik in Adobe XD op de Deel tabblad bovenaan het toepassingsvenster.
  2. Klik op Instelling bekijkenen selecteer de Ontwerp beoordeling vooraf ingesteld.
  3. Klik op de Link bijwerken knop om een ​​nieuwe link te genereren.
  4. Open de nieuwe koppeling in het rechterdeelvenster.
  5. Wanneer uw ontwerp in een nieuwe browser wordt geopend, klikt u op het berichten pictogram in de rechterkolom om het opmerkingenvenster te openen. Hier kunt u opmerkingen toevoegen aan uw ontwerpweergave. Andere gebruikers kunnen ook beoordelingen en opmerkingen over uw werk toevoegen, waarop u kunt reageren.

Hoe u uw ontwerp- en UI-middelen kunt delen voor ontwikkeling

Wanneer u uw ontwerp deelt met ontwikkelaars, hebben ontwikkelaars meestal ook het item of de afbeelding nodig die u in uw ontwerp hebt opgenomen. U kunt deze middelen aan uw link toevoegen zodat ontwikkelaars ze kunnen downloaden en gebruiken.

Om deze te delen, moet u ook uw activa markeren voor export.

  1. Klik in Adobe XD op de Ontwerp tabblad bovenaan het toepassingsvenster.
  2. Voor elk item dat u met ontwikkelaars wilt delen, klikt u met de rechtermuisknop op het item en selecteert u Markeer voor export.
  3. Klik op de Deel tabblad in de bovenste balk van de Adobe XD-toepassing.
  4. Onder de Instelling bekijken optie, selecteer de Ontwikkeling vooraf ingesteld.
  5. Kruis de... aan Downloadbare middelen selectievakje onder de instelling Exporteren voor iOS.
  6. Klik op de Link bijwerken knop om een ​​nieuwe link te genereren.
  7. Open de nieuwe koppeling in het rechterdeelvenster.
  8. Wanneer uw ontwerp in een nieuwe browser wordt geopend, klikt u op het code pictogram in de rechterkolom. Hierdoor kunnen jij en andere gebruikers een voorbeeld bekijken van alle middelen die beschikbaar zijn in je ontwerp. U en andere bijdragers kunnen de middelen downloaden met behulp van de downloaden knop voorzien.

Hoe u uw ontwerp kunt delen voor presentatie- of testdoeleinden

U kunt uw ontwerp delen en openen als een venster op volledig scherm om aan anderen te presenteren. De full-screen functionaliteit is ook handig als je de link wilt delen met anderen die je mockups gaan testen.

  1. Klik op de Deel tabblad bovenaan het Adobe XD-toepassingsvenster.
  2. Onder de Instelling bekijken optie, selecteer de Presentatie vooraf ingesteld als u van plan bent uw ontwerp te presenteren. U kunt ook de Gebruikers testen vooraf ingesteld als een andere gebruiker een prototype gaat testen.
  3. Klik op de Link bijwerken knop om een ​​nieuwe link te genereren.
  4. Open de nieuwe koppeling in het rechterdeelvenster.
  5. Wacht tot je ontwerp in een nieuwe browser wordt geopend. Gebruik de pijl -knop bovenaan het browservenster om uw ontwerp op volledig scherm te bekijken voor presentaties en gebruikerstesten. Zodra u zich in de modus Volledig scherm bevindt, drukt u op de Esc op uw toetsenbord om terug te gaan naar de browser.

Hoe u uw ontwerp kunt delen met behulp van aangepaste instellingen

Er zijn gevallen waarin u mogelijk een combinatie van functies nodig heeft die worden aangeboden in verschillende voorinstellingen voor delen. U hebt bijvoorbeeld mogelijk opmerkingen, volledige schermmodus en middelen voor ontwikkelaars nodig om allemaal in één link toegankelijk te zijn. Om dit te doen, kunt u uw eigen aangepaste instellingen maken.

Een aangepaste voorinstelling maken en een link voor delen genereren:

  1. Klik op de Deel tabblad bovenaan het Adobe XD-toepassingsvenster.
  2. Onder de Instelling bekijken optie, selecteer de Aangepast vooraf ingesteld.
  3. Vink aan de hand van de aangeboden aangepaste opties de functies aan die u in uw deellink wilt opnemen. Dit omvat opmerkingen, volledig scherm of ontwikkelaarsactiva.
  4. Klik op de Link bijwerken knop om een ​​nieuwe link te genereren.
  5. Open de nieuwe koppeling in het rechterdeelvenster.
  6. Wanneer je ontwerp in een nieuwe browser wordt geopend, heb je toegang tot alle functies die je in de vorige stappen hebt geselecteerd.

U kunt de linktoegang ook wijzigen via het tabblad Delen. Er zijn twee toegangsopties voor koppelingen:

  • Iedereen met de link
  • Alleen genodigden

Standaard kan iedereen die toegang heeft tot de gegenereerde link jouw ontwerp of prototype bekijken. Om de machtigingen voor de link te wijzigen, wijzigt u de instelling voor toegang tot de link:

  1. Klik op de Deel tabblad bovenaan het Adobe XD-toepassingsvenster.
  2. Onder de Link-toegang optie, wijzig de optie in Alleen genodigden.
  3. Klik op het profielpictogram naast de Link-toegang laten vallen.
  4. Voeg alleen de gebruikers toe die weergavetoegang tot uw document kunnen hebben.
  5. Klik op de profiel pictogram in de rechterbovenhoek van het toepassingsvenster van Adobe XD.
  6. Voeg alleen de gebruikers toe die bewerkingsrechten voor uw document kunnen hebben.

Je kan ook gebruik Adobe XD om afbeeldingen te bewerken, zoals het toevoegen van overlays.

Uw ontwerpen en prototypen delen in Adobe XD

U kunt koppelingen voor delen maken in Adobe XD om uw ontwerpen en prototypen te delen met andere medewerkers. Wanneer u een deellink maakt, heeft u de mogelijkheid om te kiezen tussen verschillende voorinstellingen, afhankelijk van uw deelbehoeften.

Voorinstellingen waaruit u kunt kiezen, zijn onder meer ontwerpbeoordeling, ontwikkelaar, presentatiemodus en gebruikerstesten. U kunt ook de functies aanpassen die zijn opgenomen in uw deellink, of de linkmachtigingen wijzigen om alleen toegang toe te staan ​​aan specifieke gebruikers.

Er zijn zoveel andere interessante dingen die u kunt doen met Adobe XD. Ontdek enkele van de nieuwe functies die de Adobe XD47-editie te bieden heeft.