Transcription
1. Présentation - UX Diamond et logo Design: Bonjour les amis, bienvenue. Aujourd'hui, nous allons voir
comment créer des idées de
logo
avec Design One, en utilisant le
logiciel de conception gratuit, Big Mac. Dans ce cours, je vais
enseigner vos principes. Vous pouvez ensuite les utiliser
vous-même pour résoudre des problèmes. Apprenez à quelqu'un à pêcher
tel qu'il est, et vous
le nourrirez toute une vie. Dans ce tutoriel, nous avons
appris le diamètre bipôle UX, qui est une visualisation
d'un processus de conception. Nous l'utiliserons ensuite
pour créer un logo
grâce à un exercice. Vous pouvez ensuite publier
votre exercice
dans la galerie de projets de
ce cours située sous l'
onglet Projet et ressources pour nous montrer comment vous
y êtes allé et recevoir des commentaires
de moi-même et de vos pairs. N'oubliez pas que c'est un
espace sûr et les commentaires
nous aident à nous améliorer et à nous améliorer
au fil du temps. Vous voulez des commentaires. Je m'appelle Olivia. Je suis chef
de produit à Melbourne, en
Australie, et je travaille sur des produits logiciels
numériques. Très bien. Je vous verrai en classe. Allons-y.
2. Projet et ressources du cours: L'équipe de bienvenue. Ce cours sera
divisé en deux sections, une section théorique et
une section pratique. Dans la section théorie, nous découvrirons
le double diamant UX, ainsi que les
principes directeurs de la conception du logo. Dans la section pratique, nous utiliserons Figma pour
concevoir notre logo. Et pendant que vous
faites l'exercice, ce sera bien si vous
pouviez le poster dans la
section galerie de projets à partir de là, je pourrai vous
donner des commentaires, ainsi que si vous
avez des questions, vous serez en mesure de
me poser ces questions. Et vous pourrez également
montrer à vos pairs comment
vous progressez. Très bien, commençons.
3. Théorie du diamant double UX: Bienvenue de retour. Dans ce cours, nous allons voir
l'UX doublé. Le double diamant de l'ONU est la visualisation
du processus créatif. Fondamentalement, nous l'utilisons
pour résoudre des problèmes. Très bien, allons de l'avant et dessinons notre double dénominateur. La première partie
du diamant nous aide à déterminer si nous
concevons la bonne chose. Le deuxième diamant nous
aide à déterminer si nous sommes en train de concevoir
la chose, n'est-ce pas ? Le double diamant
est composé de quatre D. 1234. Plus de demande pour ces personnes
faciles à retenir. Numéro un, c'est le
premier IEP découvert. Le numéro deux est défini. Le numéro trois est développé. Le numéro quatre est livré. Quand on découvre. Fondamentalement, nous
voulons diverger, c'est-à-dire. Nous voulons parcourir le plus
grand nombre possible d'inserts, aller de l'avant et faire nos recherches. Découvrez. Nous voulons diverger. Nous voulons aller plus loin et recueillir le plus de
connaissances possible. Une fois que nous avons fait nos recherches,
nous nous sommes rassemblés à l'intérieur. Maintenant, nous voulons converger. C'est-à-dire que nous voulons définir quand nous définissons la convergence. Cela signifie
que nous zonons sur des informations qui
nous intéressent. Maintenant, nous avons fait nos recherches. Nous effectuons un zonage sur des informations
particulières. Et cela nous aide à
concevoir ce qu'il faut. Et nous allons passer
au numéro trois,
qui est développé. Lorsque nous nous développons, nous
voulons diverger à nouveau. Cela signifie que
nous voulons générer autant d'idées que possible. Générez des idées, et
il n'y a pas d'idées stupides. Tout ce qui vous vient à l'esprit, mettez-le sur papier, mettez-le sur votre logiciel de conception. Ne vous limitez pas. C'est gratuit, et mettez tout sur papier. Une fois que nous aurons beaucoup d'idées, nous voudrons alors
converger vers l'idée finale, ce qui nous amène à D numéro
quatre, qui est livré. Lorsque nous livrons,
nous convergeons. Ce que cela signifie, c'est
que nous voulons privilégier une idée. Une idée. À un niveau élevé, le diamant UX se
heurte essentiellement à un problème. En passant par les années 40. Cela nous aidera à
accélérer une solution. Il s'agit de notre double dommage UX. Au cours du prochain cours,
nous utiliserons cela pour nous aider à trouver des idées de
logo et, espérons-le,
un logo final ou une équipe. Je vous verrai dans le prochain cours.
4. Caractéristiques d'un bon logo Design: Bienvenue à l'équipe. Avant de sauter dans Figma
et de commencer à concevoir, regardons les
caractéristiques qui constitueraient un bon logo. Le logo doit être
simple et mémorable. Fondamentalement, simplifiez les choses pour que les gens s'en souviennent au fil
du temps simplement en le voyant. Il doit également être
polyvalent et intemporel. Polyvalent, ce qui signifie que vous ne
pouvez pas l'avoir grand ou petit, en changeant les couleurs comme je pense, c'est que nous l'avons
mis sur des t-shirts. Vous pouvez inverser les couleurs entre le
noir et le blanc, ce qui
signifie que votre logo est
noir et le t-shirt blanc. Ou rendre votre logo blanc
et le t-shirt noir. Je vous verrai dans la prochaine
vidéo où nous allons concevoir notre logo dans Figma. voit bientôt.
5. Conception de notre logo avec le double diamant UX et Figma: Hey, équipe, bienvenue en classe. Où allons-nous examiner le double diamant UX
et comment nous pouvons nous aider avec la conception de notre logo. Très bien, tout d'abord, si vous ne l'avez jamais fait auparavant, rendez-vous sur figma.com.
Comme vous pouvez le voir ici. Et vous pouvez vous inscrire
à une sortie numérique. Vous pouvez utiliser Figma dans navigateur juste après avoir
créé un compte, ou vous pouvez utiliser l'
application Figma en téléchargeant l'application pour votre Mac ou
votre ordinateur Windows, comme je l'ai fait ici. Je vais simplement utiliser l'
application pour ce tutoriel. Allons-y et vous
verrez ce plus ici. Si vous avez téléchargé l'application, cliquez
simplement sur Plus. Allez-y et agrandissez les choses. Nous allons cliquer sur le fichier InDesign. Allez-y et appelez
ce logo design. Super. Très bien, donc d'abord, dessinons notre UX,
elle a doublé. Et pour ce faire, il suffit de saisir un rectangle
que l'on peut trouver ici. Ou en appuyant sur R sur votre
clavier. J'utilise Mac. Certaines commandes
peuvent ne pas être les mêmes si vous utilisez une machine
Windows, nous cliquons simplement sur Maj, faites ce
décalage plus gros pour qu'il conserve son ratio ici, 256 sur 256. Si vous appuyez sur Maj X, ce que cela va faire, il
inversera le trait et le remplissage. Nous allons aller de l'avant et
rendre ce coup rouge. Nous allons le faire pousser un peu. Agrandissez avec ça. On peut faire pivoter ça à 45
degrés juste ici. Nous avons notre
premier diamant UX. Si vous appuyez sur option. Fondamentalement, c'est faire glisser
cette forme. Nous aurons notre double
diamant UX. Incroyable. Très bien, allons continuer et
appuyer sur L pour la ligne là-dessus. Tout comme ça. Venez ici,
revenons à l'AVC. Changeons la
ligne pour aller. Avec moi. J'utilise un trackpad
pendant ce voyage. Peut augmenter la
valeur du trait sur la ligne. Et si vous appuyez sur les
triples points ici, vous pouvez voir que nous pouvons changer la ligne de contour de solide
et la rendre tirée. Encore une fois, si vous appuyez sur Option, vous pouvez créer
deux lignes et faire glisser
l'autre ligne ici. Très bien, allons continuer
et appuyer sur T pour obtenir du texte. Et si vous vous souvenez de notre
diamant, la
première partie de celui-ci était due à cela, si vous vous souvenez, les
années 40 découvrent essentiellement. Faisons en sorte que cela soit audacieux. Allons agrandir ça. Maintenant, vous pouvez adapter cette zone
au texte juste ici. Même principe. Si vous appuyez sur Option et
que vous faites glisser cette option, vous en obtiendrez un autre. Si vous passez à la commande D, commande D placera copies à la même distance
que vous l'aviez auparavant. La deuxième partie du premier
diamant devait être définie. Le troisième a été le
développement et la livraison. Et nous avons notre
double diamant UX. Très bien,
allons-y et utilisons-le pour nous
aider
à concevoir un logo. Je vais cacher ça une seconde. Nous allons tout regrouper. Si vous mettez en évidence tout cela. Et appuyez sur la commande G pour regrouper. Et ensuite, ce que nous allons faire, c'est que
nous allons élargir un peu cela pour nous
donner de l'espace. Très bien, nous avons eu la première
section du diamant. Découvrez. Si vous appuyez sur F, vous aurez la possibilité
de dessiner un cadre. Et si vous regardez le
côté droit ici, il y a différentes tailles de montures. Allons-y et pk cinq. Nous avons donc de l'espace et nous le mettrons
dans la section Découvrir. Disons que j'ai un café que je voulais créer le
logo de la poitrine T pour le texte. Il a dit que mon kapha est en or. Autre, depuis Cafe, disons depuis cette option café
San Francisco
et que vous pouvez faire glisser cela pour
créer une zone de texte en double. De quoi cela me rappelle-t-il ? Cela me rappelle le soleil, le coucher du soleil. L'anaphase, évidemment. Je veux dire, Melvin
me rappelle la plage. Je suppose qu'un café sur la plage. La plage. Nous allons en rester là. Pour l'instant. La partie Discover
du diamant et nous allons expliquer pourquoi nous voulons mettre autant d'idées
sur papier que possible. Il n'y a aucune contrainte
dans la pensée puisque le café me
rappelle toutes ces choses. Très bien, utilisons
Google pour la santé. Que
nous dit Google pour nous inspirer ? Si nous avons un logo depuis Set ? Pas mal, c'est plutôt bien. En fait. Pour m'inspirer, je vais aller de l'avant et imprimer
l'écran sur ces logos. Que diriez-vous d'un peu de travail pour Café ? Soyez deux d'entre eux. Je ne peux pas épeler plage. Qu'en est-il de la
pente de la plage de Melvin. Prenons juste une
capture d'écran pour l'instant. Donnez-lui un cluster. Maintenant.
Voyons ce que nous avons obtenu. Comme il logo espace
plus petit et le rend plus petit, j'appuie sur la touche Maj
comme nos résidents. Vous pouvez simplement le redimensionner en le
saisissant depuis le coin. Comme vous pouvez le constater, les bibliothèques sont simples,
potentiellement mémorables. Un ici, polyvalent. Je peux probablement l'imprimer sur n'importe lequel pour le montrer en flip la
couleur pourrait même avoir une bonne lecture si je veux entendre c'est à notre inspiration. Ainsi, vous pouvez réellement
utiliser ces activités dans la boîte en temps réel des
étudiants. La plupart du temps, c'est que nous
vous simplifions la tâche d'avoir une référence, mais vous pouvez ensuite sortir votre temps et
jouer avec elle. Très bien, nous avons divergé, redécouvert, et tous
ces éléments sont des inspirations. Nous voulons maintenant
converger et définir. Donc je vais aller de l'avant
et choisir celui que j'aime bien. Cela m'aidera ensuite avec la troisième partie
du diamant, qui consiste à développer quelques idées. Allons faire une pause ici. Comme ça, c'est assez simple. Pour les couleurs. Celui-là, ici. Eh bien, je suppose que ces deux-là
fonctionnent très bien. Eh bien, c'est un peu compliqué
car il y a beaucoup de nuances là-dedans. Celui-ci est donc potentiellement
simple, mémorable. Et celui-là pour les couleurs. Que diriez-vous du café sage ? Celui dont nous
parlions auparavant, qui est ici ? Celui-là pour
son truc maladroit. Celui-là. Celui-ci parce que c'est assez
simple et mémorable. Mellon n'est pas désolé,
intéressant. OK, c'est cool. Alors, qu'avons-nous ? Nous convergeons et nous
saisissons ces quatre idées. En cliquant sur Maj, je peux
redimensionner et unimodal. Encore une fois, le changement réside. Grattez sur le coin pour nous
donner plus d'espace. Très bien, maintenant que nous
avons convergé et sélectionné
quelques-uns que nous
aimons, nous allons aller de l'
avant et maintenant attirer notre regard
ou est-ce l'idée ? Je suis fatigué de ce
tutoriel si développé, nous allons à nouveau développer
nos idées, pressons F A5 ici. Très bien, c'est
très intéressant. Donc, en regardant cela, ce qui vous vient à l'esprit, c'est
que vous pouvez appuyer sur P pour le stylo. Le stylo est un outil très
cool dans Figma. Il vous permet de
dessiner toutes les choses. Peur de la presse pour Point. Appuyez à nouveau, ne relâchez pas pour un autre point,
puis commandez. Et il vous permet de
courber. C'est plutôt cool. Hé, cool. Évadez-vous pour briser ça. Encore une fois, cliquez sur courbe de maintien. Et si vous continuez, il en
tirera généralement un autre. C'est peut-être le soleil auquel
je pense. À cause du café Sunset. Parce que c'est un café. Probablement représenter
Cathode Sunset Cafe. Le soleil se couche. C'est peut-être
sur ma tasse à café. Un peu plus gros. Maj. Les lignes sont droites. Ma tasse a une poignée, cliquez sur Commande, faites glisser T pour le texte. On l'appellera peut-être
le café Sunset. Venez ici sur le
côté droit. Convient à TTX. Et nous allons le rendre
un peu plus mince. Comme, hé, regardez ça. C'est ma première idée de logo. Tout d'abord, une bonne idée d'équipe. C'est vrai ? Maintenant, vous pouvez soit trouver nouvelles idées, soit aller de l'avant
et jouer avec celle-ci ici
pour générer des idées
différentes et
l'utiliser comme source. C'est ce que je vais faire. Peut-être que je vais d'abord les regrouper, ne pas les casser. Très bien, maintenant vous
appuyez sur Option et faites glisser, venez de créer un double. Vous pouvez jouer
avec ce double-clic. Vous allez revenir dans
ce mode vectoriel. Et si vous cliquez dessus
, vous pouvez le supprimer, supprimer, le supprimer afin pouvoir supprimer
des sections de votre dessin, ce qui est très pratique. Penn, je veux rendre
la voiture un
peu plus séparée avec la tasse. Principal, cliquez sur, cliquez sur
Commande et faites glisser le curseur. Peut-être que je veux une tasse en coin. Cliquez donc sur cette
ligne ci-dessous, appuyez sur Supprimer et débarrassez-vous de celle-ci. peut rendre ce changement un
peu plus court pour qu'il reste droit. Cette ligne rouge vous
montre qu'il s'agit d'une ligne D pour Penn. Cliquez sur. Ne lâchez pas la commande Glisser. Rouge, montrant le numéro
droit, décaler. Je vous aide là-bas. Cliquez, cliquez sur, faites glisser le curseur. Lâchez-vous. C'est peut-être notre deuxième vidéo. Nous allons sélectionner cette option. Faites glisser ce droit d'auteur. Je veux peut-être
avoir un plein soleil. Donc, ce que vous pouvez faire est
l'option Glisser puis déplacer, déplacer pour la retourner
verticalement. Regardez-moi ça. Je veux peut-être changer
ça un peu maintenant. Je ne veux peut-être pas que
ce soit différent. Peut-être que nous voulons un
autre type de tasse. Maintenant. Supprimez cela. Un peu plus petit. P pour stylo. Double-cliquez sur cette commande
P pour stylo. Puis cliquez sur,
cliquez sur Commande enfoncée. Cliquez sur, cliquez sur Commande, fermez. Regardez-moi ça. L'idée prend forme. D'accord ? C'est peut-être une autre idée. Option, faites glisser, manque
d' espace pour le temps. Alors, continuez à voler. Nous voulons changer
cela un peu. Cette partie, cool. Je veux
jouer avec mon fils. P pour stylo. Souffrant ou non. Je pense que c'était correct. Quelque chose comme ça. Peut-être vouliez juste un
peu plus petit changement et vous pouvez alors
diminuer la taille. Je pense que c'est peut-être que le
soleil est assis à l'intérieur de cet essai de le supprimer. Si vous appuyez sur Maj, vous pouvez vous déplacer de dix pixels. Et si vous lâchez Shift, vous pouvez vous déplacer d'un pixel. Regardez-moi ça. Mon fils est dans la voiture. Très bien, nous allons en
rester là. Je pense que je vais aller avec
cette vidéo pour mon logo. Ou peut-être devriez-vous juste
essayer de ne pas bien façonner, équipe puisque mon enregistrement
est mort à mi-chemin. Je vais donc juste parler
du reste. Ici. Je fais
glisser Option pour dupliquer. Je voulais faire
une autre idée. Avant que nous ayons fini. Changez l'angle. Est-ce que vous êtes négatif dix, comme vous pouvez
le voir sur le côté droit. Je pense que nous avons
une idée du genre de soucoupe. Appuyez sur O pour le cercle, puis vous n'avez qu'à dessiner le cercle,
négatif dix à nouveau. Maj X. Vous allez retourner le contour et le remplissage
juste pour obtenir le contour. Et puis vous pouvez fondamentalement changer n'importe quelle couleur
ici choisirait noir pour qu'il reflète
tout. Nous l'avons fait. Un autre. Je suis juste en train
de modifier un peu le social. Si vous cliquez sur la
ligne et que vous
appuyez sur Supprimer, elle la supprimera. Sam, principal P pour
stylo, cliquez, cliquez, maintenez et faites glisser pour faire de
leur ligne une courbe. Ensuite, de l'autre côté. Cliquez et faites glisser le curseur. On y va. Nous avons un
design social cool qui se produit ici. Et c'est le design final que
nous allons adopter. Vous pouvez programmer cette activité. Vous pouvez continuer
si vous le souhaitez. Mais ici pour cela,
dans le but de ce tutoriel façon de timebox. Et c'était la section «
développement ». Alors nous y sommes allés, pourquoi avons-nous cherché
et trouvé beaucoup d'idées ? Fondamentalement, mettez un bouton
dans notre tête sur papier en regardant l'exemple d'idée. Nous venons de
tout mettre sur papier. Ensuite, nous allons maintenant
passer du côté de la livraison, ce qui signifie que nous
allons à nouveau converger pour assainir notre idée finale. Si vous appuyez sur F pour le cadre ,
puis sur A5 et que vous
obtenez le cadre AFI. Et nous prenons notre dernière idée et nous allons l'améliorer
un peu. Je contrôle C puis je sélectionne le cadre
et vous contrôlez V. Ensuite, nous allons regarder
quelques palettes de couleurs ici. Donc, ce que j'ai fait, c'est que vous appuyez sur ou pour le rectangle
et que vous laissez votre doigt sur Maj pendant
que vous le faites glisser
vers l'extérieur pour en faire une option carrée, cliquez sur glisser vers l'extérieur, puis
vous appuyez sur la commande D pour simplement dupliquer et il dupliquera le même
espacement entre les deux. Vous pouvez les sélectionner
tous et la commande D
, puis vous le
faites glisser vers le bas ou désolé, option, puis
vous la faites glisser vers le bas. Ici. Je viens de faire la commande D
pour dupliquer cette section. Nous allons maintenant utiliser
cette palette de couleurs. Nous contrôlons X que
nous le mettons à côté des couleurs. Pour des idées. Si vous sélectionnez
l'un des carrés. Ensuite, vous allez
dans la section « champ », qui se trouve
à droite. Cliquez sur le remplissage. N'importe quel autre
sélecteur de couleurs, cliquez dessus, est très pratique, il
suffit de cliquer sur toutes les couleurs que vous aimez
bien, remplissez-les. Nous regardons le soleil ici. Ce jaune était donc intéressant. Je suis en train de choisir le
prochain type
de couleur orange intéressant pour notre fils. Puis il y a eu cette couleur
magenta, encore une fois,
intéressée par le Soleil. C'est le bleu parce que cette règle était également
intéressante. Et
regardons ensuite les couleurs du café. Donc, Brown était intéressant. Le brun pâle. Outil très pratique. Il suffit de cliquer sur la couleur que vous aimez et
elle la remplit pour vous. Je cherche encore des marques. Comme idées pour colorier notre représentation finale
de notre logo. Ce brun ici était intéressant. Ensuite, je
cherchais un brun clair. Rendez-le plus léger. Je cherchais par la suite un jaune plus vif. Il y a du jaune, puis
je l'ai rendu plus lumineux. C'est notre palette de couleurs
pour notre idée finale, que nous avons sauté sur
la planche à dessin. Vous avez la touche Maj Down et
faites-la baisser de dix pixels. Cette période similaire ici. Ensuite, nous allons maintenant concevoir des couleurs. Il vous suffit donc de
double-cliquer sur le design. Reprenez le sélecteur de couleurs et sélectionnez la couleur
que vous souhaitez. Couleur claire pour la couverture. Et cela aussi, j'essaie de
faire en sorte que le café Sunset soit
une petite frontière ici. Comme vous pouvez le constater,
dans la mesure du possible, nous avons essayé de rendre
nos critères de logo
simples, mémorables et polyvalents. Vous pouvez changer les couleurs si vous souhaitez l'
enfiler sur des t-shirts. Et j'espère qu'il est intemporel, comme le soleil restera
le même au fil du temps, même dans de nombreuses
années lorsque nous levons les yeux. Merci beaucoup. Veuillez placer vos logos dans la section projet de
cette classe et nous
pourrons les regarder et nous
donner des commentaires mutuels. Et ensuite, si vous
avez également des questions, déposez-la dans la section
commentaires et je vous
répondrai simplement pour
rendre le cours interactif. Je vous verrai dans
la conclusion. Je vous verrai bientôt.
6. Conclusion: Très bien, les amis. C'était donc tout pour aujourd'hui. La meilleure façon de
mieux comprendre ce que nous avons couvert est de simplement
jouer avec elle. J'ai un problème. Utilisez le double diamant UX
pour vous aider à le résoudre. Utilisez-le comme cadre. Fondamentalement, vous pouvez l'utiliser
sur de nombreux types de problèmes. C'était mon premier cours. Donc, si vous avez des commentaires sur la façon dont je pourrais l'améliorer, faites-le moi savoir. Dans les commentaires.
Dma n'a pas d'importance. Tous les commentaires sont les bienvenus. Si vous voulez que j'
enseigne quelque
chose d'autre lié à la technologie
ou au processus. Veuillez également
le laisser dans les commentaires. Je suis heureux de créer un cours
autour de tous les sujets et, jusqu'à la prochaine fois, mes
amis s'en occuperont. Voir.
Olivier
