Création d’un guide de style pour applications
Un cours proposé par Christian Vizcarra , Concepteur de produits senior
A rejoint Domestika en décembre 2014
Apprenez à documenter et à créer un guide de style avec Sketch ou un autre logiciel de conception UI
A rejoint Domestika en décembre 2014
L'un des éléments clés pour la conception des applications mobiles est le guide de style ou guide de style visuel, qui sert de documentation et de guide pour toutes les équipes impliquées dans la création de l'application, en particulier les programmeurs qui doivent mettre en œuvre les conceptions. . Dans ce cours, vous apprendrez à créer un guide de style étape par étape pour qu'il soit non seulement beau, mais aussi hautement fonctionnel.
Christian Vizcarra - Concepteur de produits et enseignant de cours Conception d'une application mobile - a plus de 9 ans dans la création de produits numériques, reconnu par les CSS Design Awards, Behance et Awwwards, et dans ce cours, il vous apprendra à documenter, communiquer et exporter tous les composants pour créer un guide de style professionnel .
Qu'allez-vous apprendre dans ce cours en ligne ?
20 leçons & 8 vidéos téléchargées
- 99% avis positifs (137)
- 3 973 élèves
- 20 leçons (2 h 18 min)
- 8 vidéos téléchargées
- En ligne et à votre rythme
- Disponible sur l'application
- Audio : Espagnol, Anglais, Français, Italien, Portugais, Türkçe
- Espagnol · Anglais · Portugais · Allemand · Français · Italien · Polonais · Néerlandais · Türkçe
- Niveau : Débutant
- Accès illimité pour toujours
Adobe XD
Figma
InVision
SketchQuel est le projet du cours ?
Vous allez créer un guide de style pour une application mobile.
Projets d'élèves du cours
À qui s'adresse ce cours en ligne ?
Les designers débutants, les juniors UI / UX et toute personne intéressée par le design et impliquée dans la création d'un produit numérique.
Prérequis et matériel nécessaire
Vous aurez besoin d'une connaissance de base de la conception Web et des applications mobiles, ainsi que de la manipulation de base de Sketch ou d'une autre application pour la conception d'expériences ou d'applications Web interactives.
En ce qui concerne les matériaux, vous aurez besoin d'un ordinateur avec Sketch (rappelez-vous que Sketch ne fonctionne qu'avec Apple) ou d'autres programmes de conception tels que Figma, InVision, Adobe XD (ces 3 fonctionnent sous Windows et Apple), entre autres.
Avis
Christian Vizcarra
Un cours proposé par Christian Vizcarra
Christian Vizcarra est Senior Product Designer et Digital Strategist avec une vision 360 du produit grâce à ses débuts en Marketing, 3D, vidéo et médias sociaux. Depuis 8 ans, il se consacre principalement à la création de produits numériques, à la conception de sites Web, d'applications et de toutes sortes d'interfaces pour des entreprises et des startups dans des pays comme l'Espagne, le Canada, les États-Unis, la Chine ou le Brésil, entre autres.
En tant que passionné d'idées, il explore toujours de nouvelles façons d'acquérir de nouvelles compétences et techniques pour évoluer en tant que designer, d'où son projet personnel appelé The Design Project, un défi de conception non-stop de 60 jours. Son travail a été reconnu par Awwwards, Behance et CSS Design Awards.
Contenu
-
U1
Salut!
-
Présentation
-
Les influences
-
Que ferons-nous pendant le cours?
-
-
U2
introduction
-
Qu'est-ce qu'un guide de style?
-
Différences entre styleguide et UI Kit
-
Bonnes pratiques pour construire un guide de style
-
-
U3
Éléments dans le guide de style
-
Comment créer des symboles?
-
Disposition
-
Les espaces
-
Couleurs
-
Typographie
-
Iconographie
-
Composants de l'interface utilisateur partie 1
-
Composants de l'interface utilisateur partie 2
-
Composants de l'interface utilisateur partie 3
-
Composants de l'interface utilisateur partie 4
-
Composants de l'interface utilisateur partie 5
-
-
U4
Appliquer un guide de style
-
Appliquer mon guide de style
-
Exportation d'actifs pour la programmation
-
Et s'il y a des changements
-
-
PF
Projet final
-
Création d’un guide de style pour applications
-
Ce qu’il faut attendre d’un cours Domestika
-
Apprenez à votre rythme
Apprenez chez vous, sans horaires fixes et à votre rythme. C’est vous qui décidez de votre programme d’apprentissage.
-
Apprenez auprès de grands noms du secteur créatif
Apprenez les techniques et les méthodes les plus utiles auprès des meilleurs professionnels du secteur créatif.
-
Rencontrez des spécialistes reconnus
Dans chaque leçon, votre professeur vous transmettra ses connaissances avec enthousiasme, vous donnera des explications claires et vous fera bénéficier de son expertise.
-
Certificats
PlusEn tant que membre Plus, vous recevrez un certificat personnalisé signé par le professeur à la fin du cours. Vous pourrez le partager dans votre portfolio, sur les réseaux sociaux et là où vous voulez.
-
Soyez aux premières loges
Profitez de vidéos de haute qualité pour ne manquer aucun détail. Grâce à un accès illimité, vous pourrez les regarder autant de fois que nécessaire pour perfectionner vos compétences.
-
Partagez vos connaissances et vos idées
Posez des questions, demandez des avis ou suggérez des solutions. Partagez votre expérience d’apprentissage avec les autres élèves de la communauté qui ont, comme vous, une passion pour la créativité.
-
Rejoignez une communauté créative internationale
Cette communauté réunit plus de huit millions de personnes des quatre coins du monde, curieuses et passionnées, avec cette même envie de développer et d’exprimer leur créativité.
-
Assistez à des cours de haute qualité
Domestika sélectionne les professeurs avec soin et produit chaque cours en interne afin de garantir une expérience d’apprentissage en ligne de qualité optimale.
Foire aux questions
Vous apprendrez à créer, documenter et appliquer des guides de style, gérer les composants UI, améliorer la communication entre design et développement, et assurer une cohérence visuelle dans les produits numériques grâce à des pratiques et outils modernes.
Le cours s’adresse à ceux qui ont des bases en design numérique, idéal pour approfondir la documentation, la création de guides de style et la collaboration avec les équipes de développement.
Il est recommandé d’avoir des connaissances de base en design numérique et de maîtriser des outils comme Sketch ou Figma. Pas besoin d’être expert, mais il faut être motivé pour la documentation et l’amélioration des processus collaboratifs.
Vous apprendrez à documenter les spécifications, créer des guides de style clairs et utiliser des outils collaboratifs, ce qui réduit les erreurs et facilite la compréhension des designs par les développeurs.
Un guide de style est un document qui définit les règles et composants visuels pour garantir cohérence et efficacité dans la conception et la mise en œuvre des produits numériques.
Vous apprendrez à utiliser des outils comme Sketch, Figma, Zeppelin, InVision et Abstract pour créer, organiser et documenter les composants d’interface et les guides de style.
Oui, vous apprendrez à créer des kits UI et à distinguer ces derniers des guides de style : le kit UI regroupe des composants réutilisables, tandis que le guide de style documente les règles et spécifications visuelles.
Adobe XD
Figma
InVision
Sketch
Excelente curso. Só faltou material de apoio. Poderia ter uma versão com o figma
excelente curso , me gusta que el workflow sea en sketch.
Excelente curso, me ha gustado y mejor aun muy bien explicado. :D
Awesome course!
Curso muito bom!!! Abriu meu horizontes para a área e me instigou a querer estudar ainda mais!!