Remerciez-le!

Remerciez @Admin pour avoir partagé cet document gratuitement, de la manière la plus simple, en partageant sur les réseaux sociaux.

Tp2 ihm prise en main figma

Module IHM - Interface Homme Machine Auditoire ING A U - TP - IHM Prise en Main de Logiciel Collaboratif de Prototypage Figma ? L ? objectif de ce TP ? Explorer Figma ? Conception des wireframes initiaux à un prototype interactif avec Figma ? Apprendre les fonctionnalités les plus puissantes telles que la mise en page automatique les composants et le prototypage Dé ?nition Figma est un outil de conception vectorielle qui s ? exécute dans un navigateur ou bien dans une application desktop utilisez Figma pour ré échir à des idées itérer sur des conceptions créer des prototypes et obtenir des commentaires à n ? importe quelle étape du processus créatif Figma est un logiciel collaboratif de prototypage Il permet de réaliser des maquette ?laires ou graphique ainsi que des prototypes fonctionnels Premiers pas avec Figma - Télécharger l ? outil de conception Figma https www ?gma com fr downloads - Inscrivez-vous pour créer votre compte personnel avec un compte Figma vous pouvez créer des équipes - des espaces partagés o? vous pouvez collaborer sur des ?chiers et les organiser en projets Suivez toutes les étapes de création de compte avec validation de mail ?? Page d ? accueil Figma ? Créer un nouveau ?chier de design Enseignante Dr Ahlem ABOUD Importer des ?chiers existants C Module IHM - Interface Homme Machine menu principal Barre latérale Espace de design travail Barre des paramètres Actions élémentaires Créer un nouveau document Pour créer un nouveau ?chier page cliquez simplement sur les boutons plus situés dans la barre latérale en haut à gauche Créer un nouveau ?chier Exemple j ? ai créé pages Enseignante Dr Ahlem ABOUD C Module IHM - Interface Homme Machine Barre d ? outils La barre d ? outils contient divers outils d ? usage courant Son contenu peut changer selon le contexte La barre d ? outils Les outils ? move scale déplacer redimensionner ? move permet de déplacer ? scale permet de redimensionner ? Frame slice créer des cadres et des zones d ? export ? frame créer un cadre ? Slice permet de dé ?nir une zone à exporter indépendante du cadre ? formes images ? rectangle ? ligne ? èche ? ellipse ? polygon ? étoile ? placer une image ? plume crayon ? Plume permet de faire des dessins vectoriels à base de points ? Crayon permet de dessiner directement des tracés pour faire des notes par exemple ? Texte permet de créer des zones de texte ? Outil main permet de se déplacer dans l ? espace ? Ajouter montrer des commentaires comme son nom l ? indique Enseignante Dr Ahlem ABOUD C Module IHM - Interface Homme Machine Créer des cadres Frame ? Choix du format pour choisir les formats voici quelques recommandations ?? Format mobile utilisez n ? importe quel format mobile véri ?er simplement que le téléphone n ? est pas une phablette ? entre mobile et tablette Un format normal est aux alentours de pixels de large