Le 14 septembre 2017, nous avons publié une version actualisée de notre Politique de confidentialité. En utilisant video2brain.com vous vous engagez à respecter ces documents mis à jour. Veuillez donc prendre quelques minutes pour les consulter.

L'essentiel de Sketch

Récupérer des éléments standards

TESTEZ LINKEDIN LEARNING GRATUITEMENT ET SANS ENGAGEMENT

Tester maintenant Afficher tous les abonnements
Des éléments standards d'interface peuvent être normalisés. Vous allez voir comment les reprendre pour les exploiter par la suite.
03:13

Transcription

Avant de continuer pour vraiment mettre en forme de manière très propre et précise au pixel notre interface, on va se faire une petite pause, et on va revenir sur notre exemple pour voir comment faire ce bloc-là. Vous allez me dire, c'est encore de la conception, on va devoir positionner des éléments, les aligner. Ça va être un petit peu long pour un élément qui est utilisé de partout, sur tous les appareils iOS, et tous les designers utilisent le même élément. Pourquoi est-ce que je vais devoir le refaire ? Eh bien, du coup, je vais vous dire, on ne va pas le refaire, parce que Sketch, en plus de ça, nous prévoit tout ce qu'il faut. Donc, on va revenir sur notre board et on va monter dans notre petit menu. Là-dedans, nous allons faire New From Template, et là, on va pouvoir voir que Sketch prévoit déjà une sorte de base de données d'éléments qui sont prévus spécialement pour les designers, et vous avez ici iOS UI Design que vous pouvez choisir. Là, ça vous annonce, en général, quand vous voulez ouvrir fichier, que vous n'en avez pas sur votre ordinateur, les polices San Francisco, les polices standard Apple, c'est normal, car ce sont des polices qui se récupère lorsque vous avez un compte développeur chez Apple. Donc là, ce que vous faites, vous faites juste Open et si vous n'éditez aucun des textes, il n'y aura aucun souci. Vous allez juste pouvoir les récupérer et les positionner dans votre design. Vous remarquerez que là vous avez donc tous les éléments que peut comporter le système d'exploitation d'Apple. Et vous avez la possibilité de récupérer directement la barre qui vous intéresse. Donc, on va récupérer la première. Pour ce faire, on va faire un petit Copier. Ensuite, on va pouvoir fermer cette fenêtre, car on n'en a plus besoin. Donc, soit on clique sur le petit X en haut pour fermer la fenêtre, soit on fait un Commande + W. On revient du coup sur notre board de travail, clic droit + Coller. On a récupéré l'élément qu'on va pouvoir positionner grâce aux petits éléments de Sketch tout en haut, et on va pouvoir l'ajuster aussi pour notre prototype à nous, un peu comme j'avais ajusté ici, avec au niveau, pareil, c'est un symbole aussi. Donc, on peut entrer dedans, et on va ajuster au niveau de la date, vu qu'on est sur un travail qui est en français, on va mettre une date, qui est ajustée au français. Et puis là, au lieu d'appeler ça Sketch, eh bien, j'ai envie d'appeler ça... Tuto, et je vais donc positionner... mon élément ici pour que ça colle bien. Là, du coup, ma barre est utilisée. Ça, c'est vraiment un point qui est très important dans le travail du designer. C'est qu'en effet lorsqu'une interface comme ça est personnalisée et qu'il y a vraiment une logique de conception, une originalité d'innovation, au niveau du design, on le fait nous-même en se servant d'inspiration, en créant derrière vraiment la valeur ajoutée par rapport au design. Mais par contre, pour les choses qui sont standard, je vous invite fortement à vraiment les récupérer directement. On a beaucoup de banques de données disponibles sur le net, et puis Sketch, comme vous l'avez vu prévoit déjà des choses, comme justement les artboards que vous pouvez intégrer aux bonnes tailles, des éléments graphiques pour iOS, mais aussi pour Android. Donc, il n'y a aucun souci. N'hésitez pas à récupérer tous ces éléments avant de le recréer et du coup de perdre énormément de temps dans votre processus. Donc là, maintenant, on va pouvoir passer vraiment sur le peaufinage, plus en détail, de tous ces éléments graphiques, pour avoir un rendu très proche du final.

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
Votre/vos formateur(s) :
Date de parution :7 déc. 2016
Durée :1h53 (25 vidéos)

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 !