Android

Kuinka käyttää ui-pakkauksia Adobe xd: ssä

Kuinka käyttää Lightroomia kuin ammattivalokuvaaja

Kuinka käyttää Lightroomia kuin ammattivalokuvaaja

Sisällysluettelo:

Anonim

Verkkosuunnittelusta kiinnostuneille Adobe XD: n käyttöliittymäpaketit ovat loistava tapa aloittaa uusi suunnitteluprojekti. Näiden sarjojen avulla pääset käsiksi hyödyllisiin resursseihin, joita voit muokata ja käyttää verkkosivustosi tai sovelluksesi suunnittelussa.

Jos olet uusi ohjelmisto ja et ole varma kuinka käyttää käyttöliittymäpaketteja Adobe XD: ssä, olet tullut oikeaan paikkaan., Näytän sinulle, kuinka voit asentaa käyttöliittymäpaketit ohjelmistoon ja käyttää sitten mukana olevia resursseja projektiisi.

Myös ohjaamalla Tech

Kuinka erä konvertoida valokuvia Adobe Bridgen avulla

Kuinka ladata käyttöliittymäpaketteja Adobe XD: stä

Katsotaanpa ensin, kuinka voit ladata käyttöliittymäpaketteja Adobe XD: ssä suoraan ohjelmistosta. Aloita vain noudattamalla näitä vaiheita:

Vaihe 1: Napsauta hampurilavalikkopainiketta ohjelmiston vasemmassa yläkulmassa.

Vaihe 2: Selaa valikossa kohtaan Hanki käyttöliittymävaihtoehdot ja napsauta sitten jompaa kumpaa kolmea käytettävissä olevista vaihtoehdoista.

Valitsen tämän artikkelin Google Material UI -paketin. Projektistasi riippuen voit kuitenkin valita joko Apple iOS- tai Microsoft Windows -paketit. Se avaa virallisen verkkosivun, josta voit ladata käyttöliittymäpaketteja ilmaiseksi.

Vaihe 3: Etsi Adobe XD UI -paketti seuraavalta verkkosivulta ja lataa se järjestelmään.

Vaihe 4: Avaa nyt ladattu tiedosto Adobe XD: ssä ja sinua tervehditään joukko piirustuslevyjä, jotka sisältävät käyttöliittymän resursseja kyseiselle alustalle.

Voit pitää Ctrl-painiketta painettuna ja siirtämällä vieritysrullaa zoomataksesi sisään / ulos nähdäksesi kaikki yksittäiset taulut.

Jos haluat ladata kehyskehykset sen sijaan, voit napsauttaa Hanki käyttöliittymävalikosta Rautakehykset-vaihtoehtoa.

Voit myös etsiä muita käyttöliittymäpaketteja Adoben verkkosivustolta napsauttamalla Lisää käyttöliittymäpaketteja -vaihtoehtoa Hanki käyttöliittymäpaketit -valikossa.

Sivustolla on hienoja vaihtoehtoja valita, mukaan lukien tämä todella hieno Movie Magic -liittymäpaketti, joka näyttää heads-up-näytöltä.

Nyt kun tiedät kuinka ladata käyttöliittymäpaketteja, katsotaanpa kuinka voit käyttää niitä projekteissasi.

Kuinka käyttää käyttöliittymäpaketteja Adobe XD: ssä

Jos haluat käyttää käyttöliittymäpaketteja projektissasi, noudata näitä yksinkertaisia ​​vaiheita:

Vaihe 1: Zoomaa projektissa käytettävää käyttöliittymäelementtiä ja valitse se napsauttamalla sen otsikkoa.

Vaihe 2: Kopioi nyt elementti Ctrl + C-pikakuvakkeella.

Vaihe 3: Avaa sitten uusi Adobe XD -projekti valikosta.

Vaihe 4: Liitä tähän käyttöliittymäelementti Ctrl + V-pikakuvakkeella.

Tätä artikkelia varten käytän Google Material UI -paketin Mobile Dark -elementtiä. Elementti sisältää oppaita, joiden avulla voit asettaa enemmän kerroksia, mutta jos et halua käyttää niitä, voit poistaa ne helposti seuraavan vaiheen avulla.

Vaihe 5: Poista ohjaimet napsauttamalla vasemmassa yläkulmassa olevaa lukituskuvaketta ja napsauttamalla sitten Poista. Voit ohittaa tämän vaiheen, jos haluat käyttää oppaita lisäämään kohteita tarkasti elementtiin.

Vaihe 6: Siirry nyt takaisin käyttöliittymäpakettiin valitaksesi toisen elementin, joka lisätään tälle sivulle. Napsauta jälleen kerran elementin otsikkoa ja kopioi se Ctrl + C-pikakuvakkeen avulla.

Luodaan tähän artikkeliin perusleipä, johon käytän yhtä valintaikkunoista.

Vaihe 7: Liitä uusi elementti edelliseen elementtiin ja kohdista se sitten ohjeiden mukaisesti.

Vaihe 8: Nyt voit muokata kunkin paahtolevyn elementtiä kaksoisnapsauttamalla tekstiruutua ja kirjoittamalla sitten haluamasi tekstin. Muutetaan ensin paahtoleivän otsikko.

Seuraavaksi muuta rungon sisältöä kaksoisnapsauttamalla tekstikenttää ja kirjoittamalla mitä haluat lisätä.

Voit myös muuttaa painikkeiden tekstiä samalla tavalla. Kun olet muokannut tekstiä, voit muuttaa tekstin väriä ja läpinäkyvyyttä. Jos haluat muuttaa opasiteettiä, siirrä työkalurivin opasiteetti-vaihtoehdon alla olevaa liukusäädintä oikealle.

Voit muuttaa tekstin väriä napsauttamalla Täytä-vaihtoehdon vieressä olevaa suorakulmpaa ja valitsemalla sitten uuden värin värinvalitsimesta.

Ja se ei ole vain teksti, jota voit muokata tällä tavalla. Voit myös muuttaa valintaikkunan melkein kaikkien kohteiden väriä ja opasiteettiä, mikä on hienoa, jos etsit ainutlaatuista värimaailmaa.

Kun olet tyytyväinen tulokseen, mene vain eteenpäin ja tallenna tiedosto napsauttamalla valikon Tallenna nimellä -vaihtoehtoa tai käyttämällä Shift + Ctrl + S -pikanäppäintä.

Myös ohjaamalla Tech

#graafinen suunnittelu

Napsauta tätä nähdäksesi graafisen suunnittelun artikkelisivumme

Täydennä suunnitteluasi käyttöliittymäpaketeilla

Nyt kun tiedät kuinka ladata ja käyttää käyttöliittymäpaketteja Adobe XD: ssä, olen varma, että aloitat hopeaamaan upeaa mallia nopeasti. Nämä käyttöliittymäpaketit ovat ehdottomasti varsin käteviä ja auttavat sinua pääsemään suoraan projektiisi huolehtimatta kunkin käyttöliittymäelementin suunnittelusta.

Seuraava: Valmistui projekti Adobe XD: llä etkä tiedä kuinka viedä se HTML-muotoon? Katso seuraavasta artikkelista yksinkertainen vaiheittainen opetusohjelma.