Illustrator CC pour les designers UX

Créer des formes géométriques

Testez gratuitement nos 1324 formations

pendant 10 jours !

Tester maintenant Afficher tous les abonnements
Dessinez des formes géométriques variées et paramétrez-les facilement pour créer des maquettes filaires.
04:22

Transcription

Avec les formes géométriques, Illustrator est idéal pour pouvoir créer des maquettes filaires qui sont des maquettes de structures où l'on va simplement représenter la position des éléments dans la page. Il ne s'agit pas de faire une maquette graphique mais une maquette de structures d'où son nom de maquette filaire. Nous allons donc utiliser les formes pour créer une maquette filaire de manière à ce que nous puissions voir comment ça fonctionne. Nous allons travailler avec l'outil rectangle et nous pouvons cliquer et tirer et lorsque nous cliquons et tirons, nous pouvons grâce aux repères commentés travailler sur un carré ou travailler sur un rectangle si nous libérons et nous avons en temps réel une indication de la largeur et de la hauteur de l'élément que nous traçons. À partir du moment où nous avons tracé une forme, il s'agit d'un rectangle mais nous pouvons en cliquant sur ce point gérer des coins arrondis pour notre rectangle. Notre rectangle est créé. Nous allons ici avec le nuancier de couleurs appliquer une couleur pour le fond, par exemple, gris et nous avons notre élément qui est positionné. Si nous voulons positionner d'autres éléments, nous pouvons retracer un autre rectangle, par exemple. Et vous voyez qu'avec les repères commentés, la largeur de la colonne de gauche va être calée automatiquement sur ce que nous avions. Ensuite nous allons pouvoir également prendre un élément et puis lorsque nous nous déplaçons nous allons pouvoir ici prendre un élément et considérer que cet élément va partir sur la moitié. Et nous allons ici tracer par exemple l'amorce d'un menu. Si nous revenons avec l'outil de déplacement, nous pouvons prendre cet élément. Nous allons avec la majuscule, déplacer cet élément et puis avec la touche *Alt* sur PC, *Option* sur Mac, faire en sorte qu'il ne s'agisse pas d'un déplacement mais d'une duplication. Vous remarquez que la flèche noire est suivie d'une petite flèche blanche, ce qui indique qu'il y a une duplication. J'ai créé mon deuxième élément de menu. Eh bien, maintenant, si je veux créer le troisième, le quatrième, le cinquième, je vais simplement faire sur Mac *Commande + D*, sur PC *Ctrl + D* et je vais pouvoir ajouter autant d'articles de menu que je le souhaite et vous voyez que j'ai maintenant créé mon menu. On a donc la possibilité de s'aimanter sur des repères, la possibilité de dupliquer, la possibilité de travailler des formes très rapidement en les modifiant au niveau des arrondis, un outil qui va nous permettre de créer des maquettes filaires très rapidement. Alors il y a d'autres formes, nous avons également l'outil *Ellipse*, l'outil *Polygone*, l'outil *Étoile*. Notez que lorsque nous utilisons un outil, nous pouvons cliquer-tirer mais nous pouvons également cliquer. Et lorsque nous allons cliquer, nous allons pouvoir définir la taille précise de l'élément que nous allons créer. Par exemple, si je veux un élément ici de 480 pixels par 360 pixels, j'ai créé mon élément de 480 par 360. Les outils formes sont donc très faciles à utiliser. Le polygone et l'étoile sont différents, sont séparés et on va pouvoir utiliser, par exemple, ici, l'outil *Étoile* pour signaler une alerte. On peut préciser ici que l'on veut un très grand nombre de points par exemple, une centaine de points. Et puis on veut que le premier rayon soit de 200 pixels et que le rayon 2 soit un rayon de 210 pixels. Et vous voyez que nous avons réalisé une alerte. Bien entendu, nous allons pouvoir en cliquant sur l'enveloppe réduire cet élément, changer sa couleur très facilement. Nous avons avec Illustrator, un outil qui va nous permettre de créer des maquettes filaires grâce aux formes de manière extrêmement rapide, extrêmement conviviale, extrêmement intuitive et en même temps très précise car tout peut être normé au pixel près.

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 !