Kuidas luua graafikat Adobe XD-ga: juhend algajatele

Adobe XD on võimas tööriist, mis võimaldab luua kasutajaliidese/UX-i kujundusi tarkvara, rakenduste, veebisaitide ja muu jaoks. See hõlmab ka liidese makettide, prototüüpide ja kohandatud kasutajaliidese komponentide loomist. Adobe XD abil saate luua nii lihtsaid kui ka keerukaid kujundusi.

Siin kirjeldame, kuidas lisada uude Adobe XD projekti lihtsat graafikat, sealhulgas kujundeid, pilte ja teksti. Sellele järgneb juhend kujundite rühma komponentideks teisendamiseks ja nende komponentide taaskasutamiseks lehel. Lõpuks käsitletakse artiklis ka graafika eksportimist. Hüppame kohe sisse.

Adobe XD projekti loomine

Kui loote uue Adobe XD projekti, peaksite valima oma projekti paigutuse suuruse. See pakub mõned mallid, mille hulgast saate mõne populaarse seadme põhjal valida.

Mõned näited selle kohta hõlmavad iPhone X/XS/11 Pro (375 x 812 pikslit), iPadi (768 x 1024 pikslit) või Web 1920 (1920 x 1080 pikslit). Teise võimalusena on teil võimalik valida oma projekti jaoks kohandatud laius ja kõrgus.

Kui olete uue projekti loonud, avab Adobe XD tühja lehe. Siin saate alustada piltide, kujundite, teksti või muude kujunduselementide lisamist. Olenevalt sellest, milline Adobe XD versioon teil on, võite seda teha uurige mõnda uut funktsiooni mida Adobe XD pakub.

Tipptaseme kujunduselement on lõuendileht ise. Kui tõstate selle esile, saate parempoolse paani abil muuta otse mõnda selle atribuuti, näiteks lõuendi laiust või kõrgust.

Kuidas pilte lisada

Adobe XD projekti saab pilte lisada mitmel viisil.

• Esimene võimalus on klõpsata nupul hamburger menüü ikoon vasakpoolse veeru ülaosas. Kliki Importja avage fail, mida soovite lisada.
• Teine võimalus on liikuda failihalduris oma pildi juurde ja lohistada fail otse Adobe XD-sse.
• Kolmas võimalus on kopeerida ja kleepida pilt, kui see on avatud mõnes muus tarkvaras, näiteks Microsoft Wordis.

Kuidas muuta pildi suurust ja asukohta

Saate ümber paigutada ja muuta pildi suurust kas otse lõuendile või selle omadusi muutes.

1. Tõstke pilt esile. Kui tõstate lõuendil kujunduselemendi esile, näete selle omadusi parempoolsel paanil.
2. Muutke pildi laiust ja kõrgust. Neid esindab W ja H väljad.
3. Samuti saate muuta X ja Y koordinaadid, kust algab pildi vasak ülaosa.
4. Kujutise teisaldamiseks klõpsake ja lohistage pilti lõuendil ringi.
5. Suuruse muutmiseks lohistage pildi servades olevaid punkte.

Kuidas reguleerida pildi servi

Saate kohandada pildi nurki, et muuta selle kuju.

1. Tõstke pilt esile.
2. Näete mõnda punkti, mis asuvad pildi ümber. Lisaks on pildi nurkades ka mõned punktid.
3. Klõpsake ja lohistage punkti, mis asub pildi sees. See muudab pildi aeglaselt teistsuguseks.

Kuidas lisada pildile muid efekte

Pilti saate efekte lisades veelgi manipuleerida. See hõlmab läbipaistmatust, ääriseid, hägususe efekte ja palju muud.

1. Tõstke pilt esile ja muutke Otempo parempoolsel paanil.
2. Kui olete ikka veel parempoolsel paanil, muutke selle värvi Btellida. Siin saate ka muuta paksus, kriips stiil, ja nurga stiil piirist.
3. Lisage pildile hägususe efekt ja muutke seda Objekti hägususe kogus hägususe intensiivsuse suurendamiseks või vähendamiseks.

Kuidas lisada kujundeid

Adobe XD-s saate kujundeid lisada vasakpoolse paani kaudu.

1. Vasakpoolsel paanil saate luua mitu põhikuju, sealhulgas ristkülik, ring, kolmnurk ja joon. Valige kujund, mida soovite joonistada.
2. Kujundi loomise alustamiseks klõpsake mis tahes punktil lõuendil ja lohistage kursorit.

Kuidas lisada kohandatud kujundeid

Saate kasutada kohandatud kujundi tööriista oma kuju loomiseks.

1. Valige vasakpoolsel paanil pliiats ikooni.
2. Kujundi esimese punkti või nurga lisamiseks klõpsake lõuendil mis tahes kohas. Kujundi iga punkti jaoks klõpsake lõuendil sellel alal, kus soovite seda näha.
3. Kui olete kuju loomise lõpetanud, vajutage nuppu Esc klahvi oma klaviatuuril.

Kuidas muuta kujundi värvi

Kujundi värvi saate muuta parempoolse paani abil.

1. Tõstke kuju esile.
2. Parempoolsel paanil muutke Fhaige.
3. Lisaks saate lisada ääriseid, hägustada efekte ja muuta kujundi läbipaistmatust samamoodi nagu piltidel.

Kuidas teksti lisada

Sa saad ka teksti lisada ja redigeerida samamoodi, nagu lisate kujundeid.

1. Klõpsake nuppu Tekst ikooni vasakpoolsel paanil.
2. Uue tekstikasti lisamiseks klõpsake suvalises kohas lõuendil. Sisestage soovitud tekst tekstiväljale.
3. Redigeerimiseks kasutage parempoolset paani suurus, fondiperekond, ja joondus väljad.

Kuidas luua komponente

Komponent on rühm disainielemente, mida saab taaskasutada. Komponendi loomiseks ja kasutamiseks peab esmalt olema kujundite või muude kujundusobjektide rühm.

1. Tõstke lõuendil esile kujundite rühm. Paremklõpsake rühmal ja valige Valmistage komponent.
2. Klõpsake vasakpoolse paani allosas nuppu Varad. Avaneb uus menüü, kus on loetletud kõik teil olevad varad, sealhulgas äsja lisatud komponent.
3. Klõpsake ja lohistage komponent komponentide loendist lõuendile. Seda tehes luuakse täpselt sama elementide rühm.

Kuidas esemeid eksportida

Saate eksportida nii üksikuid üksusi kui ka tervet lehte.

1. Kui soovite eksportida ühe üksuse, tõstke esile üksus, mida soovite eksportida.
2. Klõpsake nuppu hamburger menüüikooni vasakpoolse veeru ülaosas.
3. Valige Ekspordi, seejärel klõpsake nuppu Valitud.
4. Kui soovite eksportida kogu lehe (või kõik lehed), valige Kõik kunstitahvlid selle asemel.
5. Saate määrata failivormingu (PNG, JPG, SVG või PDF), eksporditava üksuse (nt veeb või iOS) jaoks ja kuhu soovite faili salvestada.

Hankige Adobe XD oskusi

Need on vaid põhitõed. Mõned muud funktsioonid hõlmavad võimalust lisada hüperlinke, sümboleid, rakenduste integratsioone ja kasutajaliidese komplekte. Adobe XD toob aeg-ajalt välja ka uusi funktsioone, mis aitavad teie makettide ja kohandatud kasutajaliidese kujunduste loomist täiustada ja sujuvamaks muuta.

Internetis on saadaval mitu kursust, mis aitavad teie uued disainioskused järgmisele tasemele viia.

Need Adobe'i kursused muudavad teid loominguliseks pilvemeistriks

Loe edasi

Autori kohta