Artboardide loomine Adobe XD programmides on esimene samm oma kujunduste arendamisel. Olgu need siis reageerivad veebilehed, rakendused või prototüübid – nutikas artboardide paigutus on töömudeli jaoks ülioluline. Selles juhendis saad teada, kuidas luua ja optimeerida artboarde erinevate eraldusvõimete ja seadmete jaoks. Nii hoiad alati oma projektide ülevaate.
Olulised järeldused
- Joonista artboarde erinevate seadmete ja eraldusvõimete jaoks.
- Nimeta oma artboardid ja objektid hoolikalt, et hoida ülevaadet.
- Arvesta Retina-ekraanide pikslitihedust, et maksimeerida pildikvaliteeti.
- Kasutage otseteid kiirema ja tootlikuma tööviisi nimel.
Samm-sammult juhend
Algus: oma artboardi loomine
Et alustada töötamist Adobe XD-s, pead sa looma oma esimese artboardi. Leiad artboardide paneeli, mida saad avada väikese ikooni kaudu alumises baaris. Seal saad hallata kõiki artboarde, mis sul projektis on. Kasuta nüüd kahekordset klõpsu, et nimetada oma esimene artboard ümber, näiteks „Kodu“. See aitab sul hoida ülevaadet.
Uue artboardi loomine
Kas soovid lisada uue artboardi? Kasuta otseteed „A“ artboardi tööriista jaoks. Sellele klõpsates luuakse uus artboard. Taas klõpsates artboardile saad selle ka ümber nimetada, näiteks „Funktsioonid“. Veendu, et kasutad erinevaid suurusi oma artboardide jaoks, et saavutada oma kujunduses paindlikkus.
Artboardi kohandamine
Artboardid pakuvad palju kohandamisvõimalusi. Kliki vastavale artboardile ja muuda paneelis seadeid. Sa saad sujuvalt muuta orientatsiooni horisontaalsest vertikaalseks. See võimaldab sul kiiresti simuleerida, milline su disain välja näeb erinevates seadmetes, nagu tahvelarvutid või nutitelefonid. Eriti veebidisainis on oluline luua reageerivaid kujundusi.
Suuruse muutmine ja kohandamine
Nüüd saad muuta oma artboardi suurust. Lihtsalt tõmmates käepidemelt allapoole, näed kohe uut ala, mis vastavalt muutub. Keskjoone üle saad lugeda, millised osad sinu lehelt on hetkel vaates nähtavad. Osad, mis sellega ei piira, peavad olema keritud.
Värvi- ja ruudustiku kohandamine
Mine nüüd värvi seadistustesse ja defineeri vajalikud värvid. Sa saad sisestada värvikoodid või kasutada liugurit. Lisaks on võimalus aktiveerida ruudustik oma kujunduse jaoks, mis aitab sul paigutusi täpselt luua. Need tööriistad on äärmiselt kasulikud, et struktureerida oma kujundusi ja teha need visuaalselt atraktiivseks.
Seadistamine erinevatele seadmetele
Loo vähemalt kolm erinevat artboardi levinud ekraaniformaatidele: lauaarvuti, tahvelarvuti ja nutitelefon. Pead arvestama, et sinu kujundused mõjuvad kõigis seadmetes hästi. Kõige levinum lauaarvuti eraldusvõime on 1366 pikslit, kuid saad kasutada ka 1920 pikslit (Full HD). Tahvelarvuti jaoks saad valida iPadi või Surface'i kui malli ja seejärel minna nutitelefoni mõõtmete, nagu iPhone 10, juurde.
Pikslite tiheduse arvestamine
Üks kujundamiseljärgnev detail, mida arvesse võtta, on kõrge eraldusvõimega ekraanid, mida kasutatakse paljudes kaasaegsetes seadmetes. Need ekraanid omavad kõrget pikslitihedust, mis tähendab, et pildikvaliteet on väga oluline. Kui sa lisad oma projekti Photoshopist graafikat või pilte, siis pea silmas, milline eraldusvõime nendel piltidel on. Retina-ekraanide jaoks pead vähemalt kaks korda suurendama piltide suurust, et saavutada ideaalne kvaliteet.
Artboardide paigutamine
Adobe XD-s on sul võimalus lihtsalt oma artboarde ümber paigutada. See on kasulik, kui soovid saada paremat ülevaadet. Tagasitoimija või kustutamine aitab sul eemaldada soovimatud artboardid. Alternatiivselt saad luua artboardi duplikaadi otseteega „Command + D“, et arendada uusi kujundusi selle põhjal.
Töötasandi optimeerimine
Kasutage tühikut, et aktiveerida käsitööriist ja liikuda oma töötasandil vabalt. See on eriti kasulik, kui sul on oma artboardil mitmeid elemente. Kahekordne klõps objektidele viib sind nende detailvaatesse, et neid edasi töödelda. Veendu, et kõik sinu objektid on selgelt nimetatud ja korralikult artboardide sees asetatud, et hiljem oleks lihtsam töötada.
Kokkuvõte – Artboardid Adobe XD-s: samm-sammult tõhusaks kujundamiseks
Sel juhendil oled õppinud, kuidas luua ja kohandada artboarde Adobe XD-s. Sa tead, kui oluline on neid õigesti nimetada ja kohandada, et oma projektis ülevaadet hoida.
Korduma kippuvad küsimused
Kuidas ma loon uue artboardi Adobe XD-s?Kasutage otseteed „A“ artboardi tööriista jaoks ja klõpsa kohta, kuhu soovid artboardi paigutada.
Kas ma saan artboardide suurust muuta?Jah, saad suurust kohandada, kasutades käepidemeid või sisestades väärtused paremas paneelis.
Miks on pikslitihedus oluline?Pikslitihedus on kriitilise tähtsusega, et tagada, et pildid ja graafika on kõrge eraldusvõimega ekraanidel teravad.
Kuidas ma saan oma artboarde paremini korraldada?Kasutage selgeid nimetusi iga artboardi jaoks ja hoidke oma töölauad puhtad, et hoida ülevaadet.
Kas ma saan artboarde duplitseerida?Jah, kasutage otseteed „Command + D“, et duplitseerida artboard.
