Share
Sketch est une application graphique pour les concepteurs, qui se prête très bien au monde de la conception Web. Si vous débutez dans ce logiciel, vous n’êtes peut-être pas au courant de certaines astuces cachées sous Sketch. Aujourd'hui, j'aimerais vous présenter quelques astuces pour accélérer votre processus de conception..
L'année dernière, Sketch a reçu une nouvelle couche de peinture avec la version 2 et, depuis lors, de plus en plus de concepteurs s'y sont tournés. Sa simplicité le rend sans doute plus intuitif que Photoshop (qui, rappelons-le, avait été conçu à l'origine pour l'édition et le traitement d'images), alors que ses outils vectoriels sont plus que capables d'assumer Illustrator. Sketch n'est pas un outil d'édition de bitmap. Il comporte un aperçu en pixels, mais est conçu pour vous aider à concevoir des interfaces et des icônes..
Très récemment, Tisho Georgiev a publié un excellent plugin pour Sketch. Appelé Symboles, il nous permet d’imiter les objets intelligents. une fonctionnalité que Sketch ne supporte pas actuellement.
Les objets intelligents vous permettent d’avoir plusieurs instances d’un même objet dans votre document. En éditant l’un des objets intelligents, puis en appuyant sur CMD + E, vous verrez ces changements effectués dans toutes les instances.
Sketch prend en charge de nombreux raccourcis clavier. Un tel exemple est pour "Smart Guides".
En saisissant un objet puis en appuyant sur ALT (ou OPTION), les Smart Guides s'afficheront, soulignant la distance entre l'objet sélectionné et les bords du document. Si vous souhaitez vérifier la distance entre l'objet sélectionné et un autre objet, survolez simplement l'objet souhaité et les guides intelligents s'ajusteront..
Créer une grille est simple, mais cela peut être encore plus facile et plus propre avec Sketch!
Sketch dispose d'une fonctionnalité, simplement appelée "Créer une grille". Cliquez sur les quatre cases de la sous-barre d’outils (en haut à droite de l’image) pour afficher un menu contextuel dans lequel vous pourrez définir le nombre de lignes et le nombre de colonnes dans lesquelles vous souhaitez organiser les objets.
Si vous souhaitez définir spécifiquement la zone autour de chaque objet, ainsi que l’espacement entre eux, vous pouvez sélectionner la En boîte option.
Si vous utilisez Planches à dessin (Sketch a un canevas infini par défaut), il est utile d’utiliser les préconfigurations Artboard. Lorsque vous cliquez sur le bouton Tableau de bord de la barre d’outils, vous aurez la possibilité de sélectionner des préréglages à partir de la sous-barre d’outils..
Les préréglages vous permettent d’organiser votre travail en utilisant des dimensions prédéfinies. Par exemple, vous pouvez créer un document avec une gamme de plans de travail afin de ne pas avoir à vous rappeler toutes les tailles de favicon nécessaires de nos jours.!
Sketch est capable de créer un nouveau fichier directement à partir d'un modèle, via l'élément de menu Fichier> Nouveau à partir d'un modèle, mais vous pouvez également enregistrer un fichier actuel en tant que modèle pour démarrer chaque projet à partir de votre étape actuelle. Aller à Fichier> Enregistrer comme modèle pour faire ça.
Cela peut être très utile, par exemple, lors de la conception pour iOS. Vous pouvez créer un fichier avec la barre d'état et la barre de navigation, puis l'enregistrer en tant que modèle afin de pouvoir l'utiliser ultérieurement dans les projets iOS à venir..
Comme mentionné précédemment, Sketch propose de nombreux raccourcis. Jetez un coup d'œil à Sketch Shortcuts de Robert van Klinken et Jeffrey de Groot. Il présente (presque) tous les raccourcis proposés par Sketch.
Vous pouvez également créer vos propres raccourcis via les préférences système d'OS X - dont des exemples sont présentés au bas de la page Raccourcis d'esquisse..
Pour choisir facilement une couleur de n’importe où sur votre écran, appuyez simplement sur CTRL + C. Une loupe s'ouvrira pour vous aider à choisir exactement la couleur que vous visez. Vraiment simple. Vraiment efficace.
Permettez-moi de vous montrer rapidement la meilleure fonctionnalité de Sketch. Cela vous aide à obtenir des pixels à la perfection positionné dans votre conception.
Si, par exemple, vous avez un calque contenant des fractions de pixels en largeur ou en hauteur ou dont le positionnement n'est pas très correct, vous risquez généralement (dans d'autres logiciels graphiques) d'avoir mal à la tête en réparant les pixels brisés pour atteindre une perfection nette. Dans Sketch, cliquez sur Édition> Arrondir au bord de pixels le plus proche (ou créez un raccourci personnalisé pour cela) et le calque entier sera nettoyé.
Vous devrez peut-être utiliser cette fonctionnalité après avoir importé des icônes dans un fichier d'esquisse, assurez-vous de les arrondir au bord de pixels le plus proche pour vous assurer qu'elles sont parfaitement parfaites..
Remarque: Si vous concevez en @ 2x (pour les écrans à haute densité de pixels) et exportez en @ 1x, sachez que chaque position de pixel doit être divisible par deux, sinon vous ferez une nouvelle scission de pixels et le calque sera flou dans votre @. 1x résultat.
Notez à nouveau: Consultez l'article de Meng To pour en savoir plus sur la perfection des pixels.
L'exportation est une fonctionnalité intéressante qui sort de la boîte avec Sketch. Il suffit d'aller à Fichier> Exporter et dessinez autant de tranches que vous avez besoin. Vous pouvez également exporter en tant que @ 2x, si vous avez conçu @ 1x, et inversement.
Sketch offre encore plus de contrôle de découpage. Avec l'item de menu Fichier> Ajouter une tranche à partir de la sélection vous pouvez sélectionner un calque que vous avez récemment créé, puis cliquez sur cet élément pour obtenir une tranche exactement de la taille de la sélection.
De nombreuses fonctionnalités, extensions et workflows utiles sont disponibles pour Sketch. Utilisez les conseils mentionnés ci-dessus pour améliorer votre flux de travail et faites-nous savoir vos propres suggestions dans les commentaires.!
Accentsconagua