Nous mettrons à jour notre Politique de confidentialité prochainement. En voici un aperçu.

L'essentiel de Sketch

Régler les paramètres de partage

Testez gratuitement nos 1341 formations

pendant 10 jours !

Tester maintenant Afficher tous les abonnements
Utilisez les styles de forme et de texte et gagnez en productivité. Apprenez ici à paramétrer vos styles.
04:45

Transcription

Suite à la découverte des symboles, je suis sûr que vous êtes complètement fan de ce logiciel, mais je tenais à vous dire qu'il vous manque encore un autre petit élément qui est très intéressant et très important à utiliser. Comme vous voyez sur mon document exemple, nous avons une couleur, la couleur verte qui va être partagée un petit peu de partout et qui correspond à la couleur de la charte. Ici, en bas, vous remarquerez que je ne suis pas cohérent. J'ai choisi d'utiliser une nouvelle couleur ici, ou potentiellement, je ne sais pas, un client m'aurait dit de changer la couleur ici. Vu que les couleurs ne sont pas liées, elles ne changent pas là. Alors, du coup, comment faire ? Je vais rentrer ici. Je vais rentrer sur cette forme, donc mon rectangle de forme avec cette couleur. Et là, je vais pouvoir, soit rejoindre une des couleurs qui est déjà partagée, vu que mon document exemple rejoint la couleur grise et la couleur verte, je peux soit rejoindre cette couleur partagée soit en créer une nouvelle. Là, je vais en créer une nouvelle qui sera bleu... mer, ce n'est pas vraiment le code couleur, mais je vais appeler ça bleu mer. Et cette couleur-là quand je regarde en arrière va pouvoir être si je la modifie, je vais l'appliquer aussi, bleu mer, forcément, vu que c'est dans le même symbole. Ça a eu le même comportement, on est d'accord. Donc, forcément, si je modifie cette couleur, ça sera modifié ici. Mais ce qui est bien aussi, c'est que si au lieu de choisir le vert, je choisis le bleu mer, c'est ajusté. Maintenant, si jamais je choisis de changer cette couleur. Donc, je ne veux pas un bleu mer, mais je veux un bleu un petit peu plus foncé. Pour moi, ça ne change rien, c'est juste un aperçu, un petit peu caché par la barre, mais vous avez les deux flèches pour dire « mettre à jour » tout le style partagé, et si je clic dessus, ça a changé aussi tous les autres. Donc, pour deux vues, ce n'est pas spécialement important, mais imaginons que vous travailliez sur une application qui regroupe une quarantaine de vues. Plutôt que de changer la couleur de chacun des éléments, vous allez pouvoir changer la couleur une seule fois et elle va se répercuter de partout. Et quelque chose qui est très intéressant, c'est que cela fonctionne aussi pour les textes. Donc, par exemple, je vais sur Louvre. Il n'y a pas encore de style de texte, je vais en créer un nouveau. Ça va être, titre_carte. Donc, forcément, vu que j'ai changé sur un symbole, ça va être changé ici aussi. Donc, dans tous les cas, si ici je modifie en passant en semi-bold, eh bien, ce sera en semi-bold ici aussi. Mais, imaginons que je veuille avoir le même style de texte, par exemple, à la place de Paris parce que ça ne m'intéresse pas d'avoir le style défini autrement, je vais pouvoir sélectionner mes trois cartes, et ça va changer directement avec Paris. Par exemple, je change l'organisation que j'avais prévue, je vais mettre Paris en bas en aligné, comme ça au moins je suis cohérent. Je vais essayer d'aligner avec la date, comme on a déjà appris à faire, voilà. Et ce qui est pratique maintenant, c'est que si jamais je modifie... titre_carte, je modifie en bold, je mets à jour, je reviens en arrière, eh bien, Paris aussi est devenu en bold. Voilà, le lien qu'on peut faire. Ensuite, on peut aussi faire un lien, par exemple, pour les paragraphes. Donc ce paragraphe, je vais créer un nouveau symbole. Je vais l'appeler « p » pour paragraphe. Ici, c'est un paragraphe aussi. Donc, je vais l'appeler p également pour paragraphe, et puis je vais avoir envie aussi de modifier un petit peu ce paragraphe. Je vais avoir envie qu'il reste en 16, mais au niveau du gris, je ne veux pas de noir complet, et je vais le vouloir un peu plus clair, un peu comme ça. Du coup, j'ai juste à mettre à jour, et voilà, ça met aussi à jour le paragraphe en dessous pour gagner un petit peu en contraste. Et on commence tout doucement à personnaliser un petit peu son application et vous remarquez le more, vu qu'il a rejoint un style, maintenant le style p. Bien entendu, je ne peux pas juste changer, sinon ça change tout le bloc. Donc, il va falloir que le more soit intégré autrement si je veux garder la couleur de la charte. Donc, je vais l'effacer. Je vais récupérer, un bloc de texte là que je vais appeler more. Je vais le réduire et je vais revenir le mettre à la suite de mon texte. Mais par contre lui je ne vais pas lui définir ses p, je vais lui dire que ça sera un autre style, ou sinon je ne lui mets pas de style dessus du tout, et je vais juste par contre lui mettre la couleur qui correspond à la charte, Voilà. Et je peux le mettre en semi-bold pour qu'il soit un petit peu plus visible. Et comme ça, on est cohérent avec la charte et le document, Voilà.

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)
L'essentiel de sketch
Olivia H.

Merci beaucoup pour cette formation, c'est clair, précis et bien expliqué. C'est vrai que Sketch est super puissant. A quand la suite de la formation. Merci encore. Olivia

video2brain

Merci pour votre commentaire ! N'hésitez pas à utiliser notre liste de suggestions pour vos idées de formation.
Bonne continuation !

 

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 !