Kā izveidot grafiku, izmantojot Adobe XD: rokasgrāmata iesācējiem

Adobe XD ir jaudīgs rīks, kas ļauj izveidot UI/UX dizainu programmatūrai, lietotnēm, vietnēm un citiem. Tas ietver arī maketu, prototipu un pielāgotu interfeisa komponentu izveidi. Izmantojot Adobe XD, varat izveidot gan vienkāršus, gan sarežģītus dizainus.

Šeit mēs izklāstīsim, kā jaunam Adobe XD projektam pievienot vienkāršu grafiku, tostarp formas, attēlus un tekstu. Tam sekos ceļvedis par to, kā pārveidot formu grupu komponentos un kā atkārtoti izmantot šos komponentus lapā. Visbeidzot, rakstā tiks apskatīts arī grafikas eksportēšana. Iesim tieši iekšā.

Adobe XD projekta izveide

Kad veidojat jaunu Adobe XD projektu, jums ir jāizvēlas sava projekta izkārtojuma izmērs. Tas nodrošina dažas veidnes, no kurām izvēlēties, pamatojoties uz dažām populārām ierīcēm.

Daži piemēri, piemēram, iPhone X/XS/11 Pro (375 x 812 pikseļi), iPad (768 x 1024 pikseļi) vai Web 1920 (1920 x 1080 pikseļi). Varat arī izvēlēties savam projektam pielāgotu platumu un augstumu.

Kad esat izveidojis jaunu projektu, Adobe XD atvērs tukšu lapu. Šeit varat sākt pievienot attēlus, formas, tekstu vai citus dizaina elementus. Atkarībā no tā, kura Adobe XD versija jums ir pieejama, iespējams

izpētiet dažas no jaunajām funkcijām ko piedāvā Adobe XD.

Augstākā līmeņa dizaina elements ir pati audekla lapa. Ja to iezīmējat, varat izmantot labās puses rūti, lai tieši mainītu dažus tās rekvizītus, piemēram, audekla platumu vai augstumu.

Kā pievienot attēlus

Ir vairāki veidi, kā pievienot attēlus savam Adobe XD projektam.

• Pirmā iespēja ir noklikšķināt uz hamburgers izvēlnes ikona kreisās kolonnas augšdaļā. Klikšķiniet uz Importētun atveriet failu, kuru vēlaties pievienot.
• Vēl viena iespēja ir pāriet uz savu attēlu failu pārlūkā un velciet failu tieši programmā Adobe XD.
• Trešā iespēja ir kopēt un ielīmēt attēlu, ja tas ir atvērts citā programmatūrā, piemēram, Microsoft Word.

Kā mainīt attēla izmēru un pozicionēšanu

Jūs varat pārvietot un mainīt attēla izmēru vai nu tieši uz audekla, vai mainot tā īpašības.

1. Iezīmējiet attēlu. Izceļot uz audekla dizaina elementu, labajā rūtī varēsit redzēt tā īpašības.
2. Mainiet attēla platumu un augstumu. Tos pārstāv W un H lauki.
3. Varat arī mainīt X un Y koordinātas, kur sākas attēla augšējā kreisā puse.
4. Lai pārvietotu attēlu, noklikšķiniet un velciet attēlu uz audekla.
5. Lai mainītu izmēru, velciet punktus, kas atrodas attēla malās.

Kā pielāgot attēla malas

Varat pielāgot attēla stūrus, lai mainītu tā formu.

1. Iezīmējiet attēlu.
2. Jūs redzēsit dažus punktus, kas atrodas ap attēlu. Turklāt ir arī daži punkti, kas atrodas attēla stūros.
3. Noklikšķiniet un velciet uz punkta, kas atrodas attēla iekšpusē. Tas lēnām pārveidos attēlu citā formā.

Kā attēlam pievienot citus efektus

Varat turpināt manipulēt ar attēlu, pievienojot efektus. Tas ietver necaurredzamību, apmales, izplūšanas efektus un daudz ko citu.

1. Iezīmējiet attēlu un mainiet Otempu labajā rūtī.
2. Atrodoties labajā rūtī, mainiet krāsu Bpasūtījums. Šeit jūs varat arī mainīt biezums, domuzīme stils, un stūra stils no robežas.
3. Pievienojiet attēlam izplūšanas efektu un mainiet Objekta aizmiglošanas daudzums lai palielinātu vai samazinātu izplūšanas intensitāti.

Kā pievienot formas

Varat pievienot formas programmā Adobe XD, izmantojot kreiso rūti.

1. Kreisajā rūtī varat izvēlēties izveidot vairākas pamata formas, tostarp taisnstūri, apli, trīsstūri un līniju. Izvēlieties formu, kuru vēlaties zīmēt.
2. Noklikšķiniet uz jebkura audekla punkta un velciet kursoru, lai sāktu veidot formu.

Kā pievienot pielāgotas formas

Varat izmantot pielāgoto formu rīku, lai izveidotu savu formu.

1. Kreisajā rūtī atlasiet pildspalva ikonu.
2. Noklikšķiniet jebkurā vietā uz audekla, lai pievienotu pirmo punktu jeb "stūri" formai. Katram formas punktam noklikšķiniet uz audekla apgabalā, kurā vēlaties to atrast.
3. Kad esat pabeidzis formas izveidi, nospiediet Esc taustiņu uz tastatūras.

Kā mainīt formas krāsu

Formas krāsu var mainīt, izmantojot labās puses rūti.

1. Iezīmējiet formu.
2. Labajā rūtī mainiet Fslim.
3. Turklāt varat arī pievienot apmales, izpludināt efektus un mainīt formas necaurredzamību tāpat kā attēliem.

Kā pievienot tekstu

Jūs varat arī pievienot un rediģēt tekstu tādā pašā veidā, kā pievienojat formas.

1. Noklikšķiniet uz Teksts ikonu kreisajā rūtī.
2. Noklikšķiniet jebkurā vietā uz audekla, lai pievienotu jaunu tekstlodziņu. Tekstlodziņā ierakstiet vajadzīgo tekstu.
3. Izmantojiet labās puses rūti, lai rediģētu Izmērs, fontu saime, un izlīdzināšana lauki.

Kā izveidot komponentus

Komponents ir dizaina elementu grupa, ko var izmantot atkārtoti. Lai izveidotu un izmantotu komponentu, vispirms ir jābūt formu vai citu dizaina objektu grupai.

1. Audeklā iezīmējiet formu grupu. Ar peles labo pogu noklikšķiniet uz grupas un atlasiet Izveidojiet sastāvdaļu.
2. Kreisās puses rūts apakšā noklikšķiniet uz Aktīvi. Tiks atvērta jauna izvēlne, kurā būs uzskaitīti visi jūsu līdzekļi, tostarp tikko pievienotais komponents.
3. Noklikšķiniet uz komponenta un velciet to no komponentu saraksta uz audeklu. To darot, tiks izveidota tieši tāda pati elementu grupa.

Kā eksportēt preces

Varat eksportēt atsevišķus vienumus, kā arī visu lapu.

1. Ja vēlaties eksportēt vienu vienumu, iezīmējiet vienumu, kuru vēlaties eksportēt.
2. Noklikšķiniet uz hamburgers izvēlnes ikona kreisās kolonnas augšdaļā.
3. Izvēlieties Eksportēt, pēc tam noklikšķiniet uz Atlasīts.
4. Ja vēlaties eksportēt visu lapu (vai visas lapas), atlasiet Visi mākslas dēļi vietā.
5. Varat norādīt faila formātu (PNG, JPG, SVG vai PDF), kādam nolūkam eksportētais vienums būs paredzēts (piemēram, Web vai iOS) un vietu, kur vēlaties saglabāt failu.

Iegūstiet prasmes darbā ar Adobe XD

Tie ir tikai pamati. Dažas citas funkcijas ietver iespēju pievienot hipersaites, simbolus, lietotņu integrācijas un lietotāja interfeisa komplektus. Arī Adobe XD ik pa laikam izlaiž jaunas funkcijas, lai palīdzētu uzlabot un racionalizēt maketu un pielāgotu lietotāja interfeisa dizainu izveidi.

Tiešsaistē ir pieejami vairāki kursi, lai palīdzētu paaugstināt jūsu jaunās dizaina prasmes nākamajā līmenī.

Šie Adobe kursi padarīs jūs par radošu mākoņu meistaru

Lasiet Tālāk

Par autoru