No oletko valmis aloittamaan Adobe XD:n kanssa? Silloin sinun kannattaa ehdottomasti muistaa näppäinyhdistelmät! Näiden pienten apureiden avulla voit navigoida Adobe XD:ssä helposti projektiesi läpi, suorittaa toimintoja ja optimoida suunnittelutyösi. Ei huolta, sinun ei tarvitse oppia niitä kaikkia kerralla - käymme tämän rentoutuneesti läpi. Katsotaan yhdessä hyödylliset näppäinkomennot Adobe XD:lle ja viemme suunnittelutyökalusi seuraavalle tasolle!

Sisällys

Yleiset näppäinkomennot

TarkoitusmacOSWindows
SuljeCmd + QAlt + F4

Näppäinkomennot "Muokkaa" -valikolle

VaihtoehtomacOSWindows
Tee kumoonCmd + ZCtrl + Z
Toista⇧ + Cmd + ZCtrl + Shift + Z
LeikkaaCmd + XCtrl + X
KopioiCmd + CCtrl + C
LiitäCmd + VCtrl + V
Luo ulkoasu (suunnittelutilassa) ja lisää vuorovaikutus (prototyyppitilassa)Cmd + Opt + VCtrl + Alt + V
Tee kappaleesta kaksoiskopioCmd + DCtrl + D
PoistaPoista
Valitse kaikkiCmd + ACtrl + A
Valinta pois päältä⇧ + Cmd + ACtrl + Shift + A

Näppäinkomennot "Tiedosto" -valikolle

VaihtoehtomacOSWindows
UusiCmd + NCtrl + N
Avaa...Cmd + Shift + OCtrl + Shift + O
SuljeCmd + WAlt + F4
Tallenna...Cmd + SCtrl + S
Tallenna nimellä...⇧ + Cmd + SCtrl + Shift + S
Tallenna paikallisesti...Opt + Shift + Cmd + SShift + Ctrl + Alt + S
Viedä valitut elementitShift + Cmd + ECtrl + Shift + E
Viedä vain valitutCmd + ECtrl + E
Viedä kolmannen osapuolen ohjelmaan (jos tietokoneellasi on XD:lle integroitu ohjelma)Opt + Cmd + EEi saatavilla
TuoShift + Cmd + ICtrl + Shift + I

Näppäinkomennot Polku/Kynä

VaihtoehtomacOSWindows
Aktivoi "Kynä"-työkaluPP
Muunna pisteeksiKaksoisklikkaaKaksoisklikkaa
Epäsymmetrinen ohjainpisteOptAlt
Kohdista ohjainpisteen kulmaVaihtoVaihto
Kohdista ankkuripisteen kulmaVaihtoVaihto
LisääOpt + Cmd + UCtrl + Alt + U
VähennäOpt + Cmd + SCtrl + Alt + S
Muodosta leikkausOpt + Cmd + ICtrl + Alt + I
Poista päällekkäisyysOpt + Cmd + XCtrl + Alt + X
Kääntäminen poluksiCmd + 8Ctrl + 8

Näppäinkomennot Kerrokset (Objektit), Ryhmät, Vieritysryhmät ja Piirustusalueet

VaihtoehtomacOSWindows
Ryhmittele kerroksetCmd + GCtrl + G
Pura kerrokset ryhmästäVaihto + Cmd + GCtrl + Shift + G
Luo komponenttiCmd + KCtrl + K
Muokkaa pääkomponenttiaVaihto + Cmd + KVaihto + Ctrl + K
Palaa edelliseen ilmentymäänVaihto + Opt + KVaihto + Alt + K
Lukitse/Avaa kerrosCmd + LCtrl + L
Piilota/Näytä kerrosCmd + ,Ctrl + ,
Muotoile hieroluettelollaVaihto + Cmd + MVaihto + Ctrl + M
Luo uudelleen verkostoCmd + RCtrl + R
Valitse kerros suoraan ryhmäkomponentistaPainiketta Cmd painettuna napsauta kerrosta työalueellaPainiketta Ctrl painettuna napsauta kerrosta työalueella
Kerrostekstin keskeytys muuttaa1–9 (0 for 100 %)1–9 (0 for 100 %)
Valitse piirustusaluePainiketta Cmd painettuna napsauta tyhjää aluetta piirustusalueellaPainiketta Ctrl painettuna napsauta tyhjää aluetta piirustusalueella
Muodon keskipisteestä piirtäminenOpt + VedäAlt + Vedä
Piirrä muoto, jonka sivusuhteen 1:1 (neliöt/ympyrät) mukaanVaihto + VedäVaihto + Vedä
Piirrä tasasivuinen kolmioVaihto + VedäVaihto + Vedä
Näytä/piilota apuviivat piirustusalallaCmd + ;Ctrl + ;
Lukitse apuviivat piirustusalallaShift + Cmd + ;Shift + Ctrl + ;
Siirrä kohdetta 10 pikselilläVaihto + NuolinäppäimetVaihto + Nuolinäppäimet
Muuta kohteen kokoa 1 pikselin askelinCmd + NuolinäppäimetAlt + Nuolinäppäimet
Muuta kohteen kokoa 10 pikselin askelinCmd + Vaihto + NuolinäppäimetAlt + Vaihto + Nuolinäppäimet
Valinnan tekeminen päällekkäisten kerrosten yliCmd + Napsauta otsikkoaCtrl + Napsauta otsikkoa
Muokkaa väliäVieritä hiirtä työalueen yli + SVieritä hiirtä työalueen yli + S
Välin laittaminen vastakkaisille puolilleOpt + SAlt + S
Kaikkien sivujen muokkaaminenVaihto + SVaihto + S
Vaakasuuntainen vieritysVaihto + Cmd + HVaihto + Alt + H
Pystysuuntainen vieritysVaihto + Cmd + VVaihto + Alt + V
Vaaka- ja pystysuuntainen vieritysVaihto + Cmd + DVaihto + Alt + D
Lisää väri "Elementit" -luetteloonVaihto + Cmd + CVaihto + Ctrl + C
Nimeä kerrokset uudelleenCmd + Opt + RCtrl + Alt + R
Kehysvärit kirjasto-alueen elementteihinOpt + NapsautaAlt + Napsauta
Laajenna/nopeuta kirjastoalueellaCmd + Napsauta nuoltaCtrl + Napsauta nuolta

Näppäinkomenetelmät kohdistamiseen

VaihtoehtomacOSWindows
VasenCtrl + Cmd + ←Ctrl + Vaihtonäppäin + ←
Keskellä (vaaka)Ctrl + Cmd + CVaihtonäppäin + C
OikeaCtrl + Cmd + →Ctrl + Vaihtonäppäin + →
YläCtrl + Cmd + ↑Ctrl + Vaihtonäppäin + ↑
Keski (pystysuora)Ctrl + Cmd + MVaihtonäppäin + M
AlaCtrl + Cmd + ↓Ctrl + Vaihtonäppäin + ↓

Näppäinkomenetelmät järjestämiseen

VaihtoehtomacOSWindows
EtuosaanVaihtonäppäin + Cmd + ]Vaihtonäppäin + Ctrl + ]
Vaiheittainen eteenpäinCmd + ]Ctrl + ]
Vaiheittainen taaksepäinCmd + [Ctrl + [
TaakseVaihtonäppäin + Cmd + [Vaihtonäppäin + Ctrl + [

Näppäinkomenetelmät jakamiseen

VaihtoehtomacOSWindows
VaakaCtrl + Cmd + HCtrl + Vaihtonäppäin + H
PystyCtrl + Cmd + VCtrl + Vaihtonäppäin + V

Näppäinkomenetelmät tekstin kanssa työskentelyyn

VaihtoehtomacOSWindows
LihavointiCmd + LCtrl + L
KursivointiCmd + ICtrl + I
AlleviivausCmd + UCtrl + U
Tekstin suurentaminenVaihtonäppäin + Cmd + >Ctrl + Vaihtonäppäin + .
Tekstin pienentäminenVaihtonäppäin + Cmd + <Ctrl + Vaihtonäppäin + ,

Näppäinkomenetelmät työkaluille

VaihtoehtomacOSWindows
ValitseVV
SuorakulmioRR
EllipsiEE
MonikulmioYY
ViivaLL
KynäPP
TekstiTT
PiirtoalueAA
ZoomaaZoomaus tila: ZZoomaus tila: Z
PipettiII

Näppäinkomenetelmät käyttöliittymälle ja näyttöasetuksille

VaihtoehtomacOSWindows
Vaihda suunnittelu näkymäänOpt + 1Alt + 1
Vaihda prototyyppi näkymäänOpt + 2Alt + 2
Vaihda jakelu näkymäänOpt + 3Alt + 3
SuurinnaCmd + ,Opt + Hiiren pyörä
PienennäCmd + „-“Opt + Hiiren pyörä
Zoomaa valintaanCmd + 3Ctrl + 3
Zoomaa kaiken esittämiseksiCmd + 0Ctrl + 0
100 %Cmd + 1Ctrl + 1
200 %Cmd + 2Ctrl + 2
SiirräVälilyöntiVälilyönti
ElementitVaihtonäppäin + Cmd + YCtrl + Vaihtonäppäin + Y
TasotCmd + YCtrl + Y
Näytä asetteluruudukkoVaihtonäppäin + Cmd + 'Vaihtonäppäin + Ctrl + '
Näytä ruudukko laatikotCmd + 'Ctrl + '
KokoruututilaCtrl + Cmd + FEi käytettävissä
Vaihda suunnittelu ja prototyyppionäkymien välilläCtrl + TabCtrl + Tab
Vaihda ikkunoiden (tiedostojen) välilläCmd + Tilde (~)Ei käytettävissä
Lisää tai vähennä arvoa kentässä yhdellä↑ tai ↓↑ tai ↓
Lisää tai vähennä arvoa kentässä kymmenelläVaihtonäppäin + ↑ tai Vaihtonäppäin + ↓Vaihtonäppäin + ↑ tai Vaihtonäppäin + ↓

Näppäinkomenetelmät valikolle "Ikkuna"

VaihtoehtomacOSWindows
MaksimoiEi saatavillaWindows + ↑
PienennäCmd + MWindows + ↓
EsikatseluCmd + ⏎Ctrl + Enter

Näppäinkomenetelmät toimintamuutoksiin

VaihtoehtomacOSWindows
Liiku vaakasuunnassaVaihto + Hiiren rullaVaihto + Hiiren rulla
Liiku pystysuunnassaHiiren rullaHiiren rulla

Näppäinkomenetelmät elementtien välisten etäisyyksien valitsemiseen ja mittaamiseen

VaihtoehtomacOSWindows
Aktivoi etäisyydetOpt (valitussa kohteessa)Alt (valitussa kohteessa)
Etäisyys valitusta tasostaPaina Opt-näppäintä ja vie hiiren osoitin kohteen/ryhmän/piirustusalustan yliPaina Alt-näppäintä ja vie hiiren osoitin kohteen/ryhmän/piirustusalustan yli
Suhteellinen etäisyys valitusta ryhmästäPaina Opt + Cmd ja vie hiiren osoitin objektiin ryhmässäPaina Ctrl + Alt ja vie hiiren osoitin objektiin ryhmässä

Näppäinkomenetelmät design-spesifikaatioille

VaihtoehtomacOSWindows
SuurennusCmd + Hiiren rullaCmd + "+", Cmd + "−" tai Ctrl + Hiiren rulla, Ctrl + "+", Ctrl + "−"
Palauta suurennusCmd + 0Ctrl + 0
Liiku↑, ↓, →, ←Välilyönti + Napsauta ja vedä, ↑, ↓, →, ←, Välilyönti + Napsauta ja vedä
Nopeampi liikeVaihto + ↑, ↓, →, ←Vaihto + ↑, ↓, →, ←
Siirrä fokus pois design-spesifikaatio-näkymästä piirustusalustaltaEscEsc
Navigoi linkitettyjen piirustusalustojen välilläVaihto + NapsautaVaihto + Napsauta

Näppäinkomenetelmät vektorien muokkaamiseen

VaihtoehtomacOSWindows
Aloita valitun vektoriobjektin muokkaaminenEnterEnter
Lopeta valitun vektoriobjektin muokkaaminenEscEsc
Vaihda suoraan ja peilatuille ohjauspisteilleTuplaklikkaaTuplaklikkaa
Erottele ohjauspisteetOpt + VedäAlt + Vedä

Näppäinkomenetelmät prototyyppien luomiseen

VaihtoehtomacOSWindows
Näytä kaikki yhteydet prototyyppitilassaCmd + ACtrl + A
Piilota kaikki langatOptAlt
EsikatseluCmd + EnterCtrl + Enter
Aloita tai lopeta esikatselun tallennusCmd + Ctrl + REi saatavilla
Lopeta tallennusEscEi saatavilla
Navigoi piirustusalustojen välillä esikatseluikkunassa tai jaetussa prototyypissäOikea nuoli tai vasen nuoli (→ tai ←)
Luo uusi rivi jaetun prototyypin kommenttikenttäänEnter tai Vaihto + EnterEnter tai Vaihto + Enter
Lähetä kommentti, jonka syötetään jaetun prototyypin kommenttikenttäänCmd + EnterCtrl + Enter

10 parasta vinkkiä ja temppua Adobe XD:lle

  1. Käytä toistuvia merkkejä: Kun suunnittelet toistuvia elementtejä kuten valikoita tai painikkeita, käytä toistuvia merkkejä. Muutokset merkissä päivittyvät automaattisesti kaikkiin ilmentymiin.
  2. Prototypointi ja vuorovaikutukset: Adobe XD mahdollistaa prototyyppien luomisen interaktiivisilla elementeillä. Voit linkittää näytöt, lisätä siirtymiä ja suorittaa käyttäjätestejä parantaaksesi käyttäjäkokemusta.
  3. Hyödynnä komponentteja: Luo komponentteja toistuville käyttöliittymäelementeille. Kun muutat komponenttia, muutos päivittyy kaikkiin ilmentymiin, mikä säästää aikaa ja varmistaa yhdenmukaisuuden.
  4. Alueiden pesäkkeet: Järjestä suunnittelutiedostosi pesktät alueiksi. Tämä pitää työtilan siistinä ja auttaa säilyttämään kokonaiskuvan.
  5. Pluginsien käyttö: Adobe XD tukee plugeja, joiden avulla voit lisätä lisätoimintoja. Tarkista käytettävissä olevat plugit laajentaaksesi työnkulkua.
  6. Poistettujen elementtien palauttaminen: Jos olet vahingossa poistanut elementin, voit palauttaa sen yhdistelmällä "Ctrl/Cmd + Z".
  7. Pikselintarkka kohdistaminen: Käytä "Shift"-näppäintä pikselintarkkaan kohdistamiseen, kun vedät tai skaalaat elementtejä.
  8. Responsiivinen suunnittelu: Adobe XD mahdollistaa suunnittelun eri näyttökokoille. Käytä "Responsiivinen koon muutos" -toimintoa varmistaaksesi, että suunnitelmasi näyttää hyvältä eri laitteilla.
  9. Kommentit ja palaute: Kun jaat suunnittelusi muiden kanssa, käytä Adoben XD:n kommentointitoimintoa palautteen saamiseen ja muutosten seuraamiseen.
  10. Opi pikakomennot: On aina hyvä idea oppia tärkeimmät näppäinkomennot työskentelyn nopeuttamiseksi. Voit käyttää Adoben XD:n vakionäppäinkomentoja tai mukauttaa ne omaan käyttöösi sopiviksi.

Pikanäppäimet Adobe XD - Näppäinyhdistelmät yleiskatsaus

Julkaistu osoitteesta Stefan Petri
Julkaistu: Mistä Stefan Petri
Stefan Petri johtaa yhdessä veljensä Matthiasin kanssa suosittua erikoisfoorumia PSD-Tutorials.de sekä e-oppimisalustaa TutKit.com, joka keskittyy digitaalisten ammatillisten taitojen koulutukseen ja jatkokoulutukseen.