L'essentiel de Sketch

Préparer son document de travail

Testez gratuitement nos 1257 formations

pendant 10 jours !

Tester maintenant Afficher tous les abonnements
Voyez comment mettre en place votre document de travail. Prenez en main l'artboard et pensez à sauvegarder vos travaux.
03:45

Transcription

Eh bien, c'est parti pour la création de notre espace de travail bien confort. Donc, à chaque fois, vous verrez pendant ce tutoriel, on va toujours avoir les vues que j'ai réalisées comme modèles et on va en parallèle construire la même chose juste en dessous. Alors déjà, comment est-ce que j'ai pu avoir deux vues d'iPhone 7 aux bonnes tailles, tout bien préparées ? Eh bien, très simplement, en fait, j'ai créé des artboards. Pour créer des artboards, il suffit de cliquer ici sur Insert, là où on a accès à tous les outils, et on a l'outil Artboard. Vous pouvez aussi le faire avec le raccourci A du clavier. Vous cliquez sur Artboard, et là, soit vous dessinez votre artboard vous-même, qui prendra donc une taille aléatoire, et ensuite en cliquant sur l'artboard, vous aurez la possibilité de modifier ses dimensions, sinon Sketch prévoit quelque chose de très pratique. Donc là, je vais faire un petit Suppr., qui est la possibilité de directement choisir ici des templates de base. Donc là, vu qu'on veut travailler sur un modèle standard, donc pour iPhone 7, il suffit du coup de cliquer sur iPhone 7, et ça vous rajoute l'artboard juste à côté. À chaque fois, ça reste bien organisé de manière linéaire parce que c'est prévu que l'on puisse travailler avec beaucoup de vues, et puis la logique est que, de gauche à droite, on avance dans le scénario de navigation de l'application. Donc là, ce qu'on va faire, vu que l'on n'est pas dans un scénario de navigation, mais plus sur du recopiage d'éléments graphiques inspirant juste au-dessus. Eh bien, on va sélectionner notre artboard, et puis on va la déplacer. Et là, on va se rendre compte d'un des trucs super cool de Sketch, c'est qu'à chaque fois toutes les formes sont toujours réfléchies pour pouvoir s'aligner, et puis on a de petits aimants qui nous permettent de poser parfaitement nos éléments. Donc là, par exemple, je vais avoir envie de le déposer juste en dessous, là, et puis à 90 pixels. Et si je veux une autre artboard, au lieu de repasser par Création de artboard, je peux juste me mettre sur mon artboard, et puis je vais taper Commande + D qui sert à dupliquer un élément. Et Commande + D duplique l'élément, et puis il le duplique de manière à l'aligner avec celui qu'il y a au-dessus. Donc là, très rapidement, on se retrouve à avoir nos deux artboards qu'on va bien sûr renommer, histoire d'être cohérent. Donc là, iPhone 7, on la retrouve ici, notre artboard. On double clique, et on peut appeler ça « liste expérience... ... exercice ». Et puis juste à côté, on va pouvoir la renommer « simple experience exercice ». Là du coup, maintenant, on a une bonne base pour pouvoir commencer à créer des éléments graphiques directement sur notre artboard. Bien entendu, première chose à faire pour être top confort, ça va être de sauvegarder son fichier. Alors, comment ça se passe ? C'est très simple. Comme avec la plupart des logiciels, vous allez dans Fichier et vous pouvez faire Sauvegarder, ici. Alors pour moi, le fichier existe déjà, donc du coup, il a été sauvegardé directement là où je l'avais positionné, mais si jamais vous cliquez sur Sauvegarder, ça va vous proposer le chemin où vous voulez ranger votre fichier. Et autre chose très importante, vous pouvez aussi dupliquer votre fichier si vous voulez en faire une version temporaire, mais dans Sketch, il n'y a pas forcément besoin d'avoir une version temporaire parce qu'il y a directement du versionnement qui est juste ici, et là on le voit, vous pouvez naviguer sur toutes les versions qui ont déjà été ouvertes, sinon vous pouvez voir les dernières versions qui ont été ouvertes. Si je clique sur Browse all versions, ça nous met un petit peu comme à l'habitude dans OS X toutes les différentes versions que l'on a de notre fichier et sur lesquelles on a travaillé. Ensuite, on peut faire, soit Restaurer, sinon on fait Done pour revenir en arrière et garder notre fichier de travail actuel. Maintenant qu'on a notre fichier qui est sauvegardé et nos artboards qui sont prêtes, on va pouvoir commencer à créer des éléments graphiques directement dessus.

L'essentiel de Sketch

Concevez des interfaces utilisateur applicatives pour les mobiles et pour le web avec Sketch. Créez des éléments d'interface, du simple bouton au pictogramme plus complexe, etc.

1h53 (25 vidéos)
Aucun commentaire n´est disponible actuellement
 
Logiciel :
Spécial abonnés
Date de parution :7 déc. 2016

Votre formation est disponible en ligne avec option de téléchargement. Bonne nouvelle : vous ne devez pas choisir entre les deux. Dès que vous achetez une formation, vous disposez des deux options de consultation !

Le téléchargement vous permet de consulter la formation hors ligne et offre une interface plus conviviale. Si vous travaillez sur différents ordinateurs ou que vous ne voulez pas regarder la formation en une seule fois, connectez-vous sur cette page pour consulter en ligne les vidéos de la formation. Nous vous souhaitons un excellent apprentissage avec cette formation vidéo.

N'hésitez pas à nous contacter si vous avez des questions !