Hej, si pripravený začať s programom Adobe XD naplno? Potom by si si určite mal zapamätať klávesové skratky! S týmito malými pomocníkmi môžeš ľahko navigovať cez svoje projekty v Adobe XD, vykonávať akcie a optimalizovať svoju dizajnérsku prácu. Nemusíš sa obávať, že sa ich musíš učiť naraz - berieme to celkom pokojne. Pozrime sa spoločne na užitočné klávesové skratky pre Adobe XD a posunime tvoju dizajnérsku prácu na ďalšiu úroveň!
Obsah
Všeobecné klávesové skratky
Cieľ
macOS
Windows
Ukončiť
Cmd + Q
Alt + F4
Klávesové skratky pre menu „Upraviť“
Možnosť
macOS
Windows
Späť
Cmd + Z
Ctrl + Z
Znovu
⇧ + Cmd + Z
Ctrl + Shift + Z
Vybrať
Cmd + X
Ctrl + X
Kopírovať
Cmd + C
Ctrl + C
Vložiť
Cmd + V
Ctrl + V
Vložiť vzhľad (v režime návrh) a vložiť interakciu (v režime prototyp)
Cmd + Opt + V
Ctrl + Alt + V
Duplikovať
Cmd + D
Ctrl + D
Zmazať
⌫
Zmazať
Vybrať všetko
Cmd + A
Ctrl + A
Zrušiť výber
⇧+ Cmd + A
Ctrl + Shift + A
Klávesové skratky pre menu „Súbor“
Možnosť
macOS
Windows
Nový
Cmd + N
Ctrl + N
Otvoriť...
Cmd + Shift + O
Ctrl + Shift + O
Zavrieť
Cmd + W
Alt + F4
Uložiť...
Cmd + S
Ctrl + S
Uložiť ako...
⇧+ Cmd + S
Ctrl + Shift + S
Lokálne uložiť...
Opt + Shift + Cmd + S
Shift + Ctrl + Alt + S
Exportovať označené prvky
Shift + Cmd + E
Ctrl + Shift + E
Exportovať len vybrané
Cmd + E
Ctrl + E
Exportovať do programu tretích strán (ak je program, integrovaný s XD, nainštalovaný na počítači)
Opt + Cmd + E
Nedostupné
Importovať
Shift + Cmd + I
Ctrl + Shift + I
Klávesové skratky pre cestu/pero
Možnosť
macOS
Windows
Aktivovať nástroj „Pero“
P
P
Konvertovať bod
Dvojklik
Dvojklik
Asymetrický kontrolný bod
Opt
Alt
Zarovnať k kontrolnému bodu
Shift
Shift
Zarovnať k ukotvenému bodu
Shift
Shift
Pridať
Opt + Cmd + U
Ctrl + Alt + U
Odstrojiť
Opt + Cmd + S
Ctrl + Alt + S
Vytvoriť priesečník
Opt + Cmd + I
Ctrl + Alt + I
Vylúčiť prekrývanie
Opt + Cmd + X
Ctrl + Alt + X
Konvertovať na cestu
Cmd + 8
Ctrl + 8
Klávesové skratky pre vrstvy (objekty), skupiny, posúvacie skupiny a plátna
Možnosť
macOS
Windows
Skupina vrstiev
Cmd + G
Ctrl + G
Rozpustenie skupiny vrstiev
Shift + Cmd + G
Ctrl + Shift + G
Vytvoriť komponent
Cmd + K
Ctrl + K
Upraviť hlavný komponent
Shift + Cmd + K
Shift + Ctrl + K
Vrátiť sa na predchádzajúcu inštanciu
Shift + Opt + K
Shift + Alt + K
Vrstvu zamknúť/odomknúť
Cmd + L
Ctrl + L
Vrstvu skryť/ukázať
Cmd + ,
Ctrl + ,
Zobraziť formu maskovania
Shift + Cmd + M
Shift + Ctrl + M
Vytvoriť zopakovacie mriežky
Cmd + R
Ctrl + R
Vybrať vrstvu v skupine/komponente priamo
Na pracovnej ploche klikni na vrstvu s podržaným Cmd
Na pracovnej ploche klikni na vrstvu s podržaným Ctrl
Zmeniť priehľadnosť vrstvy
1 - 9 (0 pre 100 %)
1 - 9 (0 pre 100 %)
Vybrať plátno
Klikni na prázdne miesto plátna s podržaným Cmd
Klikni na prázdne miesto plátna s podržaným Ctrl
Kresliť formu z stredu
Opt + Potiahnuť
Alt + Potiahnuť
Kresliť formu s pomerom 1:1 (pre štvorce/kruhy)
Shift + Potiahnuť
Shift + Potiahnuť
Kresliť rovnostranný trojuholník
Shift + Potiahnuť
Shift + Potiahnuť
Zobraziť/skryť vodítka na plátne
Cmd + ;
Ctrl + ;
Blokovať vodítka na plátne
Shift + Cmd + ;
Shift + Ctrl + ;
Posunúť položku o 10 pixelov
Shift + Šípky
Shift + Šípky
Zmeniť veľkosť prvku o 1 pixel
Cmd + Šípky
Alt + Šípky
Zmeniť veľkosť prvku o 10 pixelov
Cmd + Shift + Šípky
Alt + Shift + Šípky
Výber cez prekrývajúce sa vrstvy
Cmd + Klik na názov
Ctrl + Klik na názov
Upraviť medzery
Na pracovnej ploche vodiča ukazovateľa nad objektom + S
Na pracovnej ploche vodiča ukazovateľa nad objektom + S
Zrkadliť medzeru na opačných stranách
Opt + S
Alt + S
Upraviť všetky strany
Shift + S
Shift + S
Horizontálny posun
Shift + Cmd + H
Shift + Alt + H
Vertikálny posun
Shift + Cmd + V
Shift + Alt + V
Horizontálne a vertikálne posunutie
Shift + Cmd + D
Shift + Alt + D
Pridať farbu k „Prvkov“
Shift + Cmd + C
Shift + Ctrl + C
Premenovať vrstvy
Cmd + Opt + R
Ctrl + Alt + R
Použiť rámfarby z panela „Knihovny“ na prvky
Opt + Klikať
Alt + Klikať
Rozbaliť/zbalit v paneli „Knihovny“
Cmd + Klik na šípku
Ctrl + Klik na šípku
Klávesové skratky na zarovnanie
Možnosť
macOS
Windows
Vľavo
Ctrl + Cmd + ←
Ctrl + Shift + ←
Stred (horizontálne)
Ctrl + Cmd + C
Shift + C
Vpravo
Ctrl + Cmd + →
Ctrl + Shift + →
Hore
Ctrl + Cmd + ↑
Ctrl + Shift + ↑
Stred (vertikálne)
Ctrl + Cmd + M
Shift + M
Dole
Ctrl + Cmd + ↓
Ctrl + Shift + ↓
Klávesové skratky na usporiadanie
Možnosť
macOS
Windows
Do popredia
Shift + Cmd + ]
Shift + Ctrl + ]
Postupne dopredu
Cmd + ]
Ctrl + ]
Postupne dozadu
Cmd + [
Ctrl + [
Do pozadia
Shift + Cmd + [
Shift + Ctrl + [
Klávesové skratky na distribúciu
Možnosť
macOS
Windows
Horizontálne
Ctrl + Cmd + H
Ctrl + Shift + H
Vertikálne
Ctrl + Cmd + V
Ctrl + Shift + V
Klávesové skratky pre prácu s textom
Možnosť
macOS
Windows
Tučné
Cmd + B
Ctrl + B
Kurzíva
Cmd + I
Ctrl + I
Podčiarknuté
Cmd + U
Ctrl + U
Zväčšiť písmo
Shift + Cmd + >
Ctrl + Shift + .
Zmenšiť písmo
Shift + Cmd + <
Ctrl + Shift + ,
Klávesové skratky pre nástroje
Možnosť
macOS
Windows
Výber
V
V
Obdĺžnik
R
R
Elipsa
E
E
Polygon
Y
Y
Čiara
L
L
Oceľové pero
P
P
Text
T
T
Plocha
A
A
Priblížiť
Aktivovať režim Priblíženia: Z
Aktivovať režim Priblíženia: Z
Pipeta
I
I
Klávesové skratky pre užívateľské rozhranie a možnosti zobrazenia
Možnosť
macOS
Windows
Prepnúť do režimu Návrhu
Opt + 1
Alt + 1
Prepnúť do režimu Prototypovania
Opt + 2
Alt + 2
Prepnúť do režimu Zdieľania
Opt + 3
Alt + 3
Priblížiť
Cmd + ,
Opt + kolečko myši
Oddialiť
Cmd + „-“
Opt + kolečko myši
Približovať výber
Cmd + 3
Ctrl + 3
Priblížiť všetko
Cmd + 0
Ctrl + 0
100 %
Cmd + 1
Ctrl + 1
200 %
Cmd + 2
Ctrl + 2
Presúvať
Medzerník
Medzerník
Prvky
Shift + Cmd + Y
Ctrl + Shift + Y
Vrstvy
Cmd + Y
Ctrl + Y
Ukázať mriežku Layoutu
Shift + Cmd + '
Shift + Ctrl + '
Ukázať mriežkové štvorčeky
Cmd + '
Ctrl + '
Režim celého obrazovky
Ctrl + Cmd + F
Nedostupné
Prepnúť medzi režimami Návrhu a Prototypovania
Ctrl + Tab
Ctrl + Tab
Prepnúť medzi oknami (súbormi)
Cmd + Tilda (~)
Nedostupné
Zmeniť hodnotu v políčku o 1 hore alebo dole
↑ resp. ↓
↑ resp. ↓
Zmeniť hodnotu v políčku o 10 hore alebo dole
Shift + ↑ resp. Shift + ↓
Shift + ↑ resp. Shift + ↓
Klávesové skratky pre ponuku „Okno“
Možnosť
macOS
Windows
Maximalizovať
Nedostupné
Windows + ↑
Minimalizovať
Cmd + M
Windows + ↓
Náhľad
Cmd + ⏎
Ctrl + Enter
Klávesové skratky pre zmeny úloh
Možnosť
macOS
Windows
Horizontálne posunutie
Shift + koliesko myši
Shift + koliesko myši
Vertikálne posunutie
Koliesko myši
Koliesko myši
Klávesové skratky pre výber a meranie vzdialeností medzi objektmi
Možnosť
macOS
Windows
Aktivovať vzdialenosti
Opt (pri vybratom objekte)
Alt (pri vybratom objekte)
Vzdialenosť od vybranej roviny
Pri podržanom tlačidle Opt viesť kurzor nad objekt/skupinu/čiaru
Pri podržanom tlačidle Alt viesť kurzor nad objekt/skupinu/čiaru
Relatívna vzdialenosť k vybranej skupine
Opt + Cmd stlačiť a viesť kurzor nad objekt v skupine
Ctrl + Alt stlačiť a viesť kurzor nad objekt v skupine
Medzerník + Kliknutie a ťahanie, ↑, ↓, →, ←, Medzerník + Kliknutie a ťahanie
Rýchlejšie posunutie
Shift + ↑, ↓, →, ←
Shift + ↑, ↓, →, ←
V režime náhľadu designové špecifikácie odobrať fokus zo skicovnej plochy
Esc
Esc
Prechádzať medzi prepojenými skicovnými plochami
Shift + Kliknutie
Shift + Kliknutie
Klávesové skratky pre úpravu vektorov
Možnosť
macOS
Windows
Začať upravovanie vybratého vektorového objektu
Enter
Enter
Ukončiť úpravu vybratého vektorového objektu
Esc
Esc
Prepnúť medzi priamymi a zrkadlenými kontrolnými bodmi
Dvojklik
Dvojklik
Rozpojiť kontrolný bodový úchop
Opt + ťah
Alt + ťah
Klávesové skratky pre vytváranie prototypov
Možnosť
macOS
Windows
Zobraziť všetky pripojenia v režime prototypovania
Cmd + A
Ctrl + A
Skryť všetky drôty
Opt
Alt
Náhľad
Cmd + Enter
Ctrl + Enter
Spustiť alebo zastaviť nahrávanie náhľadu
Cmd + Ctrl + R
Nedostupné
Ukončiť nahrávanie
Esc
Nedostupné
Prechádzať na skicovné plochy alebo zdieľaný prototyp
Šípka doprava alebo šípka doľava (→ alebo ←)
Vytvoriť nový riadok v poľu komentáru zdieľaného prototypu
Enter alebo Shift + Enter
Enter alebo Shift + Enter
Odoslať zadaný komentár v poľu komentáru zdieľaného prototypu
Cmd + Enter
Ctrl + Enter
10 najlepších tipov a trikov pre Adobe XD
Používanie opakovaní prvkov: Pri návrhu opakovateľných prvkov ako sú menu alebo tlačidlá, použite opakovania prvkov. Zmeny v jednom prvku sa automaticky prejavia na všetkých inštanciách.
Prototypovanie a interakcie: Adobe XD umožňuje vytváranie prototypov s interaktívnymi prvkami. Môžete prepojiť obrazovky, pridať prechody a vykonať testy používateľov na optimalizáciu užívateľského zážitku.
Využívanie komponentov: Vytvorte komponenty pre opakujúce sa prvky užívateľského rozhrania. Ak urobíte zmenu na komponente, aktualizuje sa vo všetkých inštanciách, čo šetrí čas a zabezpečuje konzistenciu.
Vnorené rámčeky: Organizujte svoj dizajn tým, že vnoríte rámčeky do seba. To udržiava pracovný priestor uprataný a udržiava prehľad.
Práca s pluginmi: Adobe XD podporuje pluginy, s ktorými môžete pridať ďalšie funkcie. Skontrolujte dostupné pluginy na rozšírenie svojho pracovného postupu.
Obnovenie vymazaných prvkov: Ak ste neúmyselne vymazali prvok, môžete ho obnoviť pomocou klávesovej skratky "Ctrl/Cmd + Z".
Pixelpresné zarovnávanie: Použite klávesu "Shift", aby ste pixelpresne zarovnávali prvky, keď ich ťaháte alebo škálujete.
Responzívny dizajn: Adobe XD umožňuje vytváranie dizajnov pre rôzne veľkosti obrazoviek. Použite funkciu "Responzívne zmenšovanie/veľkostná zmena", aby ste sa uistili, že váš dizajn dobre vyzerá na rôznych zariadeniach.
Komentáre a spätná väzba: Ak zdieľate svoj dizajn s ostatnými, využite možnosť komentovania Adobe XD na získanie spätných informácií a sledovanie zmien.
Naučiť sa skratky: Nakoniec je vždy dobré naučiť sa hlavné klávesové skratky, aby ste pracovali rýchlejšie. Môžete použiť štandardné skratky programu Adobe XD alebo ich prispôsobiť podľa svojich preferencií.
Stefan Petri prevádzkuje spolu so svojím bratom Matthiasom populárne odborné fórum PSD-Tutorials.de a vzdelávaciu platformu TutKit.com, ktorá kladie dôraz na rozvoj digitálnych profesionálnych kompetencií vo vzdelávaní a odbornej príprave.
