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
- 96% avis positifs (140)
- 3 835 élèves
- 20 leçons (2 h 18 min)
- 8 ressources complémentaires (0 fichiers)
- En ligne et à votre rythme
- Disponible sur l'application
- Audio : Espagnol
- Espagnol · Anglais · Portugais · Allemand · Français · Italien · Polonais · Néerlandais
- 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
Les cours Domestika sont des leçons en ligne qui vous permettent d'apprendre et d'acquérir un certain nombre d'outils et de compétences pour réaliser un projet créatif. Chaque étape du projet combine des vidéos et des textes avec des ressources didactiques complémentaires, le but étant d'apprendre par la pratique. Vous pouvez également partager vos propres projets avec d'autres élèves et le professeur. Domestika, c'est aussi une communauté !
La modalité des cours étant 100 % en ligne, une fois qu'ils sont publiés, ils commencent et finissent quand vous le souhaitez. C'est vous qui fixez le rythme auquel vous suivez les leçons. Vous pouvez revoir ce qui vous intéresse, passer ce que vous savez déjà, poser des questions, obtenir des réponses, partager vos projets et bien plus encore.
Les cours se divisent en plusieurs unités. Chacune d'entre elles comprend des leçons, des textes explicatifs, des exercices d'entraînement et des tâches pour réaliser votre projet étape par étape, ainsi que des ressources et des documents complémentaires à télécharger. Vous aurez également accès à un forum exclusif où vous pourrez interagir avec tous les élèves du cours et le professeur, mais également partager vos travaux et le projet que vous réalisez. Domestika, c'est aussi une communauté !
Vous pouvez valider le cours qui vous a été offert en accédant à la page de validation, où vous pourrez saisir le code cadeau qui vous a été communiqué.
Adobe XD
Figma
InVision
Sketch
iannone_developer
excelente curso , me gusta que el workflow sea en sketch.
Afficher la traduction
Masquer la traduction
rafaellerinn
Excelente curso, me ha gustado y mejor aun muy bien explicado. :D
Afficher la traduction
Masquer la traduction
mrtns.caroline
Awesome course!
Afficher la traduction
Masquer la traduction
jv_1997oliveira
Curso muito bom!!! Abriu meu horizontes para a área e me instigou a querer estudar ainda mais!!
Afficher la traduction
Masquer la traduction
jricosese
El curso tiene un nivel avanzado y está bien aunque si no trabajas con el mismo software te pierdes un poco a partir de las lecciones intermedias. Aún así está muy bien explicado.
Afficher la traduction
Masquer la traduction