Veidošana no darba virsmām Adobe XD ir pirmais solis, attīstot jūsu dizainus. Neatkarīgi no tā, vai runa ir par reaģējošām tīmekļa vietnēm, lietotnēm vai prototipiem – prasmīga darba virsmu izvietošana ir izšķiroša darba plūsmai. Šajā rokasgrāmatā jūs uzzināsiet, kā izveidot un optimizēt darba virsmas dažādām izšķirtspējām un ierīcēm. Tādējādi jūs vienmēr saglabāsiet pārskatu par saviem projektiem.

Galvenās atziņas

  • Izveidojiet darba virsmas dažādām ierīcēm un izšķirtspējām.
  • Rūpīgi nosauciet savas darba virsmas un objektus, lai saglabātu pārskatu.
  • Ņemiet vērā pikseļu blīvumu Retina displejiem, lai maksimizētu attēla kvalitāti.
  • Izmantojiet īsinājumtaustiņus, lai ātrāk un produktīvāk strādātu.

Solim pa solim rokasgrāmata

Sāksim: izveidojiet savu darba virsmu

Lai sāktu darbu ar Adobe XD, jums jāizveido sava pirmā darba virsma. Jūs varat atrast darba virsmu paneļa logrīku, ko varat sasniegt, noklikšķinot uz mazas ikonas apakšējā joslā. Tur varat pārvaldīt visas darba virsmas, kas jums ir jūsu projektā. Tagad izmantojiet dubultklikšķi, lai pārsauktu savu pirmo darba virsmu, piemēram, „Sākums“. Tas palīdzēs jums saglabāt pārskatu.

Zīmēšanas laukumi Adobe XD: Izveide un pielāgošana

Jaunu darba virsmu izveide

Vēlaties pievienot jaunu darba virsmu? Izmantojiet īsinājumtaustiņu „A“ Artboard rīkam. Noklikšķinot uz tā, tiks izveidota jauna Artboard. Ar atkārtotu klikšķi uz darba virsmas jūs varat to pārsaukt arī, piemēram, „Iespējas“. Pārliecinieties, ka izmantojat dažādas izmērus savām darba virsmām, lai nodrošinātu elastību jūsu dizainā.

Darba virsmas pielāgošana

Darba virsmas piedāvā daudz pielāgošanas iespēju. Noklikšķiniet uz attiecīgās darba virsmas un pārejiet uz iestatījumiem paneļa. Jūs varat viegli mainīt orientāciju no horizontālas uz vertikālu. Tas ļauj jums ātri simulēt, kā izskatīsies jūsu dizains dažādās ierīcēs, piemēram, planšetdatoros vai viedtālruņos. Īpaši tīmekļa dizainā ir svarīgi veidot reaģējošus dizainus.

Zīmēšanas platnes Adobe XD: izveide un pielāgošana

Izmēra palielināšana un pielāgošana

Tagad varat mainīt sava darba virsmas izmēru. Vienkārši velkot ar zīmuļa taustiņu uz leju, jūs uzreiz redzēsiet jauno teritoriju, kas atbilstoši mainās. Caur šķērsožo līniju jūs varat redzēt, kādi jūsu lapas daļas ir redzamas pašreizējā skatījumā. Daļas, kas pārsniedz to, ir jāritina.

Krāsas un režģa pielāgošana

Tagad dodieties uz krāsu iestatījumiem un norādiet krāsas, kas jums nepieciešamas. Jūs varat ievadīt krāsu kodus vai strādāt ar slīdni. Papildus ir iespēja aktivizēt režģi savam dizainam, kas palīdzēs precīzi izveidot izkārtojumus. Šie rīki ir ārkārtīgi noderīgi, lai strukturētu jūsu dizainus un padarītu tos vizuāli pievilcīgus.

Zīmēšanas laukumi Adobe XD: Izveide un pielāgošana

Iestatījums dažādām ierīcēm

Izveidojiet vismaz trīs dažādas darba virsmas populārajiem ekrāna formātiem: darbvirsmai, planšetdatoriem un viedtālruņiem. Jums vajadzētu pievērst uzmanību tam, lai jūsu dizaini labi izskatītos visās ierīcēs. Visbiežākā darbvirsmas izšķirtspēja ir 1366 pikseļi, taču jūs varat izmantot arī 1920 pikseļus (Full HD). Planšetdatoram varat izvēlēties iPad vai Surface kā paraugu, un pēc tam pāriet uz viedtālruņa dimensiju, piemēram, iPhone 10.

Zīmēšanas laukumi programmā Adobe XD: izveide un pielāgošana

Pikseļu blīvuma ņemšana vērā

Viens no dizaina aspektiem, kas jāņem vērā, ir augstas izšķirtspējas displeji, kurus izmanto daudzās mūsdienu ierīcēs. Šiem displejiem ir augsts pikseļu blīvums, kas nozīmē, ka attēla kvalitāte ir ļoti svarīga. Tādējādi, ja jūs ievietojat grafikas vai attēlus no Photoshop savā projektā, pievērsiet uzmanību, kāda ir šo attēlu izšķirtspēja. Retina displejiem jāpalielina attēla izmērs vismaz divas reizes, lai panāktu ideālu kvalitāti.

Zīmēšanas laukumi Adobe XD: Izveide un pielāgošana

Darba virsmu izvietojums

Ar Adobe XD jums ir iespēja viegli pārkārtot savas darba virsmas. Tas ir noderīgi, ja vēlaties iegūt labāku pārskatu. Uz atpakaļ taustiņa vai dzēšanu varat izdzēst nevēlamas darba virsmas. Alternatīvi, izmantojiet īsinājumtaustiņu „Command + D“, lai izveidotu Artboard kopiju, uz kuras pamata veidot jaunus dizainus.

Zīmju laukumi Adobe XD: Izveide un pielāgošana

Darba telpas optimizācija

Izmantojiet atstarpi, lai aktivizētu roku rīku un brīvi pārvietotos savā darba telpā. Tas ir īpaši noderīgi, ja jums uz jūsu Artboard ir vairāki elementi. Dubultklikšķiniet uz objektiem, lai piekļūtu to detalizētajai apskatei un tālāk rediģētu. Pārliecinieties, ka visi jūsu objekti ir skaidri nosaukti un kārtīgi ievietoti darba virsmās, lai vēlāk būtu vieglāk strādāt.

Zīmēšanas laukumi Adobe XD: izveide un pielāgošana

Kopsavilkums – Darba virsmas Adobe XD: solis pa solim efektīvai dizainēšanai

Šajā rokasgrāmatā jūs esat apguvis, kā izveidot un pielāgot darba virsmas Adobe XD. Jūs zināt, cik svarīgi ir tos pareizi nosaukt un pielāgot, lai saglabātu pārskatu par savu projektu.

Biežāk uzdotie jautājumi

Kā izveidot jaunu darba virsmu Adobe XD?Izmantojiet īsinājumtaustiņu „A“ Artboard rīkam un noklikšķiniet uz vietas, kur vēlaties, lai darba virsma būtu.

Vai varu mainīt darba virsmu izmēru?Jā, jūs varat pielāgot izmēru, izmantojot rokturus vai ievadot vērtības labajā panelī.

Kāpēc pikseļu blīvums ir svarīgs?Pikseļu blīvums ir izšķirošs, lai nodrošinātu, ka attēli un grafikas tiek skaidri attēlotas augstas izšķirtspējas displejos.

Kā es varu labāk organizēt savas darba virsmas?Izmantojiet skaidras apzīmējumus katrai darba virsmai un saglabājiet savu darba telpu tīru, lai saglabātu pārskatu.

Vai varu dublēt darba virsmas?Jā, izmantojiet īsinājumtaustiņu „Command + D“, lai dublētu darba virsmu.