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
- Näppäinkomennot "Muokkaa" -valikolle
- Näppäinkomennot "Tiedosto" -valikolle
- Näppäinkomennot Polku/Kynä
- Näppäinkomennot Kerrokset (Objektit), Ryhmät, Vieritysryhmät ja Piirustusalueet
- Näppäinkomenetelmät kohdistamiseen
- Näppäinkomenetelmät järjestämiseen
- Näppäinkomenetelmät jakamiseen
- Näppäinkomenetelmät tekstin kanssa työskentelyyn
- Näppäinkomenetelmät työkaluille
- Näppäinkomenetelmät käyttöliittymälle ja näyttöasetuksille
- Näppäinkomenetelmät valikolle "Ikkuna"
- Näppäinkomenetelmät toimintamuutoksiin
- Näppäinkomenetelmät elementtien välisten etäisyyksien valitsemiseen ja mittaamiseen
- Näppäinkomenetelmät design-spesifikaatioille
- Näppäinkomenetelmät vektorien muokkaamiseen
- Näppäinkomenetelmät prototyyppien luomiseen
- 10 parasta vinkkiä ja temppua Adobe XD:lle
Yleiset näppäinkomennot
| Tarkoitus | macOS | Windows |
| Sulje | Cmd + Q | Alt + F4 |
Näppäinkomennot "Muokkaa" -valikolle
| Vaihtoehto | macOS | Windows |
| Tee kumoon | Cmd + Z | Ctrl + Z |
| Toista | ⇧ + Cmd + Z | Ctrl + Shift + Z |
| Leikkaa | Cmd + X | Ctrl + X |
| Kopioi | Cmd + C | Ctrl + C |
| Liitä | Cmd + V | Ctrl + V |
| Luo ulkoasu (suunnittelutilassa) ja lisää vuorovaikutus (prototyyppitilassa) | Cmd + Opt + V | Ctrl + Alt + V |
| Tee kappaleesta kaksoiskopio | Cmd + D | Ctrl + D |
| Poista | ⌫ | Poista |
| Valitse kaikki | Cmd + A | Ctrl + A |
| Valinta pois päältä | ⇧ + Cmd + A | Ctrl + Shift + A |
Näppäinkomennot "Tiedosto" -valikolle
| Vaihtoehto | macOS | Windows |
| Uusi | Cmd + N | Ctrl + N |
| Avaa... | Cmd + Shift + O | Ctrl + Shift + O |
| Sulje | Cmd + W | Alt + F4 |
| Tallenna... | Cmd + S | Ctrl + S |
| Tallenna nimellä... | ⇧ + Cmd + S | Ctrl + Shift + S |
| Tallenna paikallisesti... | Opt + Shift + Cmd + S | Shift + Ctrl + Alt + S |
| Viedä valitut elementit | Shift + Cmd + E | Ctrl + Shift + E |
| Viedä vain valitut | Cmd + E | Ctrl + E |
| Viedä kolmannen osapuolen ohjelmaan (jos tietokoneellasi on XD:lle integroitu ohjelma) | Opt + Cmd + E | Ei saatavilla |
| Tuo | Shift + Cmd + I | Ctrl + Shift + I |
Näppäinkomennot Polku/Kynä
| Vaihtoehto | macOS | Windows |
| Aktivoi "Kynä"-työkalu | P | P |
| Muunna pisteeksi | Kaksoisklikkaa | Kaksoisklikkaa |
| Epäsymmetrinen ohjainpiste | Opt | Alt |
| Kohdista ohjainpisteen kulma | Vaihto | Vaihto |
| Kohdista ankkuripisteen kulma | Vaihto | Vaihto |
| Lisää | Opt + Cmd + U | Ctrl + Alt + U |
| Vähennä | Opt + Cmd + S | Ctrl + Alt + S |
| Muodosta leikkaus | Opt + Cmd + I | Ctrl + Alt + I |
| Poista päällekkäisyys | Opt + Cmd + X | Ctrl + Alt + X |
| Kääntäminen poluksi | Cmd + 8 | Ctrl + 8 |
Näppäinkomennot Kerrokset (Objektit), Ryhmät, Vieritysryhmät ja Piirustusalueet
| Vaihtoehto | macOS | Windows |
| Ryhmittele kerrokset | Cmd + G | Ctrl + G |
| Pura kerrokset ryhmästä | Vaihto + Cmd + G | Ctrl + Shift + G |
| Luo komponentti | Cmd + K | Ctrl + K |
| Muokkaa pääkomponenttia | Vaihto + Cmd + K | Vaihto + Ctrl + K |
| Palaa edelliseen ilmentymään | Vaihto + Opt + K | Vaihto + Alt + K |
| Lukitse/Avaa kerros | Cmd + L | Ctrl + L |
| Piilota/Näytä kerros | Cmd + , | Ctrl + , |
| Muotoile hieroluettelolla | Vaihto + Cmd + M | Vaihto + Ctrl + M |
| Luo uudelleen verkosto | Cmd + R | Ctrl + R |
| Valitse kerros suoraan ryhmäkomponentista | Painiketta Cmd painettuna napsauta kerrosta työalueella | Painiketta Ctrl painettuna napsauta kerrosta työalueella |
| Kerrostekstin keskeytys muuttaa | 1–9 (0 for 100 %) | 1–9 (0 for 100 %) |
| Valitse piirustusalue | Painiketta Cmd painettuna napsauta tyhjää aluetta piirustusalueella | Painiketta Ctrl painettuna napsauta tyhjää aluetta piirustusalueella |
| Muodon keskipisteestä piirtäminen | Opt + Vedä | Alt + Vedä |
| Piirrä muoto, jonka sivusuhteen 1:1 (neliöt/ympyrät) mukaan | Vaihto + Vedä | Vaihto + Vedä |
| Piirrä tasasivuinen kolmio | Vaihto + Vedä | Vaihto + Vedä |
| Näytä/piilota apuviivat piirustusalalla | Cmd + ; | Ctrl + ; |
| Lukitse apuviivat piirustusalalla | Shift + Cmd + ; | Shift + Ctrl + ; |
| Siirrä kohdetta 10 pikselillä | Vaihto + Nuolinäppäimet | Vaihto + Nuolinäppäimet |
| Muuta kohteen kokoa 1 pikselin askelin | Cmd + Nuolinäppäimet | Alt + Nuolinäppäimet |
| Muuta kohteen kokoa 10 pikselin askelin | Cmd + Vaihto + Nuolinäppäimet | Alt + Vaihto + Nuolinäppäimet |
| Valinnan tekeminen päällekkäisten kerrosten yli | Cmd + Napsauta otsikkoa | Ctrl + Napsauta otsikkoa |
| Muokkaa väliä | Vieritä hiirtä työalueen yli + S | Vieritä hiirtä työalueen yli + S |
| Välin laittaminen vastakkaisille puolille | Opt + S | Alt + S |
| Kaikkien sivujen muokkaaminen | Vaihto + S | Vaihto + S |
| Vaakasuuntainen vieritys | Vaihto + Cmd + H | Vaihto + Alt + H |
| Pystysuuntainen vieritys | Vaihto + Cmd + V | Vaihto + Alt + V |
| Vaaka- ja pystysuuntainen vieritys | Vaihto + Cmd + D | Vaihto + Alt + D |
| Lisää väri "Elementit" -luetteloon | Vaihto + Cmd + C | Vaihto + Ctrl + C |
| Nimeä kerrokset uudelleen | Cmd + Opt + R | Ctrl + Alt + R |
| Kehysvärit kirjasto-alueen elementteihin | Opt + Napsauta | Alt + Napsauta |
| Laajenna/nopeuta kirjastoalueella | Cmd + Napsauta nuolta | Ctrl + Napsauta nuolta |
Näppäinkomenetelmät kohdistamiseen
| Vaihtoehto | macOS | Windows |
| Vasen | Ctrl + Cmd + ← | Ctrl + Vaihtonäppäin + ← |
| Keskellä (vaaka) | Ctrl + Cmd + C | Vaihtonäppäin + C |
| Oikea | Ctrl + Cmd + → | Ctrl + Vaihtonäppäin + → |
| Ylä | Ctrl + Cmd + ↑ | Ctrl + Vaihtonäppäin + ↑ |
| Keski (pystysuora) | Ctrl + Cmd + M | Vaihtonäppäin + M |
| Ala | Ctrl + Cmd + ↓ | Ctrl + Vaihtonäppäin + ↓ |
Näppäinkomenetelmät järjestämiseen
| Vaihtoehto | macOS | Windows |
| Etuosaan | Vaihtonäppäin + Cmd + ] | Vaihtonäppäin + Ctrl + ] |
| Vaiheittainen eteenpäin | Cmd + ] | Ctrl + ] |
| Vaiheittainen taaksepäin | Cmd + [ | Ctrl + [ |
| Taakse | Vaihtonäppäin + Cmd + [ | Vaihtonäppäin + Ctrl + [ |
Näppäinkomenetelmät jakamiseen
| Vaihtoehto | macOS | Windows |
| Vaaka | Ctrl + Cmd + H | Ctrl + Vaihtonäppäin + H |
| Pysty | Ctrl + Cmd + V | Ctrl + Vaihtonäppäin + V |
Näppäinkomenetelmät tekstin kanssa työskentelyyn
| Vaihtoehto | macOS | Windows |
| Lihavointi | Cmd + L | Ctrl + L |
| Kursivointi | Cmd + I | Ctrl + I |
| Alleviivaus | Cmd + U | Ctrl + U |
| Tekstin suurentaminen | Vaihtonäppäin + Cmd + > | Ctrl + Vaihtonäppäin + . |
| Tekstin pienentäminen | Vaihtonäppäin + Cmd + < | Ctrl + Vaihtonäppäin + , |
Näppäinkomenetelmät työkaluille
| Vaihtoehto | macOS | Windows |
| Valitse | V | V |
| Suorakulmio | R | R |
| Ellipsi | E | E |
| Monikulmio | Y | Y |
| Viiva | L | L |
| Kynä | P | P |
| Teksti | T | T |
| Piirtoalue | A | A |
| Zoomaa | Zoomaus tila: Z | Zoomaus tila: Z |
| Pipetti | I | I |
Näppäinkomenetelmät käyttöliittymälle ja näyttöasetuksille
| Vaihtoehto | macOS | Windows |
| Vaihda suunnittelu näkymään | Opt + 1 | Alt + 1 |
| Vaihda prototyyppi näkymään | Opt + 2 | Alt + 2 |
| Vaihda jakelu näkymään | Opt + 3 | Alt + 3 |
| Suurinna | Cmd + , | Opt + Hiiren pyörä |
| Pienennä | Cmd + „-“ | Opt + Hiiren pyörä |
| Zoomaa valintaan | Cmd + 3 | Ctrl + 3 |
| Zoomaa kaiken esittämiseksi | Cmd + 0 | Ctrl + 0 |
| 100 % | Cmd + 1 | Ctrl + 1 |
| 200 % | Cmd + 2 | Ctrl + 2 |
| Siirrä | Välilyönti | Välilyönti |
| Elementit | Vaihtonäppäin + Cmd + Y | Ctrl + Vaihtonäppäin + Y |
| Tasot | Cmd + Y | Ctrl + Y |
| Näytä asetteluruudukko | Vaihtonäppäin + Cmd + ' | Vaihtonäppäin + Ctrl + ' |
| Näytä ruudukko laatikot | Cmd + ' | Ctrl + ' |
| Kokoruututila | Ctrl + Cmd + F | Ei käytettävissä |
| Vaihda suunnittelu ja prototyyppionäkymien välillä | Ctrl + Tab | Ctrl + 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"
| Vaihtoehto | macOS | Windows |
| Maksimoi | Ei saatavilla | Windows + ↑ |
| Pienennä | Cmd + M | Windows + ↓ |
| Esikatselu | Cmd + ⏎ | Ctrl + Enter |
Näppäinkomenetelmät toimintamuutoksiin
| Vaihtoehto | macOS | Windows |
| Liiku vaakasuunnassa | Vaihto + Hiiren rulla | Vaihto + Hiiren rulla |
| Liiku pystysuunnassa | Hiiren rulla | Hiiren rulla |
Näppäinkomenetelmät elementtien välisten etäisyyksien valitsemiseen ja mittaamiseen
| Vaihtoehto | macOS | Windows |
| Aktivoi etäisyydet | Opt (valitussa kohteessa) | Alt (valitussa kohteessa) |
| Etäisyys valitusta tasosta | Paina Opt-näppäintä ja vie hiiren osoitin kohteen/ryhmän/piirustusalustan yli | Paina 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
| Vaihtoehto | macOS | Windows |
| Suurennus | Cmd + Hiiren rulla | Cmd + "+", Cmd + "−" tai Ctrl + Hiiren rulla, Ctrl + "+", Ctrl + "−" |
| Palauta suurennus | Cmd + 0 | Ctrl + 0 |
| Liiku | ↑, ↓, →, ← | Välilyönti + Napsauta ja vedä, ↑, ↓, →, ←, Välilyönti + Napsauta ja vedä |
| Nopeampi liike | Vaihto + ↑, ↓, →, ← | Vaihto + ↑, ↓, →, ← |
| Siirrä fokus pois design-spesifikaatio-näkymästä piirustusalustalta | Esc | Esc |
| Navigoi linkitettyjen piirustusalustojen välillä | Vaihto + Napsauta | Vaihto + Napsauta |
Näppäinkomenetelmät vektorien muokkaamiseen
| Vaihtoehto | macOS | Windows |
| Aloita valitun vektoriobjektin muokkaaminen | Enter | Enter |
| Lopeta valitun vektoriobjektin muokkaaminen | Esc | Esc |
| Vaihda suoraan ja peilatuille ohjauspisteille | Tuplaklikkaa | Tuplaklikkaa |
| Erottele ohjauspisteet | Opt + Vedä | Alt + Vedä |
Näppäinkomenetelmät prototyyppien luomiseen
| Vaihtoehto | macOS | Windows |
| Näytä kaikki yhteydet prototyyppitilassa | Cmd + A | Ctrl + A |
| Piilota kaikki langat | Opt | Alt |
| Esikatselu | Cmd + Enter | Ctrl + Enter |
| Aloita tai lopeta esikatselun tallennus | Cmd + Ctrl + R | Ei saatavilla |
| Lopeta tallennus | Esc | Ei saatavilla |
| Navigoi piirustusalustojen välillä esikatseluikkunassa tai jaetussa prototyypissä | Oikea nuoli tai vasen nuoli (→ tai ←) | |
| Luo uusi rivi jaetun prototyypin kommenttikenttään | Enter tai Vaihto + Enter | Enter tai Vaihto + Enter |
| Lähetä kommentti, jonka syötetään jaetun prototyypin kommenttikenttään | Cmd + Enter | Ctrl + Enter |
10 parasta vinkkiä ja temppua Adobe XD:lle
- Käytä toistuvia merkkejä: Kun suunnittelet toistuvia elementtejä kuten valikoita tai painikkeita, käytä toistuvia merkkejä. Muutokset merkissä päivittyvät automaattisesti kaikkiin ilmentymiin.
- 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.
- 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.
- Alueiden pesäkkeet: Järjestä suunnittelutiedostosi pesktät alueiksi. Tämä pitää työtilan siistinä ja auttaa säilyttämään kokonaiskuvan.
- Pluginsien käyttö: Adobe XD tukee plugeja, joiden avulla voit lisätä lisätoimintoja. Tarkista käytettävissä olevat plugit laajentaaksesi työnkulkua.
- Poistettujen elementtien palauttaminen: Jos olet vahingossa poistanut elementin, voit palauttaa sen yhdistelmällä "Ctrl/Cmd + Z".
- Pikselintarkka kohdistaminen: Käytä "Shift"-näppäintä pikselintarkkaan kohdistamiseen, kun vedät tai skaalaat elementtejä.
- 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.
- Kommentit ja palaute: Kun jaat suunnittelusi muiden kanssa, käytä Adoben XD:n kommentointitoimintoa palautteen saamiseen ja muutosten seuraamiseen.
- 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
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.