Simbolius ir formas kurti bei valdyti Adobe XD

Vartotojo sąsajų dizainas dažnai reikalauja formų ir simbolių, kad būtų sukurtas patrauklus ir draugiškas vartotojui patirtis. Šiame vadove sužinosi, kaip savarankiškai sukurti formas Adobe XD ir naudoti jas simetriškai, kad tavo dizainas būtų efektyvesnis. Kalbėsime apie pagrindinių įrankių naudojimą, kad greitai sukurtum įvairius ikonėlius ir simbolius, kuriuos galėsi vėl ir vėl naudoti savo projektuose.

Svarbiausi atradimai

• Simbolius ir formas galima tiesiogiai kurti ar importuoti į Adobe XD.
• Pathfinder įrankio naudojimas leidžia efektyviai sujungti linijas ir kurti sudėtingas formas.
• Simboliai turėtų būti naudojami objektams, kurie reikalingi kelis kartus, kad būtų sutaupytas laikas ir užtikrinta nuoseklumas.

Kaupiamoji instrukcija

1. Įjungiame tinklelį ir pradedame su linijos įrankiu

Norint pradėti kurti formas, pirmiausia įjunk tinklelį, priartindamas darbo paviršių. Tinklas padeda tiksliai išdėstyti elementus. Su linijos įrankiu galima pasiekti daug. Paspausk jį ir laikyk nuspaudę Shift klavišą, kad nupieštum tiesią liniją.

2. Sukuriame rodykles su Pathfinder

Dabar gali priderinti linijas, kurias nupiešei, prie vienodo dydžio. Pažymėk visas linijas, kurias nupiešei, kad galėtum naudoti Pathfinder įrankį. Naudok funkciją „Pridėti“, kad linijas sujungtum į vieną rodyklę. Jei kampai per aštrūs, įjunk parinktį suapvalintiems kampams.

3. Sukurti hamburgerio ikoną

Hamburgerio ikonai pirmiausia nupiešk liniją su tam tikra storio. Tada pasirink pakartojimo tinklą ir pridėk dvi papildomas linijas, kad sukurtum tris brūkšnius ikonai sukurti. Tada grupuok linijas, kad ikona būtų stabili.

4. Naudojame takelio įrankį kūrybiškesnėms formoms

Dabar naudosime takelio įrankį, kad sukurtume kūrybiškesnes formas. Nupiešk ratą ir tada pridėk keletą papildomų ankerių su Pathfinder. Tai leidžia sukurti išlenktas formas, kaip WLAN simbolyje. Neleisk pamiršti pritaikyti linijos storio ir grupuoti visą formą.

5. Sukuriame mygtukus ir tekstų pritaikymą

Norint sukurti mygtuką, nupiešk stačiakampį ir pasirink jam tinkamą spalvą arba gradientą. Tada pridėk teksto lauką, kad suteiktum mygtukui etiketę. Nepamiršk, kad teksto pokyčiai nebus taikomi visiems mygtukams, jei jie buvo išsaugoti kaip simbolis.

6. Sukurkite ir išsaugokite simbolius

Norint sukurti simbolius, pažymėkite elementus, kuriuos norite naudoti kaip simbolį, ir naudok klaviatūros kombinaciją Command (Control) + K, kad perkeltum juos į simbolių juostą. Tai leis tau naudoti tuos pačius elementus kelis kartus, nesukant jų kiekvieną kartą iš naujo.

7. Naudokite simbolių redagavimo įgūdžius

Jei norite pakeisti simbolį savo dizaine, tačiau nenorite, kad pakeitimai būtų globalūs, galite atšaukti simbolio grupavimą arba konvertuoti jį į paprastą formą. Tai leis jums atlikti individualius pakitimus nesukeliant poveikio kitoms simbolio instancijoms.

8. Naudokite patogią paieškos funkciją

Jei turite daug elementų savo dizaine, paieškos funkcija simbolių juostoje leidžia greitai rasti konkretų simbolį. Naudok filtrą, kad peržiūrėtum simbolius ir juos lengviau tvarkytum.

Suma - Adobe XD: efektyviai naudokite simbolius ir formas

Apibendrinant, Adobe XD suteikia tau įrankius efektyviai kurti ir valdyti formas ir simbolius. Su pristatomais įrankiais ir klaviatūros kombinacijomis, tu gali optimizuoti savo dizaino procesus ir kurti nuoseklius dizainus.