L'essentiel de Sketch

S'initier à Sketch

Testez gratuitement nos 1271 formations

pendant 10 jours !

Tester maintenant Afficher tous les abonnements
Découvrez les avantages du logiciel pour l'UI et l'UX design. Abordez la rapidité du workflow, la précision des outils et bien d'autres.
04:19

Transcription

Petit aparté de discussion théorique à propos des fonctionnalités de Sketch et de pourquoi Sketch est un logiciel puissant pour de la conception d'interfaces, mais aussi de la conception vectorielle. Je m'appuie bien sûr sur le site de Sketch, comme ça au moins j'ai toute la présentation comme eux le feraient directement, et vous pouvez voir du coup que dans un premier temps ils mettent en avant le fait que c'est un logiciel d'une précision vectorielle, car si certains ont déjà construit des interfaces dans PhotoShop, ça peut être très frustrant des fois lorsqu'on a constitué un élément qui n'est pas à la bonne taille, par exemple, trop petit, qu'il faut le grossir et que peut-être on a travaillé avec une image, et du coup ça va pixéliser, et on va devoir tout recommencer. Là du coup, dans Sketch, on est quasiment sûr et certain de ne pas avoir ce problème, car on est toujours en train de travailler sur des objets vectoriels. On va pouvoir directement dessiner avec l'outil Plume, un peu comme dans PhotoShop avec les éléments vectoriels. On va pouvoir concevoir aussi des icônes, des pictogrammes. On va pouvoir du coup être sûr que tout fonctionne bien au pixel près au niveau du positionnement. On va pouvoir zoomer sur les éléments graphiques sans que cela pixélise, vu que c'est du vectoriel. Les textes, pareil, seront nets et précis. Au niveau du coût des paramétrages des différents éléments graphiques, au lieu de mettre tout directement sur un calque, nous avons là directement un panneau avec tous les paramètres des éléments. Donc, par exemple, on peut retoucher la taille. On va pouvoir faire des modifications sur la géométrie, l'orientation, les couleurs. On va pouvoir mettre des effets directement sur les calques et pouvoir les modifier. On va pouvoir exporter directement un élément sans avoir à exporter tout un document ou même à prévoir des zones de découpe. On a juste à choisir l'élément, et puis on va pouvoir l'exporter. Donc là, on a un panneau qui est très puissant. Au niveau des autres outils, on va avoir la possibilité d'utiliser des symboles. Ça, c'est vraiment le nec plus ultra que nous propose Sketch, c'est de pouvoir avoir des éléments graphiques qui vont être réutilisables dans les documents, qui vont être modifiables et qui vont modifier les autres qui lui sont liés. On va pouvoir aussi avoir une bibliothèque d'éléments qui va être directement partagée sur le net pour bosser avec d'autres designers de votre équipe, par exemple. Donc, comme j'utilise les symboles, on va pouvoir avoir des styles aussi de calques et d'éléments graphiques, des styles de textes qu'on va pouvoir réutiliser, un petit peu comme on peut faire avec le code. On va pouvoir travailler sur des artboards, on va pouvoir avoir des grilles de travail, et puis bien entendu il y a quand même tout ce qui est prévu pour pouvoir retoucher de l'image directement dans le logiciel. Au niveau de l'export, comme vous le voyez ici, on va pouvoir exporter à des tailles différentes, parce que vu qu'on travaille sur du vectoriel, dans tous les cas, on peut choisir la taille à l'export, ce qui est super pratique pour pouvoir donner ces fichiers directement à des développeurs. Si par exemple on travaille sur une application iPhone, on va pouvoir lui sortir les images en plus grand pour travailler sur Retina. Il y a énormément de possibilités avec Sketch. Et aussi vraiment une compatibilité avec le travail avec un développeur, c'est que si vous lui donnez votre fichier Sketch, il va pouvoir directement récupérer des bouts de code à l'intérieur pour accélérer aussi son processus de conception, sans oublier aussi la dernière chose qui est très importante, pour ceux surtout qui travaillent déjà depuis un moment potentiellement sur PhotoShop à toujours faire des Commande + S ou des Ctrl + S, là, l'idée, c'est qu'il y a de l'auto sauvegarde et du versionnement de fichier, comme ça au moins, pas de risques de perdre tout le travail que l'on a fait. Aussi au niveau de la lourdeur des fichiers que l'on trouve dans Sketch, ils sont beaucoup plus légers que ceux traités avec PhotoShop. Par exemple, pour quelques vues d'applications mobiles, des fois dans PhotoShop, vu qu'il utilise énormément d'images, on va pouvoir être sur une lourdeur de fichier peut-être de 30, 40 ou même 50 mégas, alors que là dans Sketch, on va être en général 10 fois plus petit au niveau de la taille des fichiers. C'est donc très pratique pour travailler. On a aussi la possibilité avec une application iPhone de pouvoir avoir de l'aperçu en temps réel des différents artboards que l'on a dans le logiciel. C'était pour vous faire une présentation un peu globale de ce logiciel qui commence de plus en plus à prendre sa place dans les différents studios de Web, de com, mais aussi de conception d'applications, ou dans les start-ups, et une communauté aussi qui est vraiment très dynamique et qui construit régulièrement des plug-ins, des extensions, comme vous pouvez le voir ici qui vont permettre de donner plus encore de potentiel à Sketch, mais ça, je vous laisserai le découvrir par vous-même. Maintenant, on va pouvoir rentrer dans le logiciel pour aller fouiller un petit peu dans l'interface tous les outils dont on va pouvoir se servir pour construire notre belle interface d'expérience en ville.

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 !