Instructions sur lutilisation du prototypage dans Sketch

Avec le prototypage dans Sketch , vous pouvez prévisualiser les conceptions avec des interactions vives. Pour utiliser la fonction de prototypage de Sketch, vous devez utiliser Artboard dans un document.

C'est formidable que l'éditeur ait inclus le didacticiel sur le prototypage dans l'onglet Modèles de la fenêtre Documents de Sketch for Mac. En outre, vous pouvez vous référer aux instructions ci-dessous pour utiliser immédiatement le logiciel de conception graphique Prototyping in Sketch.

Ajouter un lien

Le moyen le plus rapide pour créer un prototype est d'ajouter un lien entre les deux plans de travail. Vous pouvez ajouter des liens depuis n'importe quelle couche vers n'importe quel plan de travail.

Pour ajouter un lien, sélectionnez le calque> cliquez sur à +côté de Prototypage dans l'inspecteur (ou cliquez sur W), puis cliquez sur la planche graphique que vous souhaitez lier au calque.

Instructions sur lutilisation du prototypage dans Sketch

Comment modifier le lien

Dans l'inspecteur, vous pouvez choisir la façon de transférer un lien qui ressemblera via les boutons d' animation et modifier le lien qui vous amène à Artboard à l'aide du menu déroulant Cible .

Instructions sur lutilisation du prototypage dans Sketch

Sélectionnez « Plan de travail précédent » dans le menu Cible pour demander à Sketch de renvoyer le plan de travail dont vous prévisualisez la planche à dessin actuelle. Cette fonctionnalité est extrêmement utile lorsque vous disposez de plusieurs liens menant à un plan de travail.

Comment supprimer un lien

Choisissez Prototypage> Supprimer les liens de la sélection , définissez la cible du lien sur Aucun  ou cliquez sur l'icône de la corbeille dans la section Prototypage de l'inspecteur pour déplacer un lien.

Ajouter un hotspot

Hotspot vous donne plus de contrôle que Link et est utile lorsque vous souhaitez créer une zone cliquable plus grande qu'un calque séparé.

Pour ajouter un Hotspot, sélectionnez Insérer> Hotspot (ou cliquez sur H), puis cliquez et faites glisser pour dessiner la zone Hotspot. Ensuite, cliquez sur le plan de travail que vous souhaitez lier à Hotspot.

Instructions sur lutilisation du prototypage dans Sketch

Vous pouvez modifier l'animation du point d'accès et du plan de travail cible, dans l'inspecteur, comme vous le pouvez avec Link.

Comment transformer un lien en un hotspot

Sélectionnez un lien et cliquez sur l'icône " Créer un hotspot " dans l'inspecteur pour le transformer en hotspot.

Comment fixer l'emplacement d'un Hotspot

Sélectionnez Hotspot, puis cochez la case Fix position when scrolling dans l'inspecteur pour fixer sa position sur le canevas même le reste de la page de défilement des calques.

Instructions sur lutilisation du prototypage dans Sketch

Comment utiliser Hotspot avec Symbol

Si vous utilisez un hotspot dans le cadre d'un symbole, vous pouvez réutiliser ce symbole mais écraser chaque cible de hotspot. Vous pouvez également remplacer l'objectif du Hotspot par Aucun si vous ne souhaitez pas créer de lien vers un autre plan de travail.

Comment masquer le lien et le hotspot

Sélectionnez Affichage> Afficher le prototypage (ou appuyez sur Ctrl+ F) pour masquer les chemins d'accès représentant différents lien de prototypage et point d'accès. Vous pouvez également changer la couleur dans le canevas dans Préférences .

Créer des éléments fixes

Pour créer un élément permanent, sélectionnez le calque ou le Hotspot et cochez Fix position lors du défilement dans la section Prototypage d'Inspector. Vous pouvez également sélectionner Prototypage ›Fixer la position du calque lors du défilement dans le menu.

Par exemple, cela est utile lorsque vous souhaitez figer une rangée d'onglets sous la conception de l'application ou avoir un bouton flottant sur le Web.

Comment créer un plan de travail déroulant

Si vous souhaitez créer un prototype avec des éléments de défilement, vous devez choisir un préréglage de plan de travail ou créer un préréglage personnalisé et régler sa hauteur. Sans utiliser le préréglage et dessiner un plan de travail personnalisé, votre prototype ne défilera pas et n'apparaîtra pas dans l'état réduit de l'application, sur Sketch Cloud et Sketch Mirror.

Pour créer un prototype déroulant à partir d'un préréglage de plan de travail, choisissez votre préréglage et modifiez sa hauteur sur la toile. Lorsque vous effectuez cette opération, le nom prédéfini dans l'inspecteur change pour inclure le mot redimensionné .

Pour créer un préréglage de taille personnalisée pour le plan de travail, sélectionnez Créer une taille personnalisée en bas de l'inspecteur. Confirmez la taille et le nom de votre planche graphique, puis modifiez sa hauteur sur la toile. Comme d'autres préréglages réguliers, son nom dans l'inspecteur changera pour inclure le mot redimensionné .

Utilisez le point de départ

Le point de départ vous permet de sélectionner le plan de travail que le prototype démarre lors de sa prévisualisation. Pour définir un point de départ, ouvrez le prototype dans la fenêtre d' aperçu , sélectionnez Plan de travail dans le menu déroulant et cliquez sur le bouton indicateur à côté.

Chaque fois que vous prévisualisez le prototype, vous commencerez toujours avec le plan de travail sélectionné comme point de départ. Pour supprimer un point de départ, sélectionnez ce plan de travail dans la fenêtre Aperçu et cliquez à nouveau sur le bouton indicateur.

Définir plusieurs points de départ

Vous pouvez placer plusieurs points de départ pour guider les utilisateurs à travers différents aspects de conceptions plus complexes (par exemple, les processus d'enregistrement et de configuration utilisateur). Chaque fois que vous placez un nouveau point de départ, il apparaîtra comme un autre prototype dans le même document dans Sketch Cloud.

Aperçu du prototype

Il existe 3 façons de prévisualiser le prototype - dans l'application Sketch, sur un appareil iOS à l'aide de Sketch Mirror ou dans Sketch Cloud où vous pouvez partager des prototypes avec d'autres.

Comment prévisualiser un prototype dans une application Mac

Pour prévisualiser votre travail dans l'application Esquisse, cliquez sur le bouton Aperçu dans la barre d'outils. Si vous avez défini un point de départ, votre prototype commencera ici. Sinon, il commencera à partir du plan de travail actuellement sélectionné.

Instructions sur lutilisation du prototypage dans Sketch
  1. Cliquez n'importe où dans la fenêtre d'aperçu pour voir les cibles qui se touchent . Ils vous indiquent où Link et Hotspot se trouvent sur le plan de travail actuel.
  2. Le bouton Retour vous ramène à l'étape précédente du plan de travail du prototype.
  3. Le menu déroulant Plan de travail vous permet de vous déplacer rapidement entre différents plans de travail.
  4. L'icône de drapeau qui définit le plan de travail que vous visualisez actuellement comme point de départ.

Comment prévisualiser un prototype dans Sketch Cloud

Lorsque vous ouvrez un document dans Sketch Cloud, vous verrez que chaque prototype qu'il contient se trouve dans la partie supérieure de la fenêtre de présentation du document. Cliquez sur l'image miniature du prototype pour l'ouvrir et la prévisualiser dans le navigateur.

Comme la fenêtre d'aperçu sur une application Mac, cliquer n'importe où sur l'écran mettra en surbrillance n'importe quel point d'accès ou lien. Pour revenir d'une étape au plan de travail précédent, cliquez sur le bouton Précédent dans le navigateur.

Si des commentaires ont été activés sur le document, toute personne qui affiche votre prototype peut choisir Afficher le plan de travail au bas de la fenêtre pour quitter le prototype et entrer dans la fenêtre de vue statique de ce plan de travail. Ici, vous pouvez laisser un commentaire dans la barre latérale. Pour fermer Prototype et revenir à l'aperçu du document, sélectionnez Fermer .

Comment prévisualiser un prototype dans Sketch Mirror

Ouvrez l'application Sketch Mirror sur votre appareil iOS et connectez-vous via USB ou Wi-Fi, puis cliquez sur la notification dans le coin supérieur de la fenêtre de l'application Sketch pour vous connecter.

Instructions sur lutilisation du prototypage dans Sketch

Dans Sketch Mirror, touchez un plan de travail pour commencer à prévisualiser votre prototype. Ici, vous pouvez toucher le lien et le point d'accès pour naviguer dans le prototype ou faire glisser un plan de travail vers le bas pour le fermer.

Ci-dessus est un guide sur la façon d'utiliser les fonctionnalités de prototypage dans l' esquisse la plus simple. J'espère que l'article vous sera utile.

Sign up and earn $1000 a day ⋙

Comment fusionner facilement deux visages avec plusieurs outils différents

Comment fusionner facilement deux visages avec plusieurs outils différents

Fusionner deux visages complètement différents à partir de photographies est toujours une excellente façon de s'amuser. Mélanger deux images distinctes pour créer un tout nouveau look a

Comment utiliser la mise en page automatique dans Figma

Comment utiliser la mise en page automatique dans Figma

Auto Layout est un outil essentiel pour chaque concepteur et utilisateur de Figma. Cette fonctionnalité vous permet d'apporter des modifications telles que le redimensionnement ou le repositionnement des cadres et

Sonnette contre sonnerie. Nid

Sonnette contre sonnerie. Nid

Les deux principaux choix de sonnette vidéo sont la Ring Doorbell et la Nest Doorbell. Les deux ont une application qui vous permet de voir qui est à votre porte sur un téléphone

Comment réparer une installation de VLC qui continue de planter

Comment réparer une installation de VLC qui continue de planter

Les développeurs de VLC empêchent le VLC Media Player de planter. Cependant, l’application n’a pas atteint un niveau où elle est à l’abri des problèmes de plantage.

Tag Heuer Connected est la réponse de Google à lApple Watch

Tag Heuer Connected est la réponse de Google à lApple Watch

L'horloger TAG Heuer a enfin levé le rideau sur sa montre intelligente fonctionnant sous Android Wear, devenant ainsi le premier horloger traditionnel à créer une

La DARPA construit lhélicoptère du futur

La DARPA construit lhélicoptère du futur

La plus grande société de recherche militaire américaine, DARPA, utilise des jambes robotiques pliables et autonomes pour transformer les hélicoptères en un outil inestimable pour les opérations délicates.

Lordinateur portable convertible complet

Lordinateur portable convertible complet

Le monde des affaires moderne a fondamentalement changé par rapport à ce qu’il était il y a dix ou vingt ans. Regarder n’importe quelle entreprise vous le dira. Travail flexible

Les meilleurs emplois de villageois Minecraft

Les meilleurs emplois de villageois Minecraft

Les villages Minecraft créent un répit dans la vie habituellement solitaire de collecte et d'artisanat du jeu. Mieux encore, les PNJ d'une ville ont des emplois, ce qui

Comment ajouter une photo au cadre dans Canva

Comment ajouter une photo au cadre dans Canva

Les cadres sont des outils intégrés à Canva qui contribuent à améliorer l'attrait visuel de l'image. Ils vous permettent d'incorporer des couleurs, des effets et des styles à vos photos.

Comment ajouter une sonnerie à un iPhone sans iTunes

Comment ajouter une sonnerie à un iPhone sans iTunes

Si vous possédez un iPhone mais pas iTunes, vous aurez peut-être du mal à définir la sonnerie de votre choix. Apple propose une sélection de chansons prédéfinies, mais

Comment ajouter un logo à votre entreprise sur LinkedIn

Comment ajouter un logo à votre entreprise sur LinkedIn

Sur LinkedIn, le logo d'une entreprise est important car il vous aide à faire forte impression, ce qui est essentiel pour susciter l'intérêt de votre public cible.

Comment trouver une cellule de référence circulaire dans Excel

Comment trouver une cellule de référence circulaire dans Excel

Les cellules de référence circulaires sont un problème Excel courant, rencontré quotidiennement par d’innombrables utilisateurs. Ils se produisent lorsqu'une formule dans une cellule fait référence à

Comment enregistrer des pistes audio séparées dans OBS

Comment enregistrer des pistes audio séparées dans OBS

Une fonctionnalité qui se démarque dans OBS (Open Broadcaster Software) est l'enregistrement de pistes audio séparées. Cela donne aux streamers, aux créateurs de contenu et à tous ceux qui

Facebook Live peut-il être diffusé en privé ?

Facebook Live peut-il être diffusé en privé ?

Facebook Live est un outil génial qui vous permet de diffuser vos vidéos en direct avec peu d'effort. Tout le monde l'utilise, des utilisateurs individuels aux pages de grande envergure.

Comment rejoindre une chaîne dans Discord

Comment rejoindre une chaîne dans Discord

https://www.youtube.com/watch?v=ptR9NfE8FVw Les chaînes Discord sont ce qui rend l'application Discord divertissante. Que ce soit une chaîne de texte pleine de mèmes

Comment gagner de largent et être payé avec les bobines Instagram

Comment gagner de largent et être payé avec les bobines Instagram

Depuis qu’Instagram a introduit les Reels pour la première fois en 2020, ils sont devenus une fonctionnalité préférée de cette application. Ces courtes vidéos destinées à prendre le relais

Comment rendre un arrière-plan transparent dans Illustrator

Comment rendre un arrière-plan transparent dans Illustrator

L’arrière-plan fait partie intégrante de vos projets Illustrator. Par défaut, le programme enregistre vos créations avec un fond blanc, ce qui pourrait ne pas être le cas.

Comment regarder Disney Plus dans un autre pays

Comment regarder Disney Plus dans un autre pays

Disney est une sensation américaine appréciée dans le monde entier. Des films aux émissions de télévision en passant par les parcs à thème, la société emblématique a conquis avec succès le

Siri-Ous Business : comment les assistants virtuels deviennent progressivement inestimables

Siri-Ous Business : comment les assistants virtuels deviennent progressivement inestimables

Je n'utilise pas d'assistants virtuels. Au fond, peut-être, je suis sceptique quant à ma capacité à mériter un assistant, virtuel ou autre, ou peut-être que c'est

Zuckerberg ne peut pas admettre sa candidature pour 2020 car cest mauvais pour les affaires

Zuckerberg ne peut pas admettre sa candidature pour 2020 car cest mauvais pour les affaires

Un sondage est sorti aujourd’hui et ne vous surprendra probablement pas trop. Il semble que si des élections avaient lieu demain plutôt qu'en 2020 comme le veut la tradition