Mood Boards pour la conception de l'UI (interface utilisateur)

1. Introduction du cours: Les planches d'humeur sont un élément clé de tout processus de conception où que vous travailliez sur un grand ou un petit projet. Parce que dans leur phase d'embarquement d'humeur de votre projet, vous allez déterminer la tonalité globale, le style dural, les couleurs globales, les polices, les images et bien plus encore du projet lui-même. N va vous faire gagner beaucoup de temps lorsque vous commencez à concevoir pour ce projet particulier. K designer, je m'appelle Alex. Bienvenue dans ce cours de Skillshare. Et dans cette classe, nous allons parler de planches d'humeur. Je suis un créateur de produits et jusqu'à présent j'ai créé plus de 500 produits de design. Je suis aussi créateur de cours et jusqu'à présent j'ai créé plus de 20 chevaux différents. Dans ce cours, nous allons parler de ce que nos moodboards et comment les utiliser. Quels éléments devriez-vous prendre en compte pour vos moodboards ? Comment faire votre recherche et l'appliquer à vos moodboards. Comment utiliser Adobe XD pour créer des tableaux d' ambiance et explorer différents éléments et styles. Comment partager vos tableaux d'humeur en ligne pour obtenir les commentaires de votre client et comment les exporter et les imprimer afin que vous puissiez obtenir les commentaires en personne. Votre projet de classe pour cette classe est d'utiliser ces conseils et techniques et de créer des planches d'humeur de votre choix. Vous pouvez utiliser tous les éléments que vous voulez. Vous pouvez utiliser le nombre d'images différentes, nombre de polices différentes, ce que vous voulez, et simplement les télécharger dans votre classe, le projet, en utilisant les moodboards de la bonne façon, vous allez se sauver tas de le temps. Tu vas économiser de l'argent à ton client. Et en même temps, vous allez pouvoir charger beaucoup plus en travaillant intelligemment, en utilisant des tableaux d'humeur. Alors j'ai hâte de te voir en classe et de te mettre dans l'ambiance. 2. Quels sont les planches de l'humeur et pourquoi les utiliser: Les planches d'humeur sont vraiment extrêmement importantes et elles sont à mon avis, pour garder notre petit processus de conception de fées que le projet soit grand ou petit. Parce que dans l'étape de l'embarquement d'humeur, vous pouvez vraiment communiquer clairement avec vos clients et arriver au point de savoir ce dont ils ont besoin. qui parlent-ils ? Quelle est la taille du projet, quelle est la taille du public, qui est le public et toutes ces questions différentes. Et vous pouvez utiliser Moodboard pour déterminer la direction du projet oral où la conception va aller. Vous pouvez le faire avant de commencer à concevoir, ce qui va vous faire gagner beaucoup de temps parce que vous allez déterminer le style, le projet paie, les couleurs, les polices, l'iconographie, et bien plus encore dans ce étape particulière avec moodboards, plutôt que plus tard, lorsque vous lancez réellement votre logiciel de conception préféré et commencer à concevoir, vous pouvez clairement communiquer ces valeurs de votre client, puis décrire à votre client ce qui est vraiment important pour cette projet particulier. Pour qu'ils puissent comprendre avant de commencer à concevoir, quoi doivent-ils se concentrer ? Donc, comme je l'ai dit, cette étape est vraiment importante à mon avis parce qu'elle va vous faire gagner du temps plus tard, vous et votre client. Parce qu'à cette étape particulière, vous allez déterminer où va aller le style global du projet. Bien sûr, le design va varier énormément plus tard lorsque vous commencez à concevoir. Mais le projet global, le ton, les couleurs, les polices, la direction de la conception, tout va être déterminé dans cette étape particulière avec des planches d'humeur. Plus tard, vous pouvez commencer à concevoir. Vous pouvez ajouter tous ces types d'éléments différents. Mais pour l'instant, comme je l'ai dit, nous allons nous concentrer sur les bases et les choses les plus importantes. Vous allez utiliser votre mémoire de conception pour déterminer tous ces éléments de conception et toutes les décisions de conception. Vous allez poser à votre client toutes ces questions de conception en utilisant votre mémoire de conception, comme qui est leur public cible, quel est leur créneau ? Y a-t-il des concurrents dans la dette ? Nietzsche, qui sont les principaux concurrents, qui sont les plus petits concurrents ? Quel est le ton normal de la conception ? Alors, est-ce bien ou ludique ? C'est sérieux ? C' est une entreprise ? Quel est le ton général de livraison de la copie du site Web ? Et bien plus encore. Donc, comme je l'ai dit, vous allez déterminer tous ces éléments dans l'étape de l'embarquement d'humeur plutôt que plus tard dans la phase de conception, ce qui, comme je l'ai dit, va vous permettre de gagner beaucoup de temps sur le design, fois pour vous et pour votre client. Dans la prochaine leçon, nous allons discuter des éléments à prendre en compte pour vos moodboards. Alors je te verrai là-bas. 3. Quels éléments tenir en compte: Selon souvent niche votre conception de projet et votre client est dans, vous allez inclure ou envisager d'inclure différents éléments. Donc, si votre style est corporatif, vous allez évidemment utiliser l'imaginaire d'entreprise. Vous allez utiliser la police claire pour lire parce que vous devez comprendre qui est votre public cible. Donc ce ne sont pas des enfants, probablement ce sont des gens d'âge moyen ou probablement des personnes plus âgées. Donc, vous devez considérer la topographie, vous devez considérer le contraste, comment le site Web est plus facile à lire. Vous devez donc tenir compte de toutes ces choses lorsque vous planifiez votre créneau et votre projet. En outre, l'imagerie joue un rôle vraiment clé parce que imagerie va donner le ton va définir la base du projet. Donc, vous devez considérer que les couleurs sont également signifient caractéristique importante de votre conception de site Web sur n'importe quel design d'ailleurs. Donc, vous devez considérer les couleurs. Sont les couleurs amusantes et ludiques. C' est ainsi que le texte va contraster entre ces couleurs. Ainsi, vous pouvez déterminer toutes ces choses dans le processus Mood Board, du processus de conception global. Vous allez donc décrire, découvrir tous ces éléments lorsque vous commencez à créer vos moodboards plutôt que lorsque vous commencez à créer votre design. Dans la prochaine vidéo, je vais vous montrer comment faire vos recherches. Comment, par exemple, s'adapter à différentes créneaux, comment explorer différents éléments et comment les présenter à votre client afin que vous puissiez tous les deux parvenir à un accord sur l'orientation du projet aller et quel est le style de conception globale et la direction. 4. Comment faire votre recherche: Ok, donc dans cette vidéo, nous allons commencer par la recherche. Et je vais vous montrer quels sont les sites Web que vous pouvez utiliser pour faire vos recherches et pour communiquer clairement avec votre client quant aux éléments à prendre en compte. Laisse-moi sauter à l'intérieur de mon ordinateur et je vais te montrer des sites web. Donc, les premiers sites Web que nous avons est en fait dribble. Donc dribble, comme vous le savez, est utilisé pour l'inspiration, comme beaucoup de temps pour ces concepteurs, en particulier dans le monde de la conception de l'interface utilisateur. Vous pouvez donc facilement utiliser dribble ici pour explorer tous ces éléments. Vous pouvez donc l'utiliser pour explorer l'imagerie. Vous pouvez l'utiliser pour explorer la topographie et voir comment la topographie est posée sur certains de ces exemples. Si nous faisons une recherche rapide ici, par exemple, si je tape en entreprise, appuyez sur Entrée et voir où cela nous mène-t-il ? Allons donc avec le web design par exemple. Ça ne nous donne rien. Donc, nous allons utiliser la banque par exemple, ou la banque. Et voyons où ça nous mène. Donc, vous pouvez voir ici pour la banque, oser pas crier couleurs sauf pour ces dégradés juste ici. Mais c'est pour déterminer un tonus neuronal du site lui-même. Donc probablement cette application bancaire mobile ici parle à un public différent. Donc probablement plus jeune public. Mais vous pouvez voir ici à, ils utilisent vraiment toutes ces couleurs dorsales. Ils utilisent ces couleurs noires, les couleurs blanches. Ils utilisent ces verts légers comme des fils par exemple. Donc la couleur joue vraiment un rôle clé et vous pouvez faire vos recherches ici sur Dribble pour explorer en fonction du projet en question et du projet sur lequel vous travaillez, quels types de couleurs utiliser pour votre design particulier projet. Ensuite, si nous regardons la topographie, vous pouvez voir que la topographie ici est vraiment claire. Il s'est vraiment espacé uniformément. Donc l'espacement est vraiment bien fait ici. Et vous pouvez voir que la majorité de ce texte est noir sur couleur, qui va à son tour rapprocher le texte de la visionneuse et intermédiaire, ce qui le rend facile à lire. Donc, cet exemple est vraiment génial. Et si nous allons dans l'autre sens, nous pouvons le voir dans cet exemple, par exemple, parce que c'est ludique avec toutes ces illustrations et couleurs. Encore une fois, les decks jouent un rôle clé parce qu'ils sont super faciles à lire, comme vous pouvez le voir ici. Si nous vous emmenons à Behance, qui est un autre site Web que vous pouvez utiliser pour votre inspiration. Si nous jetons un coup d'oeil ici et par exemple, tapez la même chose. Donc banque, centre, voir où ça nous mène. Donc, je ne sais pas, Utilisons celui-ci par exemple. Et commence son différent de Dribble si vous ne l'avez pas déjà. Parce que sur un dribble, vous pouvez vraiment poster ces présentations plus courtes comme celle-ci par exemple. Donc juste la seule image singulière. Pendant le week-end, vous pouvez vraiment poster ces longues présentations et aller en profondeur sur le projet. Et cela peut vraiment être un excellent moyen pour vous de vous informer sur la concurrence de vos clients. Par exemple, disons qu'ils sont dans l'espace bancaire. Vous pouvez l'utiliser, par exemple, juste pour comprendre comment ils font leurs recherches. Quel est leur public cible, quelles sont les couleurs, et quel est le raisonnement derrière le choix de ces couleurs ? Ainsi, vous pouvez facilement l'adapter à votre projet particulier. Donc, si nous faisons défiler ici pour aller à notre étape de conception, vous pouvez voir qu'ils utilisent vraiment ces couleurs dorsales au noir et blanc avec un soupçon de finance d'entreprise, vous pouvez voir super facile à lire, vous pouvez voir vous pouvez voir ces dégradés derrière. Donc, tous ces éléments se trouvent vraiment dans cet exemple particulier comme tangible, qui est facile à lire, facile à comprendre. 5. Créer un tableau de mood board dans Adobe Xd: Dans cette vidéo, nous allons utiliser Adobe XD pour créer notre moodboard. Et je vais aussi vous montrer quelques-uns de mes exemples que vous pouvez acheter si vous le voulez ou si non, vous pouvez simplement les explorer pour votre inspiration. Si nous passons à Adobe XD, ce que j'ai fait ici est créé notre document 1920 by 1080. Maintenant, si vous voulez imprimer ce document, vous pouvez venir ici et le faire pivoter. Bien sûr, vous pouvez être aussi précis que vous le souhaitez. Vous pouvez importer le nombre exact de pixels de votre format de papier si vous souhaitez l'imprimer ultérieurement. Ainsi, par exemple, si vous utilisez A4, vous pouvez rechercher une période de quatre ans en ligne ou vous pouvez l'ouvrir dans Photoshop et vous pouvez simplement voir la taille exacte des pixels. Vous pouvez entrer cette taille de pixel ici. N' oubliez pas que vous n'avez pas besoin d'utiliser 300 DPI car Adobe XD est un outil vectoriel. Donc tu n'as pas à faire ça. Vous pouvez simplement porter pour 72 DPI ici. Vous pouvez simplement créer votre tableau d'ambiance et vous pouvez l'exporter plus tard. Vous pouvez l'enregistrer ici comme vous le voyez, J'ai fait un enregistrer dans mes documents Cloud, ce qui est génial parce que je peux accéder dit où que je suis. Par exemple, si je travaille sur un bureau comme je le fais en ce moment, je peux aller à ma réunion de clients dans leur bureau, par exemple, et je peux récupérer mon ordinateur portable. Je peux ouvrir Adobe XD avec le même compte. Et je peux simplement extraire ce document de mon Cloud et nous pouvons simplement discuter de notre tableau d'humeur comme ça. Donc, si nous revenons à Adobe XD, ce que je vais faire, c'est simplement le nom de « mood board » ici. Et avant d'aller plus loin, je veux aller de l'avant et vous montrer mes exemples. Voici donc mon site web, web donor.net. Et comme je l'ai dit, vous pouvez acheter ces modèles si vous le souhaitez. Vous pouvez facilement les ouvrir dans Adobe XD et ensuite vous pouvez travailler sur eux comme ça. Sinon, vous pouvez simplement les utiliser comme inspiration. Donc ce que vous avez ici, ce sont ces moodboards, et ils sont en format A4 et taille lettre US juste ici. Et vous les obtenez dans Adobe XD dans les fichiers Photoshop. Si certains de ces produits sont des fichiers Photoshop, vous pouvez facilement les ouvrir dans Adobe XD car ils sont créés par la même société. Adobe possède donc Photoshop et XD, et ces fichiers fonctionneront très bien dans Photoshop et XD. Si nous revenons ici, vous pouvez voir toutes ces différentes mises en page pour les images et les quatre couleurs. Vous pouvez facilement échanger ces images contre des logos, par exemple. Et vous pouvez voir qu'ils sont prêts à imprimer. Et toutes ces mises en page, si nous revenons à celui-ci, c'est pour Instagram parce qu'il est carré, mais vous pouvez facilement vous adapter pour travailler avec n'importe quelle taille comme nous pouvons voir ici pour les histoires ou pour les réals pour exemple. Donc ce sont des messages Instagram, ce sont des histoires Instagram. Vous pouvez voir à quoi ça ressemble. Et si nous passons à celui-ci, c'est pour les modèles de tableau d'humeur des médias sociaux. Encore une fois, la même chose. Et vous pouvez voir que ceux-ci sont carrés, ils sont rectangulaires, ce qui est idéal pour Facebook, par exemple, si vous utilisez les médias sociaux et vous pouvez facilement les échanger, vous pouvez les changer. Vous pouvez utiliser toutes ces différentes mises en page pour créer les vôtres. Et vous pouvez facilement les adapter et vous pouvez voir à quoi ils ressemblent sur différentes pages de médias sociaux. Et enfin, nous avons celui-ci, donc quatre d'entre eux, et comme il l'a dit, je vais lier tous ces éléments dans le fichier PDF. Vous pouvez simplement, si vous voulez cliquer sur le lien pour chacun d'entre eux, vous pouvez facilement y accéder, acheter si vous le souhaitez. Sinon, comme je l'ai dit, vous pouvez simplement l'utiliser pour l'inspiration. Donc si on revient ici, tu peux voir à quoi ça ressemble. Une fois de plus, c'est prêt. Vous pouvez voir certains de ces éléments de présentation. Comme vous pouvez inclure les différents logos, différentes couleurs, différentes images, et vous pouvez voir le résultat ici. Maintenant, vous pouvez l'utiliser si vous voulez facilement vous épargner un tas de temps si vous voulez, sinon, comme je l'ai dit, ils sont parfaits pour l'inspiration. Vous pouvez vous inspirer pour savoir où positionner tous ces différents éléments. Et sinon, vous pouvez simplement créer vôtre en fonction du projet sur lequel vous travaillez en ce moment, comme il l' a dit dans une des vidéos précédentes. Et selon la taille du projet, selon le créneau dans lequel se trouve votre projet, que votre client est un, vous allez investir plus ou moins de temps et cette partie des projets ne devrait pas prendre de temps. Ça devrait être très rapide et facile. Cela ne devrait donc pas vous prendre plus d'une journée, quelle soit la taille de l'entreprise, soit la taille du projet, que soit le créneau dans lequel se trouve votre client. Considérez ça. Ne passez pas trop de temps sur les moodboards car ils sont là simplement pour déterminer la pâte globale, le style et le ton du projet. Et quand vous commencez à concevoir, vous allez investir la majeure partie de votre temps dans ces changements particuliers. Donc, si nous regardons en arrière dans Adobe XD, voici à quoi ressemble notre document et je peux simplement biaisé comme ceci, par exemple, si nous voulons réaliser quelque chose d'un peu plus comme un quatre, comme je l'ai dit, vous pouvez facilement entrer les bonnes valeurs ici, si c'est quelque chose que tu veux. Alors commençons par des images, parce que j'ai des images préparées. Ce que je veux faire est simplement créer un rectangle. Anna peut utiliser une grille de répétition si je veux, pour obtenir un look comme ça, et je peux choisir ressemblera à ceci. Par exemple, la banque est simplement dissocier ma grille, double-cliquez sur l'un de ceux-ci et simplement le ramener ici, par exemple, je peux facilement l'échelle et cela ne doit pas être parfait si vous ne voulez pas. Simplement adapté comme ça pour créer un cercle, par exemple. Ou un élément comme celui-ci. Ils peuvent se chevaucher, vous pouvez inclure différentes ombres. Donc, par exemple, comme ça. Donc 55, 20, disons, et ramenons cette ombre à huit, par exemple, a vu quelque chose comme ça. Et ce que je vais faire est en fait sélectionner tous mes éléments comme celui-ci. Je vais enlever la bordure et je vais en inclure quelques-uns pour aimer DDD, qui est une belle couleur gris clair et peut peut-être réduire juste un peu à quelque chose comme ça. Et par exemple, je peux soulever cela ici, je peux le positionner ici. Je peux aller de l'avant avec le bouton droit de la souris et je peux copier l'apparence de collage afin que je puisse coller la même ombre, mais je vais simplement réduire le rayon de coin à 0. Et peut-être que je peux facilement tirer cette image dedans. Peut-être que je peux étendre celui-ci juste une touche à quelque chose comme ça. Peut-être que je peux étendre ça à ici. Ainsi, comme vous pouvez le voir, c'est clairement une variation différente de celle des exemples qui vous sont montrés. Donc, si je reviens à ces exemples, vous pouvez voir que ces images sont vraiment tout à fait droites. Ils sont facilement inclure bulle juste ici. Et vous pouvez voir toutes ces différentes couleurs positionnées ici. Vous pouvez voir différents textes, vous pouvez voir différentes images. Mais dans notre exemple, tout est partout. Je fais ça juste pour vous montrer que vous pouvez aussi adopter cette approche. Encore une fois, selon le projet, en fonction de la niche. Parce que vos entreprises clientes ne vont pas apprécier ce style que je crée dans Adobe XD pour le moment. Mais vos clients qui aiment utiliser une sorte de style amusant et ludique vont vraiment apprécier ce type de design. Donc si nous revenons à Adobe XD et que je vais vous montrer ça ici. Donc, nous allons simplement la position est juste ici. Peut-être que quelque part ici, les analystes utilisent Control D. Je vais le dupliquer et le positionner à peu près ici, par exemple. Et peut-être quelque part par ici. Et peut-être que je peux utiliser la même distance ou 52 dans ce cas, peut-être que je peux le faire et je peux peut-être changer de couleur derrière moi pour que vous puissiez le voir. Donc, um, peut changer la couleur pour quelque chose d'un peu plus sombre parce que nous allons utiliser cette nuance de couleur pour nos couleurs. Donc, je peux réduire la taille à ici, et je peux utiliser la grille de répétition une fois de plus pour extraire quelques couleurs. Par exemple, quelque chose comme ça, peut-être sur le groupe migrer. Et je peux peut-être positionner ça un peu ici. Peut-être que je peux l'agrandir comme ça. Et peut-être qu'il peut en utiliser un de plus. Donc Control D. Je peux le réduire un peu et peut-être le positionner ici. Alors maintenant que nous avons tous ces éléments, peut-être ce qui manque, c'est une typographie. Donc, je peux frapper T et taper, par exemple, ludique. Il y a un je peux, par exemple, utiliser quelque chose comme Open Sans. Dans ce cas, peut-être que je peux utiliser un peu audacieux et je peux l'échelle à 36 peut-être juste pour que vous puissiez le voir. Si ludique Control D, je peux, par exemple, taper amusement. Contrôlez l'un ou l'autre comme l'amitié. Contrôle D Je peux le mettre ici, café. Et disons le contrôle D, la relaxation. Alors on y va. C'est notre moodboard. Préparez-le. Ce que je vais faire ensuite, c'est simplement apporter mes images. J' ai déjà quelques images que j'ai préparées juste pour cette démonstration. Mais vous pouvez aller de l'avant et utiliser les images de vos clients ou vous pouvez utiliser l'un des sites dont nous avons parlé, ou encore mieux les éléments Envato parce qu'ils ont littéralement l'arité. Donc, ce que je vais faire est de glisser et déposer une image juste ici, juste pour la remplir. Je vais aller le déposer ici. En passant, vous pouvez utiliser la grille de répétition lorsque vous l'avez créé, vous pouvez simplement glisser-déposer la première image va remplir avec toutes vos images. Et puis tu pourras faire tous ces changements que j'ai fait dans ce cas. Mais j'aime le faire comme ça. Alors peut-être que je peux positionner ça ici parce que c'est un café. Je vais le placer ici. Peut-être que je vais placer cette image ici. Double-cliquez, déplacez-le comme ceci. Et voyons, peut-être que je peux positionner cette image ici comme ça. Cela ne fonctionne pas pour notre exemple. Donc ce que je vais faire est peut-être glisser-déposer, Disons cette image comme ça. Et je pense que c'est beaucoup mieux. Ce que je vais faire ensuite est simplement échantillonner quelques couleurs. Mais avant de le faire, ce que je peux faire, c'est peut-être trouver une autre image qui va correspondre, eh bien. Parce que je n'ai pas préparé de logo ici. Mais par exemple, je peux peut-être cliquer ici et utiliser l'un de ceux-ci. Alors voyons ce que c'est. Tu es le logo. Donc, je pense que non, parce que vous pouvez utiliser ces plug-ins et extensions pour le faire facilement. Donc, comme je l'ai dit, vous pouvez soit extraire des images de votre client, de votre ordinateur, d'Envato Elements, par exemple, ou de l'un de ces plugins. Mais disons UI Faces. Et je veux inclure de Unsplash, je veux utiliser, disons des filtres masculins et féminins. Et je vais cliquer, Appliquer au hasard. Et il va choisir une image et il va l'appliquer aléatoirement à cet espace réservé d'image particulier est que vous pouvez le voir positionner celui-ci. Si c'est quelque chose que tu veux, alors très bien. Mais revenons en fait à notre dossier et voyons. Ce que j'aimerais faire, c'est apporter celui-là parce que c'est un café. Et je peux double-cliquer peut positionner ici parce que le café devrait vraiment être au centre de cette conception particulière. Enfin, ce que je veux faire est en fait échantillonner quelques couleurs. Ce que j'aimerais faire, c'est passer de plus clair à plus sombre. C' est plus facile, juste dans mon cas, mais tu peux aller dans le sens inverse du pouvoir que tu veux. Donc, pour celui-ci, je peux simplement cliquer ici. Et par exemple, sélectionnez celui-ci. Et je peux cliquer ici. Et peut-être commencer par, je ne sais pas. Allons-y avec celui-là. Peut-être. Je peux cliquer ici et en échantillonner l'un. Alors je pourrai aller à mes couleurs sombres comme celle-ci. Cela va être vraiment génial si votre client a déjà des meubles, par exemple, et qu'ils vous envoient des images de leur café, de là endroit. Ainsi, vous pouvez facilement tirer ces images et vous pouvez échantillonner les couleurs de ces images particulières et vous pouvez facilement les présenter ce tableau d'ambiance. Alors on y va. Comme ils l'ont dit, vous pouvez aller vraiment en profondeur. Vous pouvez entrer vraiment dans beaucoup de détails. Ou vous pouvez simplement faire quelque chose comme ça, qui est rapide, qui est propre, juste pour montrer à votre client quelles sont les possibilités de ce projet particulier. Mais vous pouvez également faire est simplement sélectionner ces couleurs et sauter ici, cliquez ici pour les ajouter à vos couleurs. Et par exemple, si vous avez besoin de changer cette couleur de texte, je peux simplement cliquer ici, par exemple. Et je peux facilement changer dans appliquer différentes couleurs si vous voulez obtenir ce look encore plus ludique. Donc tu peux finir avec quelque chose comme ça. Si c'est quelque chose que votre client appréciera, si c'est leurs besoins, si c'est quelque chose qu'ils aiment, alors elle va aller de l'avant. Mais si c'est un peu plus corporatif que vous pouvez sauter à l'intérieur et explorer peut-être notre mise en page comme je vous l'ai montré dans ces moodboards que nous avons créés. Enfin, ce que je veux vous montrer, c'est que vous pouvez inclure quelques éléments de fond. Donc, par exemple, je peux le dessiner et faire glisser et créer un rectangle comme celui-ci. Je peux créer une couleur comme celle-ci. Je peux le positionner juste ici. Et si je n'aime pas la couleur, je peux facilement l'échanger et la changer pour quelque chose comme ça. Juste pour faire ressortir mes images juste un peu. Et d'inclure peut-être que des éléments ludiques en ce que vos clients pour les jambes et vous pouvez obtenir un résultat comme celui-ci. C' est tout pour cette vidéo. Dans la prochaine vidéo, je vais vous montrer comment vous pouvez partager ce Moodboard avec votre client. Si vous voulez obtenir des commentaires en ligne ou si non, vous pouvez facilement les imprimer. Et je vais vous montrer comment vous pouvez exporter pour l'impression à partir d' Adobe XD, comment ils ont l'air imprimés et ce que vous pouvez faire avec eux. Alors je te verrai là-bas. 6. Partagez ou exporter votre mood board: Dans cette vidéo, je vais vous montrer quelques paramètres que vous pouvez utiliser pour exporter votre moodboard et l'imprimer. Et je peux aussi vous montrer ce que vous pouvez faire pour partager ce tableau d'humeur en ligne avec votre client et obtenir les commentaires de cette façon. Donc, si nous revenons à Adobe XD, voici notre tableau d'ambiance que nous avons créé. Ce que vous pouvez faire, c'est simplement le partager comme ça. Ainsi, vous pouvez partager ce rapport particulier que nous avons créé avec votre client et vous pouvez simplement partager celui-ci. Vous pouvez également cliquer ici sur l'onglet Partager. Cliquez sur Générer un lien sur le bouton bleu, qui va apparaître juste ici. Vous pouvez copier ce lien et le partager avec votre client. Maintenant, ce que ce lien va vous permettre de faire est de recueillir des commentaires et votre client peut vous laisser des commentaires sur ce tableau d'humeur particulier s'ils sont loin de vous, par exemple, ce qui est un excellent moyen de communiquer avec des clients qui ne sont pas dans votre région. Vous pouvez donc simplement partager ce lien avec eux. Ils n'ont pas besoin d'avoir un compte Adobe, aucun compte d'ailleurs. Ils peuvent simplement sauter à l'intérieur de ce lien et ils peuvent simplement vous laisser des commentaires. Vous pouvez parcourir mes autres classes sur la conception UX de l'interface utilisateur pour voir cela en action et pour voir ce processus de partage en action. Parce qu'il va vraiment en profondeur et vous pouvez vraiment pointer les tours et ils peuvent laisser certains commentaires sur certaines parties de votre conception et ainsi de suite. Et plus tard, lorsque vous commencez à créer votre conception dans Adobe XD, par exemple, vous pouvez développer ce fichier existant afin d'ajouter des trames filaires , ajouter du design, , ajouter du design, ajouter du prototypage. Vous pouvez ajouter des guides de style. Vous pouvez ajouter chaque chose à l'intérieur de ce fichier. Donc, votre lien de partage va évidemment croître. Assurez-vous que vous utilisez la version gratuite d'Adobe XD pour partager une seule conception avec votre client, car c'est la limite avec le forfait gratuit. Si vous disposez d'un forfait Premium, d' un forfait Premium tel qu'un abonnement Adobe XD Creative Cloud ou un forfait Adobe XD Premium, vous n'avez pas cette limite. Mais si vous utilisez la version gratuite, vous l'avez. Laissez-moi juste un lien que vous pouvez partager avec votre client. Donc, une fois de plus, si vous êtes intéressé à vérifier mes autres classes parce que ces types peuvent vraiment aller en profondeur. Et je pense que je suis un de mes cours précédents. Il y a quelque chose comme trois heures de session où nous allons vraiment dans les détails sur les paramètres de partage pour Adobe XD parce que vous pouvez partager pour les clients, vous pouvez partager pour les développeurs, vous pouvez partager votre présentation ou vous pouvez les coûter partager et d'ajuster tous ces différents paramètres à l'intérieur de cela. Donc je n'ai pas le temps dans ce cours particulier et je ne veux pas vraiment t'ennuyer parce qu'on a juste des moodboards. Mais lorsque vous commencez à prendre de l'expansion, c'est vraiment essentiel pour comprendre ce que vous devez faire pour partager avec vos clients. La prochaine chose que nous pouvons faire est d'exporter ceci. Donc si nous revenons ici, je peux aller à File Enregistrer sous et l'enregistrer comme ça. Ou je peux simplement appuyer sur Control E sur mon plan de travail et je peux simplement l'exporter comme ça. Donc, je peux utiliser PNG, je peux utiliser SVG, je peux utiliser PDF, et je peux utiliser JPEG. Vous pouvez définir la destination ici. Donc, c'est la sortie où votre fichier va aller une fois qu'il est enregistré. Donc, ce que je vais faire est de frapper JPEG, frapper Exporter, puis de frapper Control E une fois de plus. Ensuite, modifiez-le en PDF. Et je vais l'exporter encore une fois. Pourquoi je fais cela, c'est que je veux simplement avoir la possibilité d'imprimer à la fois JPEG et PDF en comparant simplement quel type d'élément fonctionne-t-il le mieux. Ainsi, par exemple, dans certains cas, les PDF ont une meilleure qualité. Dans d'autres cas, les jpegs ont une grande qualité. Donc ce que je recommande vraiment, c'est d'exporter le bateau et de voir où chacun d'eux va vous emmener. Donc je vais aller de l'avant et l'imprimer maintenant et revenir vous montrer à quoi il ressemble imprimé et ce que vous pouvez faire avec ces versions imprimées. Ok, je vais te montrer à quoi ça ressemble imprimé. Donc ici nous avons ce fichier Adobe XD, et ici vous l'avez imprimé. Et, et vous pouvez faire avec cette version imprimée est que vous pouvez simplement utiliser votre stylo et papier et vous pouvez sauter à votre client et discuter des solutions possibles, discuter des changements possibles. Donc, si vous les rencontrez chez eux, à leur bureau, par exemple, ils pourraient dire que c'est trop sombre. C' est, par exemple, la clé, le monde clé qu'ils veulent utiliser dans leur copie, disons, ou si c'est quelque chose qu'ils s'efforcent d'atteindre. Vous pouvez donc vraiment discuter avec eux de tous ces différents sujets, toutes ces différentes solutions que vous avez créées ici et l'imprimer ici. Ainsi, par exemple, vous pouvez dire que ces images ne fonctionnent pas. Et ils veulent en voir plus. Et par exemple, nous n'avons pas inclus de gens ici, peut-être plus de gens. Images. Plus d'entre eux, plus de café par exemple, quelque chose comme ça. Donc, vous avez l'idée, vous allez discuter avec eux, tous ces changements, toutes ces images différentes, toutes ces couleurs. Et quand vous êtes d'accord avec eux, par exemple, ici, nous avons juste inclus une police. Mais peut-être que si vous avez inclus plusieurs polices différentes dans votre moodboard, ils vont peut-être prendre celle-ci et dire aller avec celle-ci. Et si vous avez choisi plusieurs polices avec plusieurs couleurs, peut-être qu'ils vont dire, oui, cette police avec cette couleur, par exemple, fonctionnera très bien dans notre cas. Donc, vous allez remarquer un peu d'équipe, un peu de tendance qui se développe une fois que vous commencez à explorer cela, une fois que vous commencez à parler avec vos clients, j'ai volontairement laissé notre espace autour de toutes mes images, autour toutes mes couleurs, juste pour que je puisse facilement écrire ça. Tu n'as pas à faire ça. Vous pouvez facilement basculer autour de n, par exemple, vous pouvez appeler cette image numéro 1, 2, 3, 4. Et de l'autre côté, vous pouvez le retourner. Et par exemple, image un, vous pouvez dire bon. Image trois, par exemple, pas bon. Ou trop sombre ou tout ce que vous voulez obtenir comme référence. Et c'est juste pour vous aider quand vous commencez à développer ce design, quand vous commencez à développer ce ton. Et comme je l'ai dit, c'est vraiment génial parce que vous pouvez l'imprimer, donner à votre client. Ils peuvent laisser ces notes autour et ils peuvent facilement se faire une idée de l'endroit où ce projet va aller en arrière et en avant. Si vous le pouvez, vous pouvez apporter ces changements avec ces choses que nous venons de discuter et vous pouvez imprimer ceci une fois de plus. Vous pouvez retourner voir votre client s'il est quelque part près de vous, et ensuite vous pouvez vous asseoir avec eux une fois de plus et simplement leur demander Est-ce la bonne direction maintenant, est-ce à quoi vous voulez qu'elle ressemble ? Aimez-vous plus cette direction ? Aimez-vous ce style plus ? Et toutes ces questions différentes. Donc, s'ils disent oui, alors vous pouvez sauter ici et ensuite vous pouvez facilement les prendre, par exemple, comme ceci. Et s'ils n'aiment pas celle-là, peut-être que tu peux faire comme ça. Donc, comme je l'ai dit, ce n'est qu'un exemple rapide de ce que vous pouvez faire avec ces moodboard. Alors assurez-vous de comprendre que ce processus de conseil d'humeur va prendre temps et parfois sur certains projets va vous prendre, par exemple, 15 minutes pour créer et peut-être 30 minutes pour discuter avec vos clients sur certains projets va vous prendre une journée pour créer en deux à trois jours pour discuter avec votre client, pour déterminer le style global, par exemple, toute direction orale du projet lui-même. Assurez-vous donc de calculer cela dans votre budget parce que c'est la partie du processus de conception que vous devriez charger pour les planches d'humeur. Assurez-vous donc de comprendre que lorsque vous commencez à travailler, comme il l'a dit, assurez-vous d'ajuster la taille de votre papier. Donc, par exemple, c'est A4. Si vous travaillez avec les États-Unis, la taille de la lettre, par exemple, vous pouvez l'ajuster à cette taille particulière dans Adobe XD ici. Donc, comme je l'ai dit, vous pouvez sauter ici, ajuster les pixels au besoin, les ajuster comme vous le souhaitez. Vous pouvez retourner cela si c'est quelque chose que vous voulez et assurez-vous quand vous l'imprimez. Ne vous inquiétez pas de 300 dpi car comme je l'ai dit, adobe XD est un vecteur de type 2. Alors c'est tout. Assurez-vous de le tester, assurez-vous de l'essayer, assurez-vous de parler avec vos clients. Parce que comme je l'ai dit plusieurs fois tout au long de cette classe, cette partie du processus de conception est de déterminer votre propre style, la direction générale, La tonalité globale. Assurez-vous donc de tenir compte de cela dans vos interactions de conception. 7. Votre projet de cours: Votre projet de classe pour cette classe est d'utiliser Adobe XD ou n'importe quel logiciel pour créer un moodboard, vous pouvez utiliser un exemple comme j'ai utilisé, et vous pouvez utiliser vos propres images, vous pouvez utiliser vos propres couleurs, vous pouvez utiliser votre propre style et vous pouvez obtenir le résultat similaire que j'ai fait. Et assurez-vous de télécharger cela, ce projet de classe dans la section projet de classe de cette classe. Vous pouvez le télécharger comme un simple JPEG. Et je suis super excité de voir ce que vous pouvez trouver et ce que vous pouvez créer en utilisant les conseils et les techniques que vous apprendrez de ce cours. Comme je l'ai dit, il n'y a pas de limitation. Vous pouvez créer ce que vous voulez. Vous pouvez utiliser 1, 2, 3, cinq images. Vous pouvez utiliser 10 couleurs différentes. Vous pouvez utiliser, je ne sais pas, trois types de polices différentes. C' est à vous de décider et vous avez la liberté totale. Je veux juste voir certains de ces conseils et techniques implémentés dans votre travail. Donc, une fois de plus, assurez-vous de l'enregistrer en tant que JPEG et de le télécharger dans vos fichiers de projet de classe. Et j'ai hâte de voir ce que vous pouvez trouver. 8. Conclusion et ressources: Merci d'avoir regardé ce cours. J' espère vraiment que vous y trouverez de la valeur et j'espère vraiment que vous allez appliquer au moins certains de ces trucs et astuces que vous avez appris dans cette classe dans votre travail. Et n'oubliez pas que les moodboards peuvent vous faire gagner beaucoup de temps parce que lorsque vous commencez avec les mots Lune, vous pouvez commencer ce processus d'exploration beaucoup plus rapidement que si vous commencez la conception dans Adobe XD, dès le départ va pointer votre client dans la bonne direction parce que vous allez déterminer, comme nous l'avons dit, la tonalité globale, le style sonore, les couleurs globales, les polices, l'aspect et la sensation de votre design avant de commencer à concevoir. Ils sont donc vraiment importants si vous voulez économiser beaucoup de temps et votre client beaucoup d'argent, alors que vous pouvez toujours facturer plus parce que vous allez faire cette phase d'exploration et vous pouvez le mettre à l'intérieur de votre facture pour ce projet particulier. Rappelez-vous qu'il y a un fichier PDF dans votre classe, sorte que vous pouvez simplement télécharger ce fichier PDF et vous pouvez l'explorer. Vous pouvez aller de l'avant et cliquer sur ces liens, que j'ai mentionnés, et vous pouvez y accéder si vous le souhaitez. Assurez-vous de consulter mes produits Moodboard, que je vais également lier dans le PDF. Si vous voulez vous inspirer ou si vous voulez les acheter. Et je recommande vraiment les éléments Envato parce que je pense qu'ils le sont, il y a absolument tout ce que chaque concepteur a besoin sur ce site particulier. Donc, si vous êtes intéressé à être sûr de vérifier. En outre, je vous verrai dans la classe suivante si vous êtes intéressé par la conception UX de l'interface utilisateur Adobe XD. Et j'ai hâte de voir ce que vous pouvez trouver et ce que vous pouvez créer avec les conseils et les techniques que vous avez appris de ce cours. Encore une fois, merci d'avoir regardé et je te verrai dans la prochaine. Prends soin de toi.