Adobe XD: Design, prototyp och dela med Adobes UX / UI-lösning

Idag installerade jag Adobe XD, Adobes UX / UI-lösning för prototyping av webbplatser, webbapplikationer och mobilapplikationer. Adobe XD gör det möjligt för användare att byta från statiska trådramar till interaktiva prototyper med ett enda klick. Du kan göra ändringar i din design och se din prototypuppdatering automatiskt - ingen synkronisering krävs. Och du kan förhandsgranska dina prototyper, komplett med övergångar på iOS- och Android-enheter, och sedan dela dem med ditt team för snabb feedback.

Adobe XD

Funktioner i Adobe XD inkluderar:

  • Interaktiva prototyper - Byt från design till prototypläge med ett enda klick, och anslut tavlor för att kommunicera flödet och banorna för appar med flera skärmar. Anslut designelement från en tavla till en annan, inklusive Repeat Grid-celler. Lägg till interaktioner med intuitiva visuella kontroller för att testa och validera upplevelsen.
  • Publicera prototyper för feedback - Skapa delbara webblänkar för att få feedback om dina mönster eller bädda in dem på Behance eller en webbsida. Granskare kan kommentera direkt på dina prototyper och specifika delar av din design. Du får ett meddelande när de gör kommentarer och de kan helt enkelt uppdatera sina webbläsare för att se dina ändringar.
  • Snabba, mångsidiga tavlor - Oavsett om du arbetar med en tavla eller hundra, ger XD dig samma snabba prestanda. Design för olika skärmar och enheter. Panorera och zooma utan fördröjningstid. Välj mellan förinställda storlekar eller definiera dina egna och kopiera mellan ritytor utan att förlora placeringen av dina designelement.
  • Upprepa rutnät - Välj objekt i din design, till exempel en kontaktlista eller ett fotogalleri, och replikera dem horisontellt eller vertikalt så många gånger du vill - alla dina stilar och avstånd förblir intakta. Uppdatera ett element en gång och dina ändringar uppdateras överallt.
  • Stöd över plattformen - Adobe XD stöder inbyggt Windows 10 (Universal Windows Platform) och Mac, med kompletterande mobilappar för Android och iOS.
  • Tillgångspanel - Gör färger och karaktärsstilar lätt tillgängliga för återanvändning genom att lägga till dem i panelen Tillgångar (tidigare symbolpanelen), som automatiskt innehåller symboler. Redigera valfri färg eller karaktärsstil i panelen så kommer ändringarna att återspeglas i hela ditt dokument.
  • Reimagined symboler - Spara tid med symboler, återanvändbara designelement som eliminerar behovet av att hitta och redigera varje förekomst av en tillgång i ett dokument. Uppdatera en så uppdateras de överallt eller väljer att åsidosätta specifika instanser. Symboler kan vara vektorgrafik, rasterbilder eller textobjekt, och de kan också användas som objekt i Repeat Grids.
  • Creative Cloud Libraries - Med Creative Cloud Libraries-integrering kan du komma åt och tillämpa rasterbilder, färger och karaktärsstilar som skapats i Photoshop CC, Illustrator CC och andra Creative Cloud-applikationer inifrån XD och återanvända dem var som helst i dina dokument.
  • Contextual Property Inspector - Arbeta i ett rensat utrymme tack vare den kontextmedvetna fastighetsinspektören, som bara visar alternativ för de objekt du har valt. Ändra egenskaper som kantfärg och tjocklek, fyllfärger, skuggor, oskärpa, opacitet och rotation och åtkomstalternativ för justering, dimensioner och Repeat Grid.
  • Smart canvas navigering - Zooma in enkelt på ett visst område i din design, eller gör ett val på en tavla och använd en genväg för att zooma direkt till den. Pan eller zooma med musen, pekplatta eller kortkommandon. Och få bra prestanda även om du har hundratals ritytor.
  • Kontextuella lager - Håll dig organiserad och fokuserad medan du hanterar komplexa mönster tack vare en kontextuell inställning till lager. XD lyfter endast fram de lager som är kopplade till den ritytan du arbetar med, så att du snabbt och enkelt kan hitta det du behöver.
  • Layout-vägledningsverktyg - Rita, återanvänd och mixa designelement sömlöst med snap-to-galler och andra intuitiva layoutverktyg som hjälper dig att skapa relativa mått mellan objekt, maskera med former, gruppera, låsa, justera och distribuera designelement och mer.
  • Oskärpa effekter - Oskärpa snabbt ett specifikt objekt eller en hel bakgrund för att ändra fokus för din design, vilket ger djup och dimension.
  • Mångsidiga linjära lutningar - Skapa vackra linjära lutningar med enkla men exakta visuella kontroller i Color Picker. Du kan även importera gradienter från Photoshop CC och Illustrator CC.
  • Modernt pennaverktyg - Rita enkelt former och banor med pennverktyget. Använd anpassade banor, lägg till eller ta bort ankarpunkter, enkelt manipulera linjer och växla mellan böjda och vinklade banor - allt med samma verktyg.
  • Boolsk gruppredigering - Skapa och experimentera med komplexa former genom att kombinera grupper av objekt med icke-destruktiva booleska operatorer.
  • Typografistyling - Stil text med exakt kontroll för att förbättra användarupplevelsen. Justera enkelt typografiska element som typsnitt, typsnitt, storlek, justering, teckenavstånd och linjeavstånd. Ändra utseendet på din text på samma sätt som du ändrar andra element i XD som opacitet, fyllning, bakgrund och oskärpa effekter och gränser.
  • Strömlinjeformad färgkontroll - Välj färger genom att ange exakta värden eller genom att prova inifrån eller utanför XD med pipetten. Skapa och spara färgprover och använd genvägar för hexadecimalkoder i färgväljaren.
  • UI-resurser - Snabbt design och prototyp för Apple iOS, Google Material Design och Microsoft Windows-enheter med högkvalitativa användargränssnittskomponenter.
  • Kopiera och klistra in från andra designappar - Ta med konst till XD från Photoshop CC och Illustrator CC.
  • Förhandsgranskningar av iOS och Android i kontext - Förhandsgranska dina mönster och alla interaktioner på de faktiska enheterna du riktar dig till. Gör ändringar på skrivbordet och testa dem sedan på dina enheter för trohet och användbarhet.
  • Tips om hotspot - Markera automatiskt hotspots i din prototyp så att användarna kan se vilka områden som är interaktiva och klickbara.
  • Prototyphantering - Skapa flera webbadresser från samma fil för att dela olika versioner av din prototyp. Dela ett obegränsat antal prototyper och få åtkomst till och ta bort dem från ditt Creative Cloud-konto.
  • Spela in prototypinteraktioner som videor - När du klickar igenom din förhandsgranskning spelar du in en MP4-fil som du kan dela med ditt team eller intressenter (endast Mac).
  • Export konstverk, tillgångar och ritytor - Exportera bilder och mönster i PNG- och SVG-format, som du kan konfigurera för iOS, Android, webb eller dina egna inställningar. Exportera en hel tavla eller enskilda element. Och dela tillgångar och ritytor genom att exportera dem som enskilda PDF-filer eller som en enda PDF-fil.
  • Flerspråkigt stöd - Språk som stöds inkluderar engelska, franska, tyska, japanska och koreanska.
  • E-postmeddelanden för kommentarer - Få e-postmeddelanden när intressenter kommenterar dina webbprototyper. E-postmeddelanden kan skickas individuellt eller sändas i en daglig sammanfattning

Bäst av allt, Adobe XD kommer med min licens för Adobe Creative Suite!

Upplysningar: Vi är dotterbolag till Adobe.

Vad tror du?

Den här sidan använder Akismet för att minska spam. Läs om hur din kommentardata behandlas.