Skaitmeniniame pasaulyje labai svarbus dizainas ir naudotojo patirtis. Dirbdami su tokiais dizaino įrankiais kaip "Adobe XD " galite kurti intuityvias naudotojo sąsajas, kurti prototipus ir veiksmingai dalytis jais su kitais. Šiame vadove apžvelgsite "Adobe XD" pagrindus - nuo pagrindinių dizaino principų iki prototipų kūrimo būdų ir bendradarbiavimo su įvairiomis komandomis.
Pagrindinės žinios
- Adobe XD leidžia kurti dizainą įvairioms medijoms ir platformoms.
- Efektyvus dizaino procesas apima kelis etapus - nuo mažo tikslumo maketų iki didelio tikslumo prototipų.
- Naudojant vielinius modelius ir vartotojo sąsajos rinkinius, dizaino procesas pagreitėja.
- Prototipus galima rodyti ir išbandyti realiuoju laiku mobiliuosiuose įrenginiuose.
- Bendradarbiavimo būdas, aiškiai deleguojant užduotis kūrėjams, gali gerokai pagerinti darbo eigą.
Žingsnis po žingsnio vadovas
1 žingsnis: nustatykite darbo aplinką
Norėdami pradėti dirbti su "Adobe XD", atidarykite programą ir pasirinkite norimą darbalaukio tipą. Galite kurti dizainą įvairiems įrenginiams, pavyzdžiui, išmaniesiems telefonams, planšetiniams kompiuteriams arba svetainėms. Lengvas būdas pradėti darbą - pasirinkti "iPhone" maketą ir pradėti darbo eigą.
2 veiksmas: susipažinkite su įrankiais ir funkcijomis
Adobe XD siūlo įvairius įrankius, kuriuos rasite kairėje pusėje esančioje įrankių juostoje. Čia galite pridėti figūrų, teksto, spalvų ir paveikslėlių. Norėdami sukurti vizualinį dizainą, eksperimentuokite su tekstais ir formomis. Kuo daugiau žaisite su įrankiais, tuo geriau susipažinsite su programa.
3 veiksmas: kurkite mažo tikslumo maketus
Pradėkite kurti mažo tikslumo prototipą, kad nustatytumėte pagrindinę savo dizaino logiką. Apytikriai nubrėžkite, kur turėtų būti išdėstyti tokie elementai, kaip teksto laukai, mygtukai ir paveikslėliai. Tai padės jums suplanuoti pagrindinį maketą nesigilinant į detales.
4 etapas: dizaino užbaigimas
Baigę kurti mažo tikroviškumo prototipą, įsitikinkite, kad logika ir naudotojo srautas yra aiškūs. Pradėkite dirbti su vidutinio tikslumo prototipu, kuriame pridėsite daugiau detalių. Dabar galite pridėti fono spalvų, teksto stilių ir mygtukų, kad dizainas taptų patrauklesnis.
5 žingsnis: didelio tikslumo prototipo kūrimas
Dabar galite pereiti prie didelio tikslumo prototipo kūrimo. Tai reiškia, kad pridedate tikslių spalvų, šriftų ir dizaino elementų, kad dizainas sudarytų tikrovišką įspūdį. Tikslinkite mygtukus ir kitas sąveikas, kad įsitikintumėte, jog viskas gerai atrodo ir veikia.
6 žingsnis: išbandykite prototipus mobiliesiems įrenginiams
Vienas iš "Adobe XD" privalumų - galimybė realiuoju laiku išbandyti prototipą mobiliuosiuose įrenginiuose. USB kabeliu prijunkite išmanųjį telefoną ir įkelkite prototipą, kad pamatytumėte, kaip jis veikia tikrame įrenginyje. Tai padės jums anksti nustatyti problemas.
7 žingsnis: Naudokite komponentus
Pasikartojantiems dizaino elementams naudokite komponentus. Kai kas nors pasikeičia, pakeitimas automatiškai pritaikomas visiems to komponento egzemplioriams. Taip sutaupysite laiko ir užtikrinsite dizaino nuoseklumą.
8 žingsnis: naudokite laidų modelius ir naudotojo sąsajos rinkinius
Norėdami pagreitinti projektavimo procesą, galite naudoti paruoštus vielinius karkasus ir naudotojo sąsajos rinkinius. Šie ištekliai suteikia tvirtą pagrindą, kad galėtumėte greitai pradėti dirbti ir įveikti kūrybinius blokus. Atsisiųskite norimus rinkinius ir pritaikykite juos savo dizainui.
9 žingsnis: klientų kelionės žemėlapis
Naudokite vielinius karkasus, kad nubraižytumėte kliento kelionės žemėlapį. Tai padės jums nubraižyti visą naudotojo srautą nuo užsiregistravimo iki įsijungimo ir toliau. Sukurkite reikiamus meniu planšetus ir išbandykite perėjimus, kad geriau suprastumėte naudotojo patirtį.
10 žingsnis: grįžtamasis ryšys ir iteracija
Kai būsite patenkinti savo prototipu, metas rinkti atsiliepimus. Pasidalykite savo išsamiu prototipu kaip nuoroda, kad kiti galėtų pateikti savo atsiliepimus. Būtinai atsižvelkite į jų pasiūlymus ir, jei reikia, atlikite pakeitimus.
11 veiksmas: Perduokite kūrėjams
Kai jūsų prototipas bus patvirtintas, perduokite jį kūrimo komandai. Įsitikinkite, kad visos projekto specifikacijos yra teisingos, ir suteikite visus išteklius, kurių jiems reikia įgyvendinimui. Tai apima spalvas, šriftus ir visus kitus dizaino komponentus.
12 etapas: užbaigimas ir apmąstymas
Galiausiai, užbaigę projektą, apmąstykite visą procesą. Kas pavyko gerai? Su kokiais iššūkiais susidūrėte? Pagalvokite, kaip kitą kartą galėtumėte dirbti dar efektyviau.
Apibendrinimas
Šiame vadove išsamiai apžvelgiamas darbas su "Adobe XD" kuriant UI / UX dizainą. Sužinojote apie skirtingus etapus nuo koncepcijos iki prototipų kūrimo, jų perdavimo ir kūrimo. Turėdami šių žinių, galite dirbti kūrybiškai ir efektyviai bei optimizuoti projektavimo procesą.
Dažniausiai užduodami klausimai
Kaip pradėti dirbti su "Adobe XD"? Atidarykite programą ir pasirinkite norimą meninės lentos tipą.
Kas yra mažo tikroviškumo maketai? Tai grubūs eskizai, skirti pagrindinei logikai ir išdėstymo srautui apibrėžti.
Kaip išbandyti prototipą mobiliuosiuose įrenginiuose? USB kabeliu prijunkite išmanųjį telefoną ir įkelkite prototipą.
Kodėl svarbūs komponentai: jie užtikrina nuoseklumą ir suteikia galimybę greitai keisti dizaino elementus.
Kaip gauti atsiliepimų apie savo dizainą? Pasidalykite prototipu kaip nuoroda, kad gautumėte kitų atsiliepimų.
