AdobeXDon tõhus tööriist prototüüpimiseks. Eriti huvitav on võimalus integreerida hääljuhtimine. See funktsioon võimaldab sul suuliste käskudega luua interaktsioone oma prototüübi vahel. Käesolevas juhendis saad teada, kuidas saad hääljuhtimist Adobe XDis rakendada. Nii ei muutu su prototüüp mitte ainult kasutajasõbralikumaks, vaid toob ka interaktiivsuse uuele tasemele.

Olulisimad järeldused

  • Hääljuhtimine võimaldab interaktsiooni objektidega häälkäskudega.
  • Visuaalsed vihjed on otsustavad, et kasutajad mõistaksid, et häälkäskusid saab kasutada.
  • Sa saad määrata oma häälkäskusid ning nende reaktsioone prototüübis.

Samm-sammuline juhend

Looge oma Artboard

Alustuseks loo uus artboard. Valides sobiva taustavärvi, anna oma prototüübile moodne välimus. Siin saad näiteks valida pehme tooni, et luua meeldiv keskkond.

Keeletehnoloogia Adobe XD-s: Nii rakendad seda edukalt

Lisa tekst

Nüüd on aeg asjakohaselt suhelda. Kasuta tekstitööriista, et lisada tekstiväli, kuhu paigutad küsimuse „Mida ma saan sinu heaks teha?“. Formateeri tekst ilusasti, et see silma paistaks. 90 punktine fondisuurus on ideaalne, et olla silmatorkav ilma ülekoormamata.

Häälkontroll Adobe XDs: Nii rakendad seda edukalt

Visuaalsed vihjed hääljuhtimiseks

Et signalisada kasutajale, et häälkäskud on võimalikud, peaksid looma mikrofonisümboli. Sa saad joonistada ümarate nurkadega ristküliku ja ringitööriista abil kujundada mõjusa mikrofoni. Veendu, et dekoratiivsed elemendid oleksid kombineeritud viisil, mis loob meeldiva disaini.

Häältuvastuse kasutamine Adobe XD-s: Nii rakendad seda edukalt

Lisa teine tekstiväli

Nüüd lisa veel üks tekstiväli, mis kuvab sõnumit „Sulge see rakendus“. Vali sobiv tekstiformaat, et see silma paistaks. Eesmärk on aktiivselt näidata kasutajatele, milliseid häälkeelseid sisendeid nad anda saavad.

Hääljuhtimine Adobe XD-s: Nii rakendad seda edukalt

Loo animatsioonid

Et lisada oma rakendusele dünaamilisi elemente, peaksid looma mitu artboardi. Need näitavad erinevaid olekuid sinu prototüübis interaktiivse kasutamise ajal. Sa saad määrata animatsioonide struktuuri prototüübis, nii et häälkäsku andes algab sujuv animatsioon.

Hääljuhtimine Adobe XDs: Nii rakendad seda edukalt

Synchroniseeri animatsioonid

Kasutage Animatsiooni murdepunkte, et määrata üleminekud ekraanide vahel. Sa saad kasutada Auto-Animate, et tagada, et animatsioon laadimisfaasis sujub sujuvalt. See tagab positiivse kasutuskogemuse, kui kasutajad ootavad oma sisendeid.

Hääljuhtimine Adobe XDs: Nii rakendad seda edukalt

Kasutage häälkäsklusi prototüübi režiimis

Vaheta nüüd prototüübi režiimi ja määra hääljuhtimise üleminek. Kutsuja peaks olema seadistatud hääljuhtimise peale, mitte vajutamisele. Määra käsk „Sulge see rakendus“ järgmise toimingu kutsujaks. Iga käsk peab olema seotud spetsiifilise animatsiooni ja kestusega.

Hääljuhtimine Adobe XDs: Kuidas seda edukalt rakendada

Testi prototüüpi

Kui kõik on määratud, mine eelvaate paneeli ja testi oma rakendust. Hoia testimise ajal tühikuklahvi all, et anda häälkäsklusi. Kontrolli, kas sinu prototüüp reageerib õigesti hääl sisenditele ja kas animatsioonid toimivad. Testi käsku „Sulge see rakendus“ ja jälgi protsessi.

Hääljuhtimine Adobe XDis: Nii rakendad seda edukalt

Kokkuvõte – Hääljuhtimise efektiivne kasutamine Adobe XDis

Käesolevas juhendis oled õppinud, kuidas rakendada hääljuhtimist Adobe XDis. Oled läbinud sammud prototüübi loomise, tekstiväljade ja visuaalsete vihjete lisamise ning animatsioonide ja üleminekute määramise osas. See tehnika aitab sul parandada kasutajate interaktsiooni ja teha oma prototüübist atraktiivsem.

KKK

Kuidas ma saan hääljuhtimise aktiveerida Adobe XDis?Hääljuhtimist saab aktiveerida häälkäskude määramisega prototüübi režiimis.

Kas ma saan määrata oma häälkäsklusi?Jah, sa saad määrata oma häälkäskusid prototüübis ja määrata nende reaktsioone.

Kuidas ma testin hääljuhtimist?Eelvaate paneelis saad testida hääljuhtimist, hoides tühikuklahvi all ja hääldades oma käsku.