Adobe XD: Design, prototype og del med Adobes UX / UI-løsning

I dag installerede jeg Adobe XD, Adobes UX / UI-løsning til prototyping af websteder, webapplikationer og mobilapplikationer. Adobe XD giver brugerne mulighed for at skifte fra statiske wireframes til interaktive prototyper med et enkelt klik. Du kan foretage ændringer i dit design og se din prototypeopdatering automatisk - ingen synkronisering er påkrævet. Og du kan få vist dine prototyper, komplet med overgange på iOS- og Android-enheder, og derefter dele dem med dit team for hurtig feedback.

Adobe XD

Funktioner i Adobe XD inkluderer:

  • Interaktive prototyper - Skift fra design til prototype-tilstand med et enkelt klik, og tilslut tegnebrætter for at kommunikere strømmen og stierne til apps med flere skærme. Forbind designelementer fra et tegnebræt til et andet, inklusive Repeat Grid celler. Tilføj interaktioner med intuitive visuelle kontroller for at teste og validere oplevelsen.
  • Udgiv prototyper til feedback - Generer delbare weblinks for at få feedback på dine designs eller integrere dem på Behance eller en webside. Reviewers kan kommentere direkte på dine prototyper og specifikke dele af dit design. Du får besked, når de laver kommentarer, og de kan blot opdatere deres browsere for at se dine ændringer.
  • Hurtige, alsidige tegnebrætter - Uanset om du arbejder med et tegnebræt eller hundrede, giver XD dig den samme hurtige ydeevne. Design til forskellige skærme og enheder. Panorer og zoom uden forsinkelsestid. Vælg mellem forudindstillede størrelser, eller definer dine egne, og kopier mellem tegnebrætter uden at miste placeringen af ​​dine designelementer.
  • Gentag gitter - Vælg emner i dit design, f.eks. En kontaktliste eller et fotogalleri, og repliker dem vandret eller lodret så mange gange du vil - alle dine stilarter og afstand forbliver intakte. Opdater et element en gang, og dine ændringer opdateres overalt.
  • Støtte på tværs af platforme - Adobe XD understøtter indbygget Windows 10 (Universal Windows Platform) og Mac med ledsagende mobilapps til Android og iOS.
  • Panelet Aktiver - Gør farver og tegnformater let tilgængelige til genbrug ved at tilføje dem til panelet Aktiver (tidligere symbolpanelet), som automatisk inkluderer symboler. Rediger enhver farve eller tegnstil i panelet, så ændringerne afspejles i hele dit dokument.
  • Reimagined symboler - Spar tid med symboler, genanvendelige designelementer, der eliminerer behovet for at finde og redigere hver forekomst af et aktiv på tværs af et dokument. Opdater en, og de opdateres overalt, eller vælger at tilsidesætte bestemte forekomster. Symboler kan være vektorgrafik, rasterbilleder eller tekstobjekter, og de kan også bruges som objekter i Gentag gitre.
  • Creative Cloud Biblioteker - Med Creative Cloud Libraries-integration kan du få adgang til og anvende rasterbilleder, farver og tegnformater oprettet i Photoshop CC, Illustrator CC og andre Creative Cloud-applikationer inde fra XD og genbruge dem hvor som helst i dine dokumenter.
  • Contextual Property Inspector - Arbejd i et ryddeligt rum takket være den kontekstbevidste Property Inspector, der kun viser muligheder for de objekter, du har valgt. Rediger egenskaber som kantfarve og tykkelse, udfyld farver, skygger, slør, opacitet og rotation, og få adgang til indstillinger til justering, dimensioner og Gentag gitter.
  • Smart lærrednavigation - Zoom nemt ind på et bestemt område af dit design, eller foretag et valg på et tegnebræt, og brug en genvej til at zoome direkte til det. Panorer eller zoom med din mus, touchpad eller tastaturgenveje. Og få god præstation, selvom du har hundredvis af tegnebrætter.
  • Kontekstuelle lag - Bliv organiseret og fokuseret, mens du administrerer komplekse designs takket være en kontekstuel tilgang til lag. XD fremhæver kun de lag, der er knyttet til det tegnebræt, du arbejder på, så du hurtigt og nemt kan finde det, du har brug for.
  • Layoutvejledningsværktøjer - Tegn, genbrug og remix designelementer problemfrit ved hjælp af snap-to-gitre og andre intuitive layoutværktøjer, der hjælper dig med at oprette relative målinger mellem objekter, maske med former, gruppere, låse, justere og distribuere designelementer og mere.
  • Slør effekter - Slør hurtigt et bestemt objekt eller en hel baggrund for at ændre fokus for dit design og give det dybde og dimension.
  • Alsidige lineære gradienter - Opret smukke lineære gradienter ved hjælp af enkle, men nøjagtige visuelle kontroller i Color Picker. Du kan også importere forløb fra Photoshop CC og Illustrator CC.
  • Moderne penværktøj - Tegn let former og stier med penneværktøjet. Brug brugerdefinerede stier, tilføj eller fjern ankerpunkter, manipuler let linjer og skift mellem buede og vinklede stier - alt sammen med det samme værktøj.
  • Boolsk gruppe redigering - Opret og eksperimenter med komplekse former ved at kombinere grupper af objekter ved hjælp af ikke-destruktive boolske operatorer.
  • Typografi styling - Stil tekst med præcis kontrol for at forbedre brugeroplevelsen. Juster let typografiske elementer som skrifttype, skrifttype, størrelse, justering, tegnafstand og linjeafstand. Skift udseendet på din tekst på samme måde, som du ændrer andre elementer i XD som opacitet, udfyldning, baggrunds- og sløreffekter og kanter.
  • Strømlinet farvekontrol - Vælg farver ved at indtaste nøjagtige værdier eller ved at prøve fra indersiden eller uden for XD med pipetten. Opret og gem farveprøver, og brug genveje til hexadecimale koder i farvevælgeren.
  • UI-ressourcer - Design hurtigt og prototype til Apple iOS, Google Material Design og Microsoft Windows-enheder ved hjælp af komponenter i brugergrænsefladen af ​​høj kvalitet.
  • Kopier og indsæt fra andre design-apps - Bring kunst til XD fra Photoshop CC og Illustrator CC.
  • Eksempler på iOS og Android i sammenhæng - Se dine designs og alle interaktioner på de aktuelle enheder, du målretter mod. Foretag ændringer på skrivebordet, og test dem derefter på dine enheder for troskab og brugervenlighed.
  • Tip om hotspot - Fremhæv automatisk hotspots i din prototype, så brugerne kan se, hvilke områder der er interaktive og klikbare.
  • Prototype management - Opret flere URL'er fra den samme fil for at dele forskellige versioner af din prototype. Del et ubegrænset antal prototyper, og få let adgang til og slet dem fra din Creative Cloud-konto.
  • Optag prototype-interaktioner som videoer - Når du klikker igennem din forhåndsvisning, skal du optage en MP4-fil, der skal deles med dit team eller interessenter (kun Mac).
  • Eksportér illustrationer, aktiver og tegnebrætter - Eksporter billeder og design i PNG- og SVG-formater, som du kan konfigurere til iOS, Android, web eller dine egne brugerdefinerede indstillinger. Eksporter et helt tegnebræt eller individuelle elementer. Og del aktiver og tegnebrætter ved at eksportere dem som individuelle PDF-filer eller som en enkelt PDF-fil.
  • Flersproget support - Understøttede sprog inkluderer engelsk, fransk, tysk, japansk og koreansk.
  • E-mail-meddelelser til kommentarer - Få e-mail-meddelelser, når interessenter kommenterer dine webprototyper. E-mails kan sendes enkeltvis eller batches i en daglig fordøjelse

Bedst af alt følger Adobe XD med min licens til Adobe Creative Suite!

Offentliggørelse: Vi er tilknyttet Adobe.

Hvad mener du?

Dette websted bruger Akismet til at reducere spam. Lær, hvordan dine kommentardata behandles.