Manipuler les objets
Insérer des objets
Raccourcis
Action
Raccourcis
Insérer un rectangle
R
Insérer un oval
O
Insérer un artboard
A
Insérer une ligne
L
Insérer du texte
T
Positionnement
Bonnes pratiques
DOs
Placer des guides pour les marges de page globales
Avoir et connaître sa grille de marges
Bien positionner son élément immédiatement
DON'Ts
Placer les éléments à l'oeil uniquement
Placer les éléments sur des fractions de pixels (19,34...)
Raccourcis
Action
Raccourcis
Déplacer la sélection de 1pt dans une direction
← → ↑ ↓
Déplacer la sélection de 10pt dans une direction
shift + ← → ↑ ↓
Toggle affichage des guides
ctrl + R
Mesurer la distance entre un élément sélectionné et un autre élément
hold alt + hover sur l'élément
Sélectionner un élément dans un groupe (sans ouvrir le groupe)
cmd + click
Garder un alignement au déplacement
shift + déplacement
Dimensionnement
Bonnes pratiques
DOs
Dimensionner les éléments sur la même grille que la grille de marges
Mettre les éléments à la bonne dimension dès qu'ils sont placés
TIPS :
On peut facilement redimensionner les éléments en faisant des calculs simples (+ - * / %) dans les inputs de l'inspecteur
DON'Ts
Dimensionner les éléments à l'oeil uniquement
Raccourcis
Action
Raccourcis
Redimensionner un élément en gardant les proportions
shift + click & drag
Redimensionner un élément sélectionné d'1pt
cmd + ← → ↑ ↓
Redimensionner un élément sélectionné de 10pt
shift + cmd + ← → ↑ ↓
Focus le premier input dans l'inspecteur pour une élément sélectionné
alt + tab
Passer au prochain input dans l'inspecteur
tab
Edition
Bonnes pratiques
DOs
Utiliser des layer styles pour des styles qui se répètent souvent comme les ombres et les dégradés
Ajouter toutes les couleurs du Styleguide dans les couleurs de document
TIPS :
Edit > Find and Replace Color pour remplacer une couleur par une autre partout dans le fichier Sketch
Raccourcis
Action
Raccourcis
Toggle les bordures d'un objet
B
Toggle le fill d'un objet
F
Utiliser le color picker pour l'objet sélectionné
ctrl + C
Last updated