AdobeXDir kļuvis par jaudīgu rīku prototipu izstrādei. Īpaši interesanta ir iespēja integrēt balss vadību. Šī funkcija ļauj tev veidot interakcijas ar savu prototipu, izmantojot verbālus rīkojumus. Šajā rokasgrāmatā tu uzzināsi, kā īstenot balss vadību Adobe XD. Tādējādi tavs prototips kļūs ne tikai lietotājam draudzīgāks, bet arī paaugstinās interaktivitāti jaunā līmenī.
Galvenās atziņas
- Balss vadība ļauj mijiedarboties ar objektiem, izmantojot balss komandas.
- Vizuali norādījumi ir izšķiroši, lai lietotāji saprastu, ka var izmantot balss komandas.
- Tu vari definēt savas balss komandas un noteikt to reakcijas prototipā.
Rokasgrāmata pa solītim
Izveido savu artboard
Sāc ar jauna artboard izveidi. Izvēlieties piemērotu fona krāsu, lai dotu sava prototipa mūsdienīgu izskatu. Šajā procesā tu vari, piemēram, izvēlēties maigu toņu, lai radītu patīkamu vidi.
Pievieno tekstu
Tagad ir laiks sazināties attiecīgi. Izmanto teksta rīku, lai pievienotu teksta lauku, kurā tu ievieto jautājumu "Ko es varu darīt priekš tevis?". Formatē tekstu pievilcīgi, lai to izceltu. Ideāla fonta izmērs ir 90 punkti, lai tas būtu pamanāms, bet nepārblīvēts.
Vizuali norādījumi balss vadībai
Lai norādītu lietotājam, ka balss komandas ir iespējamas, tev vajadzētu izveidot mikrofona simbolu. Tu vari izveidot vizuālu mikrofonu, uzzīmējot noapaļotu taisnstūri un izmantojot apļa rīku. Pievērs uzmanību dekoratīvo elementu kombinācijai, lai tās veidotu pievilcīgu dizainu.
Pievieno otro teksta lauku
Tagad pievieno vēl vienu teksta lauku, kas attēlo ziņojuma tekstus, piemēram, "Aizver šo lietotni". Izvēlies atbilstošu teksta formatējumu, lai to izceltu. Mērķis ir aktīvi parādīt lietotājiem, kādas balss ievades viņi var sniegt.
Izveido animācijas
Lai pievienotu savai lietotnei dinamiskus elementus, tev vajadzētu izveidot vairākus artboards. Tie rādīs dažādos stāvokļus tava prototipa interaktīvās izmantošanas laikā. Tu vari noteikt animāciju struktūru prototipā, tādējādi palaižot plūstošu animāciju, kad tiek dotas balss komandas.
Sinhronizē animācijas
Izmanto animāciju iestatījumus, lai noteiktu pārejas starp ekrāniem. Tu vari izmantot Auto-Animate, lai pārliecinātos, ka animācija notiek bezšuvju laikā, kad gaida ielādes fāzes. Tas nodrošina pozitīvu lietošanas pieredzi, kamēr lietotāji gaida savas ievades.
Izmanto balss komandas prototipa režīmā
Tagad pārej uz prototipa režīmu un definē balss vadības pāreju. Iedarbība jāiestata uz balss vadību, nevis uz pieskārienu. Iestati komandu "Aizver šo lietotni" kā iedarbību nākamajai darbībai. Katram rīkojumam ir jāpiešķir specifiska animācija un ilgums.
Testē prototipu
Kad viss ir noteikts, pārej uz priekšskatījuma paneli un testē savu lietojumprogrammu. Turiet nospiestu tukšo taustiņu, lai sniegtu balss komandas testēšanas laikā. Pārbaudi, vai tavs prototips pareizi reaģē uz balss ievadēm un vai animācijas darbojas. Testē komandu "Aizver šo lietotni" un vēro gaitu.
Kopsavilkums – efektīvi izmantot balss vadību Adobe XD
Šajā rokasgrāmatā tu uzzināji, kā īstenot balss vadību Adobe XD. Tu esi izgājis soļus, lai veidotu prototipu, pievienotu teksta laukus un vizuālos norādījumus, kā arī noteiktu animācijas un pārejas. Šī tehnika palīdzēs uzlabot lietotāju interakciju un padarīt tavu prototipu pievilcīgāku.
FAQ
Kā es varu aktivizēt balss vadību Adobe XD?Balss vadību var aktivizēt, nosakot balss komandas prototipa režīmā.
Vai es varu definēt savas balss komandas?Jā, tu vari noteikt savas balss komandas prototipā un noteikt to reakcijas.
Kā es testēju balss vadību?Priekšskatījuma panelī tu vari testēt balss vadību, nospiežot tukšo taustiņu un izsaucot savu komandu.
