Illustrator CC pour les designers UX

Utiliser la grille de pixels

TESTEZ LINKEDIN LEARNING GRATUITEMENT ET SANS ENGAGEMENT

Tester maintenant Afficher tous les abonnements
Appréhendez le fonctionnement de la grille de pixels. Apprenez à éviter les décalages d'éléments lors de l'enregistrement pour le web.
03:45

Transcription

Lorsque vous allez créer des documents pour lesquels vous aurez besoin de précision, il va falloir afficher les grilles car elles vont vous permettre de positionner de façon intuitive des éléments sur un plan de travail mais néanmoins de manière rigoureuse. Nous allons donc afficher ici la grille et vous voyez que nous avons une grille qui s'affiche et qui va permettre à partir du moment où l'on aura magnétisé cette grille, nous actionnerons ici le magnétisme de la grille, la possibilité d'avoir des éléments qui vont pouvoir se positionner précisément en étant aimantés par les éléments de la grille. L'incrément de la grille va se gérer au niveau des préférences sur *Repères et grille* où nous allons gérer ici le pas et puis le nombre de subdivisions. On peut afficher les grilles en arrière-plan ou en surimpression sur les dessins. On peut aussi proposer, nous allons le voir, d'afficher la grille de pixels à condition d'avoir un processeur graphique GPU qui le permette. Nous avons donc ici, vous voyez, une incrémentation avec 72 pixels et 8 subdivisions. Nous pouvons masquer cette grille. Néanmoins son magnétisme fonctionnera toujours. Nous pouvons également ôter le magnétisme de la grille et nous poser la question suivante : il m'arrive parfois d'avoir au moment où j'enregistre des éléments qui vont bouger et si ces éléments vont bouger, c'est parce qu’ils ne sont pas réellement alignés sur des pixels. Nous sommes ici dans un environnement qui est un environnement vectoriel. On a donc des tracés qui peuvent être placés extrêmement précisément alors qu'à l'export nous exporterons dans des fichiers qui vont gérer des pixels. Et lorsque nous exporterons dans des fichiers qui vont gérer des pixels comme le JPEG ou le PNG, il y aura un recalage des éléments sur les pixels. Ce qu'il convient de faire lorsque nous allons travailler sur ce genre de problèmes, ça va être dans un premier temps d'afficher l'aperçu en pixels, vous voyez que nous avons ici l'aperçu en pixels, et de pouvoir ici aligner notre illustration sur la grille de pixels. Nous serons sûrs ainsi lorsque nous aurons cliqué, et vous voyez qu'il y a un léger décalage, mais nous serons sûrs que lorsque le document sera exporté, il n'y aura pas de décalage par rapport à ce que nous voyons actuellement. Alors que si nous n'avions pas fait cela, ce que nous voyons actuellement, c'est ce que nous aurions obtenu mais, nous, nous avions la prévisualisation de ce qu'il y avait auparavant. On peut également ici, et c'est très intéressant sur une illustration, aligner l'illustration au moment de la retouche. Si on va regarder les options avancées, vous voyez qu'on peut appliquer le magnétisme aux pixels lors du dessin, appliquer le magnétisme lorsqu'on va déplacer soit des tracés, des segments, des points d'ancrage et appliquer le magnétisme aux pixels lors de la mise à l'échelle, c'est-à-dire si on redimensionne l'élément. Il est très important de pouvoir comprendre ce point de manière à ce que lorsqu'on va travailler, et je pense en particulier sur des icônes, on va avoir quelque chose qui soit extrêmement précis au niveau de l'export, ne pas avoir de décalage par rapport à ce que l'on va exporter. Vous voyez qu’ici nous sommes à 100 %. Nous sommes en aperçu pixels. Si nous repassons en aperçu normal, nous revenons sur un aperçu vectoriel.

Illustrator CC pour les designers UX

Prototypez des applications ainsi que des sites avec Illustrator. Fournissez des maquettes filaires servant aux tests UX, à la validation client et de support au développement.

1h14 (24 vidéos)
Aucun commentaire n´est disponible actuellement
 
Spécial abonnés
Date de parution :19 avr. 2017

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 !