L'essentiel de Sketch

Exporter son document

Testez gratuitement nos 1304 formations

pendant 10 jours !

Tester maintenant Afficher tous les abonnements
Apprenez à gérer l'export de votre document Sketch. Voyez différents moyens permettant de gérer l'export des éléments.
03:32

Transcription

Maintenant que nous avons terminé la préparation de notre document, que nous l'avons bien renommé et bien rangé pour qu'il puisse être collaboratif et qu'on puisse le réutiliser n'importe quand, on va pouvoir gérer une présentation potentielle à un client ou on va pouvoir simplement exporter les différentes vues pour y basculer dans un logiciel de prototypage, ou encore sortir seulement des éléments graphiques qui vont pouvoir servir aux développeurs derrière pour le développement de l'application. Alors, comment ça se passe dans Sketch pour les exports ? Je vais vous montrer, c'est toujours très simple, et c'est ça qui est vraiment agréable. Vous avez juste à sélectionner votre artboard. Par exemple, on va commencer par celle-là et la rendre exportable juste ici en cliquant sur le petit plus. Vous allez pouvoir choisir de l'exporter, soit avec la couleur de l'artboard de fond, soit sans cette couleur. Là, vu que c'est une vue complète, une image, on n'a pas besoin d'avoir de la transparence, on veut avoir ce fond pour avoir le même rendu qu'ici, et puis on est dans cette résolution-là, et nous, ce que l'on veut, c'est une résolution Retina pour que ça puisse rendre propre sur un rendu d'iPhone 7. On va donc pouvoir choisir une taille qui est le double et exporter une taille qui est le double. Là, vous allez me dire que le problème c'est qu'on risque de pixéliser les éléments, et là, je vous dirai non parce que la plupart des éléments que nous avons utilisés sont des éléments vectoriels. Les textes sont vectoriels, et après les photos, on a volontairement pris les photos plus grandes pour que même si on exporte en x2, il n'y ait pas de problème de pixélisation. Ensuite, pour gérer l'export, vous avez juste à cliquer sur Export ici. J'ai choisi d'être sur le bureau et je sauvegarde. Bien entendu, il y a un moyen encore plus simple pour exporter, et on va le voir tout de suite. Vous avez juste à sélectionner votre aperçu ici, le glisser sur votre bureau, lâcher et c'est exporté, voilà, rien de plus simple. Et ce sera exporté avec les paramétrages que vous avez sélectionnés ici. Ensuite, si vous travaillez avec un développeur, et qu'il vous demande de lui sortir, par exemple, cet élément avatar. Eh bien, ça va être pareil, vous allez pouvoir cliquer sur le plus, sélectionner 2x, rester en png pour avoir la transparence, et là vous allez simplement exporter l'avatar sur votre bureau. Si vous êtes encore dans le processus de création et que vous ne voulez pas vraiment sortir les images de manière définitive et voulez juste avoir, par exemple, du feed-back de la personne avec laquelle vous travaillez, par exemple, pour ce bouton-là. Eh bien, vous pouvez sans les rendre exportables, tout simplement, sélectionner le calque ou le groupe, ou le symbole et le glisser sur votre bureau, et ça vous sortira une png transparente que vous pouvez montrer. Et si vous avez beaucoup d'artboards, parce que là, on n'en a que quatre, mais si vous travaillez sur une application complète ou vous avez une trentaine d'artboards, vous n'allez pas faire l'export de chacune, l'une après l'autre. Donc, ce que vous pouvez faire, c'est les sélectionner… … par contre, on va le faire une à une, comme ça, vous comprendrez bien. Je la rends exportable, et je la paramètre avec le background... en couleurs. Celle-là est déjà exportable, celle-là, je la rends exportable aussi en x2 avec le background, et celle-là aussi. Ensuite, quand vous avez rendu toutes vos artboards exportables, vous avez juste à cliquer sur ce bouton-là, Export, qui va vous proposer tous les éléments qui ont été rendus exportables. Dans ce cas, vous pouvez tout cocher, et puis bien sûr, vu qu'on avait rendu exportable le petit avatar, ça le propose, et vous pouvez aussi le désélectionner pour n'avoir que vos vues, et vous cliquez sur export, vous sélectionnez votre bureau, Export, et si on vient sur le bureau, vous allez avoir tout exporté, bien propre.

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 :
Sketch Sketch 41
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 !