Na, készen állsz arra, hogy teljes gőzzel belevágj Adobe XD használatába? Akkor mindenképp érdemes megjegyezned a billentyűparancsokat! Ezekkel a kis segítőkkel könnyedén navigálhatsz a projektek között, végrehajthatsz műveleteket és optimalizálhatod a design munkád. Ne aggódj, nem kell mindet egyszerre megtanulnod - lazán fogjuk ezt meg. Nézzük meg együtt az Adobe XD hasznos billentyűparancsait, és lendítsük design munkafolyamatod a következő szintre!
Általános billentyűparancsok Cél macOS Windows Kilépés Cmd + Q Alt + F4
Billentyűparancsok az "Szerkesztés" menühöz Lehetőség macOS Windows Visszavonás Cmd + Z Ctrl + Z Ismétlés ⇧ + Cmd + Z Ctrl + Shift + Z Kivágás Cmd + X Ctrl + X Másolás Cmd + C Ctrl + C Beillesztés Cmd + V Ctrl + V Megjelenést beszúr (tervezési módban) és interakciót beszúr (prototípus módban) Cmd + Opt + V Ctrl + Alt + V Másolás Cmd + D Ctrl + D Törlés ⌫ Delete Az összes kijelölése Cmd + A Ctrl + A Kijelölés megszüntetése ⇧ + Cmd + A Ctrl + Shift + A
Billentyűparancsok az "Fájl" menühöz Lehetőség macOS Windows Új Cmd + N Ctrl + N Megnyitás... Cmd + Shift + O Ctrl + Shift + O Bezárás Cmd + W Alt + F4 Mentés... Cmd + S Ctrl + S Mentés másként... ⇧+ Cmd + S Ctrl + Shift + S Mentés helyileg... Opt + Shift + Cmd + S Shift + Ctrl + Alt + S Kijelölt elemek exportálása Shift + Cmd + E Ctrl + Shift + E Csak kiválasztott exportálása Cmd + E Ctrl + E Exportálás külső programba (ha az XD integrált program van telepítve a számítógépeden) Opt + Cmd + E Nem elérhető Importálás Shift + Cmd + I Ctrl + Shift + I
Billentyűparancsok az Útvonal/Rajzolóhoz Lehetőség macOS Windows Rajzoló eszköz aktiválása P P Pont konvertálása Kattintás duplázása Kattintás duplázása Aszimmetrikus ellenőrzési pont Opt Alt Irányított irányításpontok Shift Shift Áll az irányításponti szöghez Shift Shift Hozzáadás Opt + Cmd + U Ctrl + Alt + U Kivonás Opt + Cmd + S Ctrl + Alt + S Metszés kialakítása Opt + Cmd + I Ctrl + Alt + I Átfedés kizárása Opt + Cmd + X Ctrl + Alt + X Cmd + 8 Ctrl + 8
Billentyűparancsok rétegekhez (objektumokhoz), csoportokhoz, görgetős csoportokhoz és rajzfelületekhez Lehetőség macOS Windows Rétegek csoportosítása Cmd + G Ctrl + G Rétegcsoportolás feloldása Shift + Cmd + G Ctrl + Shift + G Összetevő létrehozása Cmd + K Ctrl + K Előosztott összetevő szerkesztése Shift + Cmd + K Shift + Ctrl + K Vissza az előző példányra Shift + Opt + K Shift + Alt + K Rétegek zárolása/feloldása Cmd + L Ctrl + L Réteg elrejtése/megjelenítése Cmd + , Ctrl + , Alakzattal maszkolás Shift + Cmd + M Shift + Ctrl + M Ismerve visszaverő halványság Cmd + R Ctrl + R Réteg kiválasztása közvetlenül csoportban/összetevőben Cmd billentyű lenyomása mellett kattintás az elemre a munkaterületen Ctrl billentyű lenyomása mellett kattintás az elemre a munkaterületen Réteg átlátszatlanságának megváltoztatása 1-től 9-ig (0 a 100%-ra) 1-től 9-ig (0 a 100%-ra) Rajzfelület kiválasztása Cmd billentyű lenyomása mellett kattintás egy üres helyre a rajzfelületen Ctrl billentyű lenyomása mellett kattintás egy üres helyre a rajzfelületen Alakzatot középpontból rajzol Opt + Húz Alt + Húz 1:1-es oldalarányú alakzatot rajzol (négyzetek/körök esetén) Shift + Húz Shift + Húz Egyenlő oldalú háromszöget rajzol Shift + Húz Shift + Húz Munkalap útmutatók be-/kikapcsolása Cmd + ; Ctrl + ; Munkalap útmutatóinak zárolása Shift + Cmd + ; Shift + Ctrl + ; Elem 10 pixellel való elmozdítása Shift + Nyilak Shift + Nyilak Elem méretének 1 pixelenkénti változtatása Cmd + Nyilak Alt + Nyilak Elem méretének 10 pixelenkénti változtatása Cmd + Shift + Nyilak Alt + Shift + Nyilak Választás átfedő rétegekkel Cmd + Kattintás a címre Ctrl + Kattintás a címre Távolság szerkesztése Munkafelületen mutató az objektumra + S Munkafelületen mutató az objektumra + S Távolság tükrözése az ellentétes oldalakon Opt + S Alt + S Összes oldal szerkesztése Shift + S Shift + S Vízszintes görgetés Shift + Cmd + H Shift + Alt + H Függőleges görgetés Shift + Cmd + V Shift + Alt + V Vízszintes és függőleges görgetés Shift + Cmd + D Shift + Alt + D Szín hozzáadása az „Elemekhez” Shift + Cmd + C Shift + Ctrl + C Rétegek átnevezése Cmd + Opt + R Ctrl + Alt + R Keretszíneket alkalmaz az „Elemek” panelből az elemekre Opt + Kattintás Alt + Kattintás Kiterjeszteni/csökkenteni az „Elemek” panelben Cmd + Kattintás a nyílra Ctrl + Kattintás a nyílra
Billentyűparancsok az igazításhoz Opció macOS Windows Balra Ctrl + Cmd + ← Ctrl + Shift + ← Középre (vízszintes) Ctrl + Cmd + C Shift + C Jobbra Ctrl + Cmd + → Ctrl + Shift + → Fel Ctrl + Cmd + ↑ Ctrl + Shift + ↑ Közép (függőleges) Ctrl + Cmd + M Shift + M Le Ctrl + Cmd + ↓ Ctrl + Shift + ↓
Billentyűparancsok a rendezéshez Opció macOS Windows Előtérbe helyezés Shift + Cmd + ] Shift + Ctrl + ] Lépésről lépésre előre Cmd + ] Ctrl + ] Lépésről lépésre hátra Cmd + [ Ctrl + [ Háttérbe helyezés Shift + Cmd + [ Shift + Ctrl + [
Billentyűparancsok a elosztáshoz Opció macOS Windows Vízszintesen Ctrl + Cmd + H Ctrl + Shift + H Függőlegesen Ctrl + Cmd + V Ctrl + Shift + V
Billentyűparancsok a szövegkezeléshez Opció macOS Windows Félkövér Cmd + B Ctrl + B Dőlt Cmd + I Ctrl + I Aláhúzott Cmd + U Ctrl + U Betűméret növelése Shift + Cmd + > Ctrl + Shift + . Betűméret csökkentése Shift + Cmd + < Ctrl + Shift + ,
Billentyűparancsok az "Műveletek" menühöz Opció macOS Windows Középpontból Opt Alt Másolás és beillesztés Opt + Húzás Alt + Húzás Korlátozások Shift Shift Szöveg szerkesztése Enter Enter 15 fokos lépésekben forgatás Shift (15 °) Shift (15 °) Vonalak rajzolása és 45 fokos lépésekben forgatás Shift (45°) Shift (45°) Objektumok középpontjából rajzolás Shift + Opt Shift + Alt + S Közvetlen kiválasztás Cmd Ctrl Váltás a tervezési és prototípus mód között Ctrl + Tab Ctrl + Tab
Billentyűparancsok az eszközök számára Opció macOS Windows Kiválasztás V V Téglalap R R Ellipszis E E Sokszög Y Y Vonal L L Ecset P P Szöveg T T Rajzlap A A Nagyítás Nagyításmód aktiválása: Z Nagyításmód aktiválása: Z Pipetta I I
Billentyűparancsok a felhasználói felület és megjelenítési beállításokhoz Opció macOS Windows Váltás tervezési módra Opt + 1 Alt + 1 Váltás prototípus módra Opt + 2 Alt + 2 Váltás megosztási módra Opt + 3 Alt + 3 Betűméret növelése Cmd + , Opt + görgetőgomb Betűméret csökkentése Cmd + „-“ Opt + görgetőgomb Kijelölésre fókuszálás Cmd + 3 Ctrl + 3 Összes megjelenítése megjelenítés Cmd + 0 Ctrl + 0 100% Cmd + 1 Ctrl + 1 200% Cmd + 2 Ctrl + 2 Mozgatás Space Space Elemek Shift + Cmd + Y Ctrl + Shift + Y Rétegek Cmd + Y Ctrl + Y Elrendezésrács megjelenítése Shift + Cmd + ' Shift + Ctrl + ' Rácsnégyzetek megjelenítése Cmd + ' Ctrl + ' Teljes képernyő mód Ctrl + Cmd + F Nem elérhető Váltás tervezési és prototípus mód között Ctrl + Tab Ctrl + Tab Váltás ablakok között (Fájlok) Cmd + Tilde (~) Nem elérhető Egy mezőben lévő érték növelése vagy csökkentése ↑ vagy ↓ ↑ vagy ↓ Egy mezőben lévő érték 10-el történő növelése vagy csökkentése Shift + ↑ vagy Shift + ↓ Shift + ↑ vagy Shift + ↓
Billentyűparancsok az „Ablak” menühöz Opció macOS Windows Maximalizálás Nem elérhető Windows + ↑ Minimalizálás Cmd + M Windows + ↓ Bemutató Cmd + ⏎ Ctrl + Enter
Billentyűparancsok műveletváltozáshoz Opció macOS Windows Vízszintes mozgatás Vált + Egér görgő Vált + Egér görgő Függőleges mozgatás Egér görgő Egér görgő
Billentyűparancsok elemek közötti távolságok kiválasztásához és méréséhez Opció macOS Windows Távolságok engedélyezése Opt (kiválasztott objektumnál) Alt (kiválasztott objektumnál) Távolság a kijelölt síktól Opt + Egérmutató az objektumon / csoporton / rajztéren tartva Alt-t tartva az egérmutató az objektumon / csoporton / rajzfelületen Relatív távolság a kiválasztott csoporttól Opt + Cmd nyomva tartva, majd az egérmutatót egy objektumon a csoportban tartva Ctrl + Alt lenyomva tartva, majd az egérmutatót egy objektumon a csoportban tartva
Billentyűparancsok a design-specifikációkhoz Opció macOS Windows Nagyítás Cmd + Egér görgő Cmd + „+“, Cmd + „–“ vagy Ctrl + Egér görgő, Ctrl + „+“, Ctrl + „–“ Nagyítás visszaállítása Cmd + 0 Ctrl + 0 Mozgatás ↑, ↓, →, ← Space + Kattintás és Húzás, ↑, ↓, →, ←, Space + Kattintás és Húzás Gyorsabb mozgatás Vált + ↑, ↓, →, ← Vált + ↑, ↓, →, ← Megszakítani a fókuszt a design-specifikációs nézetről a rajz felé Esc Esc Összekapcsolt rajzfelületek közötti navigálás Vált + Kattintás Vált + Kattintás
Billentyűparancsok vektorok szerkesztéséhez Opció macOS Windows A kiválasztott vektorobjektum szerkesztésének elkezdése Enter Enter A kiválasztott vektorobjektum szerkesztésének befejezése Esc Esc Váltás a sima és tükrözött irányítási pontok között Dupla kattintás Dupla kattintás Irányítási pont fogantyújának elválasztása Opt + Húzás Alt + Húzás
Billentyűparancsok prototípus létrehozásához Opció macOS Windows All connections anzeigen im Prototypmodus Cmd + A Ctrl + A Összes vezeték elrejtése Opt Alt Bemutató Cmd + Enter Ctrl + Enter Bemutató felvételének indítása vagy leállítása Cmd + Ctrl + R Nem elérhető Felvétel befejezése Esc Nem elérhető Designnézeten vagy megosztott prototípuson a rajzfelületről navigálás Jobb nyíl vagy bal nyíl (→ vagy ←) Új sor létrehozása a megosztott prototípuslink megjegyzésmezőjében Enter vagy Vált + Enter Enter vagy Vált + Enter Megosztott prototípuslink megjegyzésmezőjébe beírt megjegyzés elküldése Cmd + Enter Ctrl + Enter
10 legjobb tipp és trükk az Adobe XD-hez Ismerd meg a karakterismétléseket: Amikor ismétlődő elemeket tervezel, mint menük vagy gombok, használj karakterismétléseket. Az egy karakterben történt változás automatikusan érvényesül az összes példányra.Prototípus és interakciók: Az Adobe XD lehetővé teszi interaktív elemekkel rendelkező prototípusok létrehozását. Össze tudod kötni a képernyőket, áttűnéseket hozzáadni, és felhasználói teszteket végezni az élmény optimalizálása érdekében.Használj komponenseket: Hozz létre komponenseket ismétlődő UI-elemekhez. Ha változtatsz egy komponensen, az összes példány frissülni fog, időt spórolva és konzisztenciát biztosítva.Területnagyítás: Rendezd a designfájlt úgy, hogy kereteket ágyazol egymásba. Ezáltal a munkaterület rendben marad, és átlátod az egészet.Pluginok használata: Az Adobe XD támogatja a pluginokat, amelyekkel kiegészítő funkciókat adhatsz hozzá. Tekintsd át a rendelkezésre álló pluginokat, hogy bővítsd a munkafolyamatodat.Törölt elemek visszaállítása: Ha véletlenül töröltél egy elemet, visszaállíthatod a "Ctrl/Cmd + Z" billentyűkombinációval.Pontos igazítás pixelenként: Használd a "Shift" billentyűt, hogy az elemeket pixelenként igazítsd, amikor húzod vagy skálázod azokat.Reszponzív design: Az Adobe XD lehetővé teszi a tervezés különböző képernyőméretekre történő elkészítését. Használd a "Reszponzív Átméretezés" funkciót az optimalizált megjelenés érdekében különböző eszközökön.Megjegyzések és visszajelzések: Ha megosztod a tervezésed másokkal, használd az Adobe XD komment funkcióját a visszajelzésekhez és változtatások nyomon követéséhez.Billentyűparancsok tanulása: Végül mindig jó ötlet a legfontosabb billentyűparancsok megtanulása a gyorsabb munkavégzés érdekében. Használhatod az Adobe XD alapértelmezett billentyűparancsait, vagy testreszabhatod azokat saját igényeid szerint.