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