Adobe XD pamācība – pieredzes dizains un prototipu izveide

Sveicināti lielajā Adobe XD apmācību pamācību komplektā. Šajā ievadā es sevi iepazīstinu kā tavu treneri.

Kāda ir atšķirība starp lietotāja pieredzi (UX) un lietotāja interfeisu (UI)? Kādas ir dažādas līmeņu dizaina veidi un kā Adobe XD tiek vislabāk izmantots? Atbilde ir šeit!

Pirmo reizi atvērus Adobe XD - jau piedāvājas daudzas iespējas, ko var izvēlēties. Šajā video ir neliela iedziļināšanās Adobe XD, pārskats par programmu un iepazīstināšana ar XD starta ekrānu un tā funkcijām.

Zīmējumu platnes ātri un viegli var izveidot dažādām izšķirtspējām un ierīcēm Adobe XD programmā. Kādas īpatnības ir jāņem vērā, to var uzzināt šajā instrukcijā.

Atšķirīgas režģa iestatījumi atvieglo elementu un objektu tīru iekārtošanu starpā. Šim nolūkam mums ir pieejams taisnstūra režģis un kolonnu sadalījums kolumnām.

Google, Apple un Microsoft piedāvā praktiskus UI komplektus ātrai startam. Šie gatavie Artbordi ļoti palīdz mums vēlāk veidot prototipus dažādām platformām.

Krāsas spēlē ļoti svarīgu lomu gandrīz ikvienā dizainā - šajā videoklipā tu mācīsies, kā strādāt ar krāsām Adobe XD, kā tās importēt un kādas praktiskas avota s tie ir pieejami, lai savāktu gatavas krāsu harmonijas.

Ir daudz veidu, kā importēt resursus, piemēram, attēlus, failus, teksta dokumentus u.c., Adobe XD. Šajā video es iepazīstinu ar dažiem paņēmieniem. Taču, ņemot vērā, ka XD ir daļa no Adobe Creative Cloud, ar bibliotēkām dabiski var ērti un ērti strādāt.

Tēmas par fontu veidiem un tipogrāfiju ir liels celtniecības bloks mūsu ceļojumā pa Adobe XD. Šajā video tu iemācies, kā pareizi un efektīvi rīkoties ar fontiem.

Formas var viegli importēt Adobe XD vai arī veidot pats ar ceļa rīku. Ja objekts tiek izmantots vairāk nekā divreiz, ieteicams to iekļaut kā simbolu aktīvu sarakstā.

Dizaina veidošana ir ļoti saistīta ar iedvesmu un ārējo ietekmi. Tam ietilpst gan analogais vide, gan digitālā pasaule. Šeit es iepazīstinu ar dažiem portāliem, kuriem bieži viesoju.

Sākam ar nelielu, iekšēju prakses projektu. Šajā pamācības un divos nākamajos video mēs izveidosim vienas lapas tīmekļa vietni.

Atkārtošanās režģis ir viena no svarīgākajām funkcijām Adobe XD. Tas palīdz mums skalēt un individuāli aizpildīt vienreiz izveidotas objektu grupas.

Pēdējā daļā no Onepager izveidošanas mēs pievērsīsimies apakšējai joslai un citam nodalījumam atsauksmēm. Šeit izmantosim praktiskus SVG failus un iepazīsimies ar jaunām dizaina tehnikām.

Šajā nodarbībā mēs apspriedīsim, kā atsevišķi mākslas plātnes var tikt savstarpēji saistītas interaktīvi. Kādas iespējas pārejas izvēlei un kādas papildu modificēšanas mēs varam veikt prototipā, mēs izskaidrosim šeit.

Katram tīmekļa vietnes ir jābūt enkuriem navigācijai. Šajā video mēs koncentrēsimies tikai uz galvenās navigācijas izveidi galvenajā daļā un to interaktīvo savienojumu.

Šī apmācība turpina iepriekšējo nodaļu un parāda, kā pielāgot izveidoto darbvirsmas izvēlni uz smartfona. Hamburger ikona un izvēlnes punkti tiek uzlaboti ar interesantām animācijām.

Viena no spēcīgākajām rīkām labāka vizualizācija nodrošināšanai ir Adobe XD Auto-Animate funkcija. Šajā piemērā es izskaidrošu, kā jūs varat pielāgot Auto-Animate funkcijas principu adaptīvai izmantošanai jebkurā iespējamā scenārijā.

Nākamajos video mēs mācīsimies izveidot prototipu tiešsaistes veikalam. Šeit mēs mācīsimies, kā no vienkāršiem zīmējumiem vizuāli pievilcīgus augsta izšķirtspējas prototipus veidot. 1. daļa no 4.

Otrajā daļā mēs pievērsīsimies detalizēto aprakstu attēlošanai, iebūvēsim slaidus attēliem un savienosim mākslas paneļus savā starpā.

Pārklājuma funkcija interaktīvajam prototipēšanam mums piedāvā interesantas iespējas, kā informāciju var tieši iekļaut un pēc tam atkal paslēpt.

Labais lietojamības dizains vienmēr dod lietotājam atgriezenisko saiti par sistēmas stāvokli. Šo atgriezenisko saiti mēs iekļausim skaistā animācijā projekta noslēgumā.

Adobe XD prototipēšanas procesā ir iespējams pievienot arī interakcijas ar balss komandiem. Verbālie norādījumi ļauj veikt sistēmas darbības, kuras mēs varam definēt paši. Kā tas strādā, es parādīšu šajā pamācību materiālā.

Sadarbībā ar citām nodaļām un iesaistītajām personām audio komentēšana ir vērtīga funkcija, lai skaidri izskaidrotu projektu statusu.

Prototipa testēšana virtuālā vidē ir viena lieta - to dzīvi parādīt ierīcē ir pavisam cita. Un tieši to var ērti atrisināt, izmantojot Adobe XD, vai nu caur USB, vai Creative Cloud savienojumu. Tam mēs izmantojam Adobe XD lietotni App Store.

Sadarbības laikā ir nepieciešams sazināties ar citām nodaļām par projektu. Prototipu var atbrīvot izmantojot publicēšanas funkciju, lai pārskatītāji, izstrādātāji un pasūtītāji saņemtu vizuālu ieskatu projektā. Šajā posmā sākas projekta pabeigšanas cikls starp atbilstošajām nodaļām.

Adobe XD mainīsies kā vēl ļoti jauns programma ar katru atjauninājumu: Šajā video es izskaidroju, kādas jaunievedumus dos versijas 18 pāreja uz versiju 19, kā izmantot funkcijas un kādos situācijās tās var būt noderīgas. Tas ietver: komponentes vietā simbolus, responsīvās izmēra izmaiņas, vadlīnijas, poligonu rīku, papildus tekstveidlapas formatēšanas iespējas un daudz vairāk. Patīkamu skatīšanos!