UX UI Guidelines
  • BAM UX/UI Standards
  • UX Guidelines
    • Chat Bot - Messenger
    • Geoloc & permissions
    • Parrainage
    • Payment
    • Medical apointment booking
    • Splashscreen
  • [Template]
  • UI Components
    • [Component Template]
  • UI Principles
    • Spacing
    • Colors
  • Sketch Tips
    • Organiser son document
    • Manipuler les objets
    • Making Icons
    • Symbols
    • Sketch Plugins
  • Gestes UI/UX
    • Bench UI
    • Bench UX - userflow
Powered by GitBook
On this page
  • Insérer des objets
  • Raccourcis
  • Positionnement
  • Bonnes pratiques
  • Raccourcis
  • Dimensionnement
  • Bonnes pratiques
  • Raccourcis
  • Edition
  • Bonnes pratiques
  • Raccourcis
  1. Sketch Tips

Manipuler les objets

PreviousOrganiser son documentNextMaking Icons

Last updated 7 years ago

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

  • 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

marges