Content Marketingmarkedsførings~~POS=TRUNCMobil- og nettbrettmarkedsføring

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

I dag installerte jeg Adobe XD, Adobes UX / UI-løsning for prototyping av nettsteder, webapplikasjoner og mobilapplikasjoner. Adobe XD lar brukerne bytte fra statiske wireframes til interaktive prototyper med et enkelt klikk. Du kan gjøre endringer i designet ditt og se prototypen din oppdateres automatisk - ingen synkronisering kreves. Og du kan forhåndsvise prototypene dine, komplett med overganger på iOS- og Android-enheter, og deretter dele dem med teamet ditt for rask tilbakemelding.

Adobe XD

Funksjoner i Adobe XD inkluderer:

  • Interaktive prototyper - Bytt fra design til prototypemodus med et enkelt klikk, og koble tegnebrett for å kommunisere strømmen og banene til apper med flere skjermer. Koble designelementer fra ett tegnebrett til et annet, inkludert Repeat Grid celler. Legg til interaksjoner med intuitive visuelle kontroller for å teste og validere opplevelsen.
  • Publiser prototyper for tilbakemelding - Generer delbare nettlenker for å få tilbakemelding på designene dine, eller legg dem inn på Behance eller en webside. Kritikere kan kommentere direkte på prototypene dine og spesifikke deler av designet ditt. Du får beskjed når de kommer med kommentarer, og de kan bare oppdatere nettleserne for å se endringene dine.
  • Raske, allsidige tegnebrett - Enten du jobber med ett tegnebrett eller hundre, gir XD deg den samme raske ytelsen. Design for forskjellige skjermer og enheter. Panorere og zoome uten forsinkelsestid. Velg mellom forhåndsinnstilte størrelser eller definer dine egne, og kopier mellom tegnebrett uten å miste plasseringen av designelementene dine.
  • Gjenta rutenett - Velg elementer i designet ditt, for eksempel en kontaktliste eller et fotogalleri, og repliker dem horisontalt eller vertikalt så mange ganger du vil - alle stilene og avstandene dine forblir intakte. Oppdater et element en gang, og endringene dine oppdateres overalt.
  • Støtte på tvers av plattformer - Adobe XD støtter naturlig Windows 10 (Universal Windows Platform) og Mac, med ledsagende mobilapper for Android og iOS.
  • Eiendomspanel - Gjør farger og tegnstiler lett tilgjengelige for gjenbruk ved å legge dem til i Assets-panelet (tidligere Symbols-panelet), som automatisk inkluderer symboler. Rediger hvilken som helst farge eller tegnstil i panelet, og endringene gjenspeiles i hele dokumentet.
  • Reimagined symboler - Spar tid med symboler, gjenbrukbare designelementer som eliminerer behovet for å finne og redigere hver forekomst av et aktivum på tvers av et dokument. Oppdater en, og de oppdateres overalt, eller velger å overstyre bestemte forekomster. Symboler kan være vektorgrafikk, rasterbilder eller tekstobjekter, og de kan også brukes som objekter i Repeat Grids.
  • Creative Cloud Libraries - Med Creative Cloud Libraries-integrering kan du få tilgang til og bruke rasterbilder, farger og tegnstiler opprettet i Photoshop CC, Illustrator CC og andre Creative Cloud-applikasjoner fra innsiden av XD, og ​​bruke dem hvor som helst i dokumentene dine.
  • Kontekstuell eiendomsinspektør - Arbeid i et ryddig rom takket være den kontekstbevisste Property Inspector, som bare viser alternativer for objektene du har valgt. Endre egenskaper som kantfarge og tykkelse, fyll farger, skygger, uskarphet, opasitet og rotasjon, og få tilgang til alternativer for justering, dimensjoner og Repeat Grid.
  • Smart lerretnavigasjon - Du kan enkelt zoome inn på et bestemt område av designet ditt, eller foreta et valg på et tegnebrett og bruke en snarvei for å zoome rett til det. Panorer eller zoom med musen, styreflaten eller hurtigtastene. Og få god ytelse selv om du har hundrevis av tegnebrett.
  • Kontekstuelle lag - Hold deg organisert og fokusert mens du håndterer komplekse design takket være en kontekstuell tilnærming til lag. XD fremhever bare lagene som er knyttet til tavlen du jobber med, slik at du raskt og enkelt kan finne det du trenger.
  • Veiledningsverktøy for layout - Tegn, gjenbruk og miks sømløst designelementer ved hjelp av snap-to-rutenett og andre intuitive layoutverktøy som hjelper deg med å lage relative målinger mellom objekter, maske med former, gruppere, låse, justere og distribuere designelementer og mer.
  • Uklarhetseffekter - Tørk raskt et bestemt objekt eller en hel bakgrunn for å endre fokuspunktet i designet ditt, og gi det dybde og dimensjon.
  • Allsidige lineære stigninger - Lag vakre lineære stigninger ved å bruke enkle, men presise visuelle kontroller i Color Picker. Du kan også importere stigninger fra Photoshop CC og Illustrator CC.
  • Moderne pennverktøy - Tegn enkelt former og baner med pennverktøyet. Bruk egendefinerte baner, legg til eller fjern ankerpunkter, enkelt manipuler linjer, og bytt mellom buede og vinklede baner - alt med samme verktøy.
  • Boolsk gruppe redigering - Lag og eksperimenter med komplekse former ved å kombinere grupper av objekter ved hjelp av ikke-destruktive boolske operatorer.
  • Typografi styling - Stil tekst med presis kontroll for å forbedre brukeropplevelsen. Juster enkelt typografiske elementer som skrift, skrift, størrelse, justering, tegnavstand og linjeavstand. Endre utseendet på teksten din på samme måte som du endrer andre elementer i XD som opasitet, fyll, bakgrunn og uskarphet og rammer.
  • Strømlinjeformet fargekontroll - Velg farger ved å angi nøyaktige verdier eller ved å prøve fra innen eller utenfor XD med pipetten. Opprett og lagre fargeprøver, og bruk snarveier for heksadesimale koder i fargevelgeren.
  • UI-ressurser - Design og prototype raskt for Apple iOS, Google Material Design og Microsoft Windows-enheter ved hjelp av høykvalitets brukergrensesnittkomponenter.
  • Kopier og lim inn fra andre designapper - Ta med kunstverk til XD fra Photoshop CC og Illustrator CC.
  • Forhåndsvisning av iOS og Android i sammenheng - Forhåndsvisning av design og alle interaksjoner på de faktiske enhetene du målretter mot. Gjør endringer på skrivebordet, og test dem deretter på enhetene dine for troskap og brukervennlighet.
  • Tips om hotspot - Marker hotspots automatisk i prototypen din slik at brukerne kan se hvilke områder som er interaktive og klikkbare.
  • Prototypeadministrasjon - Lag flere nettadresser fra samme fil for å dele forskjellige versjoner av prototypen din. Del et ubegrenset antall prototyper, og få lett tilgang til og slett dem fra Creative Cloud-kontoen din.
  • Ta opp prototype-interaksjoner som videoer - Når du klikker gjennom forhåndsvisningen, tar du opp en MP4-fil som du kan dele med teamet ditt eller interessenter (kun Mac).
  • Eksporter kunstverk, eiendeler og tegnebrett - Eksporter bilder og design i PNG- og SVG-format, som du kan konfigurere for iOS, Android, web eller dine egne tilpassede innstillinger. Eksporter et helt tegnebrett eller individuelle elementer. Og del eiendeler og tegnebrett ved å eksportere dem som individuelle PDF-filer eller som én PDF-fil.
  • Flerspråklig støtte - Støttede språk inkluderer engelsk, fransk, tysk, japansk og koreansk.
  • E-postvarsler for kommentarer - Få e-postvarsler når interessenter kommenterer webprototypene dine. E-post kan sendes enkeltvis eller sendes i en daglig sammendrag

Best av alt, Adobe XD kommer med lisensen min for Adobe Creative Suite!

Offentliggjøring: Vi er tilknyttet Adobe.

Douglas Karr

Douglas Karr er CMO for Åpne INSIGHTS og grunnleggeren av Martech Zone. Douglas har hjulpet dusinvis av vellykkede MarTech-startups, har bistått med due diligence på over 5 milliarder dollar i Martech-oppkjøp og -investeringer, og fortsetter å hjelpe selskaper med å implementere og automatisere salgs- og markedsføringsstrategier. Douglas er en internasjonalt anerkjent digital transformasjons- og MarTech-ekspert og foredragsholder. Douglas er også en publisert forfatter av en Dummies guide og en bok om lederskap for bedrifter.

Relaterte artikler

Tilbake til toppen-knappen
Lukke

Annonseblokkering oppdaget

Martech Zone er i stand til å gi deg dette innholdet uten kostnad fordi vi tjener penger på nettstedet vårt gjennom annonseinntekter, tilknyttede lenker og sponsing. Vi vil sette pris på om du vil fjerne annonseblokkeringen når du ser på nettstedet vårt.