Introduction à la conception d’UI

Introduction à la conception UI

“Salut! Vous avez atteint la fin du cours. Tout au long du cours, je vous ai raconté beaucoup d'expériences et de sentiments qui entourent ce monde merveilleux de l'interface utilisateur, je vous ai dit comment tout à la fin de la journée est devenu une expérience enrichissante, cela m'a conduit non seulement à en savoir plus sur le sujet , mais aussi, vouloir en savoir plus sur lui chaque jour. J'ai la ferme conviction que cette communauté se développe de jour en jour et que le partage de ce que nous savons est essentiel pour obtenir de meilleurs résultats dans l'interface utilisateur. C'est pourquoi, à chaque occasion, je partage avec vous tout ce que j'ai appris en cours de route. Mais, le moment est venu de commencer ce voyage, le moment est venu de commencer votre propre projet! Pour vous aider, je partage la série d'étapes que j'ai suivies pour créer la mienne. Nous allons voir! Choisissez votre outil Je vous ai montré une grande variété d'outils que vous pouvez utiliser pour créer votre projet. Dans mon cas, j'ai choisi Figma, je vous ai expliqué quelques-unes des raisons pour lesquelles j'ai décidé d'utiliser cet outil. Mais, vous pouvez utiliser celui que vous voulez, je vous recommande d'utiliser celui avec lequel vous vous sentez le mieux et le plus à l'aise.

Commencez votre processus de conception! Avant de prendre une route, il est important que vous sachiez ce que vous voulez ou où vous voulez aller. Je vous ai appris que certaines des questions clés sont: comprendre le problème et penser à l'utilisateur. N'oubliez pas qu'il y aura des moments où vous devrez travailler en équipe! N'ayez pas peur de communiquer avec les programmeurs, si vous avez une idée claire, il leur sera plus facile de vous comprendre. Votre référence Pour commencer à créer des interfaces, je vous ai montré comment créer vos benchmarks. Dans ce cas, je l'ai fait pour «Freshi». Je vous montre comment faire deux types, le premier en tenant compte des produits que ma marque possède déjà et le second axé uniquement sur le design. Les wireframes J'ai commencé à créer mes wireframes et je vous ai montré comment les utiliser pour matérialiser nos idées. Je vous recommande de toujours garder à l'esprit la phrase: «Qu'est-ce que je veux communiquer?» Pensez à la structure et à l'information! Cela n'a pas besoin d'être parfait, vous pouvez commencer comme moi en prenant un crayon et du papier. Ensuite, vous aurez le temps de les perfectionner. Quelques lettres ici et d'autres lettres là-bas J'ai sélectionné la police pour mon projet, en tenant compte de problèmes tels que la taille, le poids et même les types de textes. J'ai mentionné l'importance de l'harmonie et comment y parvenir avec la typographie, car elle en définit 80%. Les mises en page J'ai commencé par concevoir les modèles box , et je vous ai montré comment les utiliser pour optimiser les espaces. J'ai également généré les hiérarchies nécessaires pour notre site Web réactif. Comment utiliser les couleurs? J'ai utilisé les couleurs RVB pour pouvoir plus tard choisir les couleurs les plus adaptées à mon projet, afin de pouvoir définir ma palette de couleurs. N'oubliez pas que les couleurs numériques fonctionnent différemment, par conséquent, il est important de toujours le faire en tenant compte des couleurs RVB. Les icônes Recherchez les icônes appropriées pour mon projet, en tenant compte du fait qu'elles appartenaient toutes à la même famille. Les icônes peuvent dire plus d'un millier de mots, il est important de ne pas abandonner la recherche tant que vous n'avez pas trouvé les meilleurs. Faites vos boutons! Je vous ai montré comment créer les boutons appropriés. Faites le mien en tenant compte du fait que vous vouliez qu'ils soient des boutons primaires, secondaires ou tertiaires. Listes et cartes Enfin j'ai fait les listes de certains produits qui partagent certaines caractéristiques. J'ai également créé des cartes, en m'assurant qu'elles contiennent tout le nécessaire pour communiquer les informations que je dois envoyer à l'utilisateur. Créez votre login! J'ai fait les connexions de mon projet, à la fois pour l'ordinateur et pour la version mobile . Et voila, vous avez déjà votre site web responsive! Chaque fois que vous démarrez un projet, je vous recommande de vous poser constamment la question "pourquoi", cela vous sera d'une grande aide pour identifier si ce que vous voulez créer résout un problème. Le meilleur conseil que je puisse vous donner est de toujours garder votre curiosité vivante, de cette façon vous pourrez toujours apprendre, savoir et vous sentirez plus à l'aise pour commencer une nouvelle aventure. Cela m'a fait grand plaisir de partager ce nouveau cours avec vous, j'espère qu'il vous a aidé à créer toutes les idées dans votre esprit ou tout simplement à clarifier certains doutes. N'oubliez pas de partager le résultat de votre projet final! Un gros câlin du Pérou! 🇵🇪 ”

Transcription partielle de la vidéo

“Bonjour. dans cette leçon. nous passerons en revue ce que nous avons vu dans le cours. Dans la première unité. nous avons parlé de l'état d'esprit qu'un Designer UI doit avoir et comment l'apprentissage dans cette carrière est essentiel. Ensuite. je t'ai montré le processus de conception d'un produit et je t'ai présenté les outils que tu peux utiliser. comme Figma. Sketch ou Adobe XD pour débuter tes projets. Ensuite. nous avons discuté de l'inspiration. du benchmark et de l'importance des Y-Friends dans le processus. Nous avons consacré deux unités à aborder les concepts que tout designer ...”

Cette transcription a été générée automatiquement et peut contenir des erreurs.

Sommaire du cours : Introduction à la conception d’UI

• Niveau : Débutant
• 95% avis positifs (343)
• 11134 élèves
• 6 unités
• 21 leçons (2 h 30 min)
• 1 vidéo téléchargée

• Catégorie

  Création de sites et d'applications

• Domaines

  Conception d'applications, Conception mobile, Design , Design d'interaction, Webdesign