Adobe XD õpetus – Disaini kogemus ja prototüüpimine.

Tere tulemast suurde Adobe XD õpetusse. Selles sissejuhatuses esitlen ennast sinu juhendajana.

Mis vahe on kasutajakogemusel (UX) ja kasutajaliidesel (UI)? Milliseid tasandi disaini tüüpe on olemas ja mille jaoks on Adobe XD kõige paremini sobiv? Vastus on siin!

Esimesel Adobe XD avamisel avaneb mitmeid võimalusi, mida saab valida. Selles videos on väike sissejuhatus Adobe XD-ile, programmi ülevaade ning tutvustus XD-i avalehe ja selle funktsioonide kohta.

Adobe XD-s saab kiiresti luua erinevate lahutuste ja seadmete jaoks mõeldud kunstalasid (Artboards). Selle õpetuse käigus saate teada, milliseid eripärasid tuleb arvesse võtta.

Erinevad võrgusätete muudatused hõlbustavad elementide ja objektide korraldamist üksteise alla. Selleks on meil kasutada ruudukujuline võrk ja veergude jaotus kolumnide jaoks.

Google, Apple ja Microsoft pakuvad kiireks alustamiseks praktilisi UI-komplekte. Need valmis kujunduselementidel aitavad meid suuresti hilisemate prototüüpide kujundamisel erinevatele platvormidele.

Värvid mängivad peaaegu igas disainis äärmiselt olulist rolli - selles videos saate teada, kuidas Adobe XD-s värvidega töötada, kuidas neid importida ja milliseid praktilisi allikaid on olemas valmis värviharmooniate kogumiseks.

On mitmeid meetodeid, kuidas vara nagu pildid, failid, tekstidokumendid jne Adobe XD-sse importida. Selles videos tutvustan mõningaid meetodeid. Kuid kuna XD on osa Adobe Creative Cloudist, saab loomulikult raamatukogudega väga mugavalt ja lihtsalt töötada.

Kiri- ja tüpograafia teema on oluline ehituskivi meie Adobe XD-s läbi viidaval teekonnal. Selles videos saate teada, kuidas käsitleda kirjatüüpe õigesti ja efektiivselt.

Vormid saab importida Adobe XD-sse väga lihtsalt või luua need ise teegis tööriistaga. Kui objekti kasutatakse rohkem kui kaks korda, on soovitatav see lisada sümbolina varade loendisse.

Disainimine on paljuski seotud inspiratsiooni ja välise sisendiga. Siia kuulub analoogkeskkond, aga ka digitaalne maailm. Siin ma tutvustan mõningaid portaale, mida meeldib külastada.

Alustame väikese ja õdusa praktilise projektiga. Selles õpetuses ja kahe järgneva video abil loome üheleheküljelise veebilehe.

Korduvruudustik on üks olulisemaid funktsioone Adobe XD-s. See aitab meil korduvalt loodud objektirühmi suvaliselt skaalata ja individuaalselt täita.

Viimases osas One-pageri kujundamisel tegeleme jalusega ja viitepiirkonnaga. Siin kasutame praktilisi SVG-faile ja õpime tundma ka teisi disainitehnikaid.

Selles õppetükis keskendume küsimusele, kuidas üksikud kunstpaneelid saavad omavahel interaktiivselt ühendatud olla. Siin selgitame, milliseid võimalusi ülemineku valimisel ja milliseid muid muudatusi prototüübil teha saame.

Iga veebileht vajab navigeerimiseks ankurkohta. Selles videos keskendume ainult peamise navigatsiooni loomisele päiseosas ja nende omavahelise interaktiivse ühenduse loomisele.

See koolitus põhineb eelneval peatükil ja näitab, kuidas kohandada loodud töölauamenüüd nutitelefonile. Hamburger-ikoon ja menüüpunktid saavad huvitavate animatsioonide abil väärtust juurde.

Üks võimsamaid tööriistu parima võimaliku visualiseerimise jaoks on Adobe XD Auto-Animate funktsioon. Selles näites selgitan, kuidas kohandada Auto-Animate funktsiooni põhimõtet iga mõeldava stsenaariumi jaoks.

Järgnevates videotest õpime luua veebipoe prototüübi. Siin õpime, kuidas luua lihtsatest kunstlikustest visuaalselt atraktiivseid kõrglahutusega prototüüpe. Osa 1/4.

Teises osas keskendume detailkirjelduste esitamisele, lisame piltidele liugureid ja ühendame kunstilauad omavahel.

Interaktiivse prototüübi ülekattetehnoloogia pakub meile põnevat võimalust, kuidas informatsiooni saab otse sisse ja välja lülitada.

Hea kasutajaliidese kujundus annab kasutajale alati tagasisidet süsteemi oleku kohta. Selle tagasiside lisame projekti lõpus kaunisse animatsiooni.

Adobe XD valdab oma prototüüpimisprotsessis ka suhtlemist häälkäskluste kaudu. Suulised käsud viivad süsteemitegevusteni, mida saame ise määratleda. Kuidas see toimib, näitan selles õpetuses.

Teiste osakondade ja osalevate isikutega koostöö korral on helikommentaarimine väärtuslik funktsioon, et selgitada projekti staatus arusaadavalt.

Virtuaalses keskkonnas prototüübi testimine on üks asi - selle reaalajas esitamine lõppseadmes on aga hoopis teine. Ja just seda saab mugavalt lahendada kas USB ​​või Creative Cloudi ühenduse kaudu Adobe XD abil. Selleks kasutame Adobe XD rakendust App Store'ist.

Koostöö käigus on hädavajalik suhelda teiste osakondadega projekti hetkeseisu arutamiseks. Prototüüp saab avaldustööriista abil vabastatud, et läbivaatajad, arendajad ja tellijad saaksid visuaalse ettekujutuse projektist. Sel hetkel algab töötsüklus erialaosakondade vahel, et viia projekt küpsusele.

Adobe XD muutub iga uuendusega üha rohkem kui väga noor programm: Selles videos selgitatakse, milliseid uuendusi on toonud üleminek versioonilt 18 versioonile 19, kuidas funktsioone kasutatakse ja millisel juhul need kasulikud on. Selle hulka kuuluvad: komponendid asemel sümbolitest, reageeriv suuruse muutmine, abiliinid, polügooni tööriist, täiendavad teksti vormindamise võimalused ja palju muud. Head vaatamist!