Croquis pour les concepteurs d'UX : Activité pratique à travers les principes de la Gestalt

1. Introduction : Principes Gestalt et l'ébauche à l'UI: bienvenue. Et merci d'avoir suivi ce cours. Je suis Christina. Déplacez-vous le sentiment. Tu vois ? Concepteur sage et professeur en ligne. Je suis passionné par ce que vous pensez et j'ai programmé pendant mon travail UX. L' objectif principal de ce cours est de pratiquer et de développer les skieurs de capture en passant par les différents principes nationaux. Je vous invite à dessiner avec moi tout au long du parcours. Après il va se réchauffer et parler de nos touristes. Je vais vous présenter chaque invité, notre bombe principale par un, puis créer des captures représentant chacun d'eux. Je vous ai inclus des exemples d'interface utilisateur hommes J'ai choisi invité nos principes pour créer un cadre pour cette petite activité de pratique d'esquisse. Parce que connaître ces principes est vraiment utile pour vous X ou les concepteurs Y. Maintenant vous parlez un peu d'invité, tout CRE, puis nous allons commencer la phase plus chaude. Donc, si votre famille est avec cette théorie, sautez à la prochaine conférence. Guess start est un mot allemand pour la forme et la figure de la série sur la façon dont les différents éléments sont perçus par nos cerveaux lors de leur combinaison d'une certaine manière ou de commander un hors du premier invité, invité,une phrase célèbre psychologue résume la série Plutôt bien, le tout est autre que la somme de la partie. Cette idée peut vous être appliquée. Je conçois aussi. Les éléments d'une interface utilisateur déterminent ensemble comment l'utilisateur peut interagir avec le système . Invité des principes sont les règles de la perception humaine. Notre cerveau est butte pour voir les modèles, la structure, la forme et la logique dans le monde qui nous entoure. Vous pouvez y penser comme une optimisation de la vision. Les perçoivent inconsciemment notre parole dans une certaine mesure. Construire des objets significatifs en combinant la pièce individuelle. Quand les humains perçoivent le mot, il y a tant d'entrées qui arrivent. Au lieu d'analyser ces signataires en tant que parties individuelles, nos cerveaux commencent à organiser les entrées pour former des groupes unitaires. L' invité, tous les principes nous aident à comprendre comment nous faisons ces regroupements. Comment les yeux humains voient. C' est comme quand vous en voyez un hors de vos amis ou membres de votre famille. Vous ne voyez pas seulement son nez ou ses yeux. Vous percevez et reconnaissez le visage comme une prostituée. Donc, pour résumer dans les conférences suivantes, nous allons passer en revue les principes nationaux les plus importants pour deux raisons. Un. Utilisez cette pratique d'approche orteil, esquisser beaucoup de choses pendant ce cours, et la deuxième raison est que connaissant ces principes, eh bien, eh bien, nous allons vous aider à concevoir de meilleurs produits numériques, puisque les hors-la-loi de l'invité influencent également l'expérience de l'utilisateur. Je voudrais savoir que les principes inclus dans ce cours ne sont pas les principes de style original hors gaz. La liste a changé au fil du temps. Ce sont des appareils que j'ai trouvés utiles pour pratiquer, esquisser, et en même temps, les fourgonnettes qui sont bons Toby jamais hors en tant que concepteur UX par ces séries glaciaires de perception sont critiquées pour être redondantes ou trop descriptif. À mon avis, penser à la façon dont les êtres humains perçoivent ce qu'ils voient peut améliorer notre état d'esprit en tant que concepteurs X ou Y. Et encore une chose. Si vous souhaitez développer vos compétences de croquis après le discours, veuillez consulter ma newsletter sur mon site dédié à l'esquisse pour nous en tant que designers. Les USA se rallye esquisser pour vous oeufs point com avant que je parle de chaque principal, car je vous montrerais rapidement ce que vous devez supposer, et nous allons faire un peu d'échauffement aussi bien 2. Outils et mise en place: Alors de quoi avons-nous besoin ? La réponse simple est que tout type de matériel que vous faites le travail, par exemple. Puis Room a utilisé la serviette pour esquisser ses idées, puis a écrit un livre à ce sujet hors cours outils de qualité. Nous et rendre vos croquis plus organisés et présentables. Mais pour les besoins de ce cours, n'importe quelle sorte de papier et ensuite nous ferons le travail. Donc ce sont mes conseils, c'est que vous devriez utiliser du papier blanc ordinaire pour copie est très bien. J' ai trouvé que la route ou les papiers carrés peuvent limiter votre créativité et votre imagination. Les planches blanches sont également de grandes surfaces pour croquis, comme pour dépend à nouveau, toute douleur que vous faites. Mais je recommande d'utiliser deux différents et la maladie pour les fins de cette activité de capture vu pour le plus petit les tests et le stylo de taille moyenne normale. Pour la plupart des choses que nous allons faire, c'est bien d'avoir un plan pour l'ombrage, mais ce n'est vraiment pas nécessaire. Il est également bon pour souligner et ajouter des morts et des dimensions à vos croquis. Je recommande également d'utiliser une couleur. J' ai utilisé son bleu. Vous ne devriez pas choisir le rouge car généralement il indique un rugissement et le vert n'est pas le meilleur choix non plus, car il est généralement signe une interaction réussie et vous ne voulez pas créer des croquis déroutants . Maintenant que nous avons nos outils, nous pouvons plonger dans le croquis. Il est temps pour vous de vous réchauffer avec peur de dessiner avec moi à partir de maintenant. Alors, quel serait le cours de la prostituée ? On va commencer par la chose la plus facile, j'ai pensé. Ensuite, retirez la course Du point de départ comme celui-ci, vous remarquerez que certaines directions sont plus difficiles à gérer. Essayez de garder vos lignes droites. Tu devrais avoir une trace maintenant. Puis lancez des cercles autour de la course, commençant par un plus petit que des cercles légèrement plus grands et plus grands. Comme vous pouvez le voir, la course sert de guide pour que vous puissiez vérifier à quel point vos cercles sont parfaits. Faisons un tour de plus un peu plus vite. Maintenant, nous allons continuer avec une partie de leurs alliés. Lancer une partie de nos vies améliorera votre contrôle de la main, et c'est une compétence très utile à maîtriser, puisque vous inclurez beaucoup d'alliés hors bouteille dans vos yeux. Croquis. Nous avons d'abord commencé des lignes verticales. Notre objectif est de faire la distance entre eux même vous ne serez pas est qu'il devient plus facile, grâce à la soi-disant mémoire musculaire. Puis rouler paralyser horizontalement. Maintenant, essayez de pousser des lignes plus longues. Il est beaucoup plus difficile de les garder droites et de le faire de manière dynamique. Ne ralentit pas. Faire partie des Alliés améliore également vos compétences en coordination. Enfin, on va jeter un désastre paralyser. Cette technique est en fait utilisée pour l'ombrage, et c'est ce qu'on appelle hachures, et si vous dessinez une deuxième ligne, c'est ce qu'on appelle hachures croisées. Donc, comme je l'ai dit dans une conférence précédente, c'est bien si vous avez un stylo pour l'ombrage, mais ce n'est pas un must. Vous pouvez toujours appliquer des hachures ou des hachures croisées après des points et des lignes. Maintenant, nous allons rapidement esquisser quelques formes de base. Les premiers cercles ont commencé de petits cercles. Ce sont presque des points. Ensuite, vous pouvez vous habiliter progressivement. Si vous n'êtes toujours pas à l'aise avec lancer vos cercles, commencez à faire des mouvements circulaires avec votre main. Mais ne touchez pas le papier avec votre stylo pendant les 5 ou 10 premiers mouvements. Si vous pensez que maintenant votre main a eu le bon mouvement. Abaissez votre stylo afin de faire quelque chose comme ça Maintenant, il est temps de triangles. Nous lançons d'abord des triangles littéraux réels, donc les trois côtés devraient être quelqu'un de taille égale. Ensuite, vous pouvez expérimenter avec différentes tailles. Essayez de mettre fin à votre ligne où vous l'avez commencée. Si vous trouvez cela trop difficile, vous pouvez toujours commencer avec trois points. Enfin, on va dessiner des rectangles et des carrés. Lorsque vous esquissez des interfaces utilisateur, vous avez dessiné beaucoup de rectangles pour représenter des boutons. En avant sont des morceaux hors contenu et ainsi de suite. D' abord à travers un set off carrés, puis quelques rectangles à nouveau. Essayez de mettre fin à votre ligne où vous l'avez commencée. Il est également important de créer une partie de nos alliés. Sinon, ça n'aura pas l'air propre. Après le grincement, on va commencer par la loi tout simplement City. 3. Principes Gestalt : Simplicité: la Loi fondamentale sur le départ au gaz est simplement la ville. Tant de choses sont en concurrence pour attirer l'attention dans notre environnement et nous avons une capacité limitée pour traiter les intrants entrants. Par conséquent, notre esprit interprète les choses que nous voyons de la manière la plus simple possible. Cela signifie aussi que nous percevons les choses dans leur ensemble. Qu' est-ce qu'une collection de différentes pièces ? Pense au visage. Exemple. Par exemple, Drew sur l'objet de cette façon a d'abord dessiné un triangle, puis crée un 2ème 1 en ajoutant ces deux mensonges. Alors que vois-tu maintenant ? Vous ne voyez pas une ligne horizontale et quatre lignes diagonales que vous voyez apparaître de la viande ou un tetra hydro sur, puis à travers un équipage douloureux et de petits triangles autour d'elle. Maintenant, vous voyez un fils avec la course hors de la lumière du soleil, pas le cercle et beaucoup essayer la colère. Il fonctionne également avec des lettres. C' est la lettre un pas trop désastreux. Le Ghana et une ligne horizontale se contentent d'offrir des figures facilement reconnaissables pour la perception humaine. Notre esprit est à la recherche de la façon la plus simple, mais aussi la plus pertinente d'interpréter ce que nous voyons. C' est ainsi que fonctionnent vos yeux et vos sites Web. Lorsque nous voyons un formulaire de journalisation, nous avons reconnu le modèle. On ne voit pas seulement trois rectangles. Dans certaines marques, nous voyons les champs d'entrée, le champ, les ouvriers et le bas. Un autre exemple est une diapositive là ou cardosa. On se verra là-bas. Il sait que vous je dessine. Il ne serait pas interprété comme essayer Angers voir les cercles et diriger la colère notre prochaine divulgation principale . 4. Principes Gestalt : fermeture: le deuxième principal principal national recouvrent la divulgation. Cette loi stipule que notre cerveau sent la partie manquante pour obtenir une figure complète, et il crée également une combinaison hors partie pour établir une fermeture entière est appliquée de la bonne façon s'il y a assez de pièces pour créer un tout. Donc, quand on voit des formes incomplètes ou pas proches, on va essayer de les percevoir comme des objets complets. S' il y a assez d'informations. Évidemment, nous devons avoir des connaissances et une expérience préalables sur l'objet donné afin que nous puissions sentir dans l'élément manquant. Nous pouvons interpréter en blanc ou vider nos États-Unis comme des formes aussi. C' est ainsi que fonctionne l'espace négatif. Par exemple, il s'agit d'un rectangle ou d'un conteneur. Ce n'est pas complet, mais notre esprit craint la partie manquante. Il y a beaucoup de conceptions de logo qui ont appliqué l'idée hors de l'espace négatif. Par exemple, il suffit de jeter deux flèches, puis deux rectangles comme celui-ci. Vous pouvez voir l'âge de la lettre émerger. Évidemment, nous pouvons les utiliser pour des icônes ou n'importe quel graphique. Nous percevons ces objets comme une pile de rectangles ou de documents, même si les objets derrière le 1er 1 sont incomplets,par exemple, par exemple, il s'agit d'une icône de panier à côté de la conception du logo et de l'icône. Recai était ce principe quand nous avons gagné les utilisateurs de s'arrêter un instant pour stimuler leur créativité et la pensée afin que nous puissions attirer leur attention mieux. Et en même temps, nous pouvons inclure Ah, petite solution intéressante et intelligente pour éventuellement créer une expérience utilisateur plus agréable. Nous utilisons également la divulgation, peut-être afficher des notifications sur les téléphones ou les tablettes. Vous je par le cercle et le nombre. Salut. C' est une partie de l'icône. Notre cerveau a assez d'informations pour créer un quatre, mon chevauchement de l'élément. Nous utilisons non seulement l'espace disponible de manière intelligente, mais nous appliquons également la loi hors proximité. On en parlera dans une conférence plus tard. Donc, chaque fois que vous chevauchez l'élément sur un u I, je pose toujours la question. Y a-t-il suffisamment d'informations pour reconnaître les objets à l'arrière ? Notre prochain support de printemps pour couvrir le sol de sa figure 5. Principes de la Gestalt : point de figure: le principe de base de la figure stipule que notre esprit essaie de séparer la figure de l' arrière-plan. La figure est l'élément sur lequel nous nous concentrons, et l'arrière-plan est les chiffres entourant cette façon que nous pouvons conduire, n'est-ce pas ? Il y a de l'attention. Voir les choses comme la figure et le sol aide à séparer les entrées les plus importantes des fourgonnettes qui peuvent être ignorées lorsque j'utilise la rencontre. Donc l'interface utilisateur, l'esprit commence immédiatement le processus de séparation. Si l'on compare la taille de ces deux composants, la plus petite sera perçue comme une figure et la plus grande comme le sol. Comme vous pouvez le voir ici, l'étoile est la figure qui dirige fille est le fond. Cependant, dans cet exemple, le plus petit rectangle est une figure, et l'autre est perçu comme le sol. Ce bas s'applique également à la conception d'icônes. La science de la circulation fonctionne également de cette façon. Maintenant, regardons quelques exemples vous. C' est ainsi qu'un bouton d'action judiciaire sur la page de destination fonctionne. Les fenêtres contextuelles ou modèles en sont un autre exemple. Dans ce cas, le chiffre précédent devient temporairement le terrain que nous utilisons pour peut-être armadas au lieu de remplacer complètement le contenu pour avoir les utilisateurs dans l'orientation. Il communique que l'utilisateur est toujours sur la même page. Le contexte n'a pas changé ou regardez cet exemple. Nous savons immédiatement quelles parties sont les messages, donc nous pouvons nous concentrer sur le contenu important par la figure est le contenu sur lequel nous demandons aux utilisateurs de se concentrer. Le contexte joue également un rôle important. Il peut communiquer la marque, dit l'humeur, ou contenir des informations supplémentaires. L' état du sol de la figure n'est pas nécessairement stable. Quelques illustrations intelligentes utilisent cet aspect. Par exemple, regardez ce logo de chat marque. Vous pouvez jeter un oeil à d'autres conceptions de logo espace négatif. Vous voyez comment la figure et le sol changent, le prochain principal, sa proximité. 6. Principes Gestalt : Proximité: la loi de proximité est très importante dans la conception de l'interface utilisateur. Il indique que les objets qui sont plus proches les uns des autres sont perçus nous plus liés ou connectés, puis les objets qui ne sont pas positionnés près d'eux. Les éléments qui sont placés plus près sont vus un déclenchement du même groupe ou catégorie, et non comme des objets individuels. Ce principe s'applique également lorsque les éléments ne partagent pas d'autres caractéristiques comme la taille ou la couleur. La distance relative est suffisante pour que cette règle fonctionne. Un exemple pour le tabouret est la façon dont nous composons les mots de nos lettres et de nos phrases. A partir des mots, Nous mettons des espaces entre deux mots. Il est donc plus facile pour notre cerveau de les percevoir comme cette chose groupe les lettres. Donc, il peut comprendre la capacité. Évidemment, nous les portons obtenir le sens d'une phrase qui ne contient aucun espacement des mots . Mais un espacement approprié améliore certainement la lisibilité. Ici, nous pouvons voir trois se détache rectangles et ici trois lignes, création de catégories et le regroupement est un aspect important de vous X et le Y, conçu en appliquant différemment les positions et en utilisant l'espace invite. manière appropriée, nous pouvons faire disparaître la règle de proximité qui prend en charge nos contrôles connectés au contenu ne devraient pas être placés trop loin les uns des autres. Nous avons sous l'utilisateur orteil les percevoir comme liés. Un autre exemple est le Y off instagram. Les articles qui sont placés à proximité spécialement sont perçus comme liés ou pensent à fréquence élevée affichée sur Amazon. L' image, le prix, la description et les notes appartenant à un certain article sont heureux. Dans une manière de montrer les relations, nous utilisons la faible proximité. Quand on place les travaux près des champs de formulaire, le prochain directeur, je vais parler cette similitude. 7. Principes Gestalt : Similarité: Le principe de similitude suggère que si deux objets ont des caractéristiques similaires, ces objets sont perçus plus liés que le Vance qui n'ont pas ces mêmes qualités. Il y a un large éventail de caractéristiques que nous pouvons penser. Il peut s'agir de taille, couleur, texture, forme, fonds, d'orientation, transparence, ombres portées et ainsi de suite. Nous ne regroupons pas seulement les objets similaires ensemble, le pense aussi qu'ils pourraient avoir la même fonction et la même règle, par exemple, une typographie cohérente. Plus haut sont qu'il soutient vraiment la capacité de comprendre sur un site Web ou une application. Il est clair quels éléments sont les titres, qui sont la copie corporelle. Lesquels sont les tags, les liens et ainsi de suite. La similarité est un excellent moyen de montrer les différentes relations dans le contenu. Cette règle explique également par la cohérence est si important, par exemple, était l'utilisateur sait comment le lien est conçu. Il peut prendre en charge l'ensemble du processus de navigation puisque les autres liens seront facilement reconnaissables, qui rend proéminente quelles parties du contenu sont plus liées. Vous rendez le contenu de la prostituée plus compréhensible, donc vous allez finir avec une meilleure utilisation Cette expérience, par exemple, il est facile de distinguer les messages de bloc de l'autre composant U Y dans cet exemple, Si vous regardez une vidéo sur YouTube, vous percevez les vidéos de droite comme appartenant ensemble en raison de leur taille similaire. Et peut-être que vous avez déjà remarqué que ces principes de pension fonctionnaient souvent ensemble. La combinaison de deux ou plus a été avoir un plus grand effet. Par exemple, la similitude est souvent associée à la proximité. Ces vidéos connexes ne sont pas seulement similaires. Ils sont également heureux de près ensemble. Un autre exemple est une application de message. Il y a différentes icônes en bas à gauche, qui sont similaires leur taille et leur couleur est la même, ce qui suggère qu'ils ont des fonctions similaires. Ils peuvent être utilisés pour ajouter des choses ou pour modifier votre message. Les caractéristiques similaires hors icônes peuvent également communiquer certains cinq types le prochain principal que nous allons parler de sa continuation. 8. Principes Gestalt : continuation: la loi de la continuation ou de la bonne continuation signifie que les éléments placés sur une ligne ou sur une courbe sont perçus comme nous plus liés, alors que les éléments qui ne sont pas alignés de cette façon. Le principal suggère également que notre perception des formes se poursuit dans la direction implicite . Nous suivons donc la ligne ou la courbe même au-delà des dernières parties de la composition. Peut-être que l'exemple le plus simple est une ligne pointillée ou pointillée. Nous percevons ces lignes comme des formes unifiées si les pièces ne sont pas trop éloignées les unes des autres. Par exemple, Google Maps il était les lignes pointillées pour montrer le passé. L' autre exemple très basique est le travail des langues très fragiles et les parties des bulles de costume également décrites sur une ligne incurvée. Donc, nous le percevons comme un tout dont vous avez besoin. Un autre exemple est le moins hors best-seller livres sur le dépôt de livres dot com. Ils gagnent, jugés sur la même ligne horizontale, et le moins continue au-delà du point final que nous voyons actuellement, nous pouvons facilement suivre des éléments qui sont alignés d'une manière. Regardez cet exemple, ces deux graphiques montre à qui j'ai envoyé le plus de messages Facebook la semaine dernière Le graphique droite est plus facile à interpréter parce que les angles directs forment un. une ligne continue. barres de progression ou les composants de chronologie sont également d'excellents exemples de poursuite. grands systèmes sont également une grande représentation. Zoff. Ce principe de création d'une structure cohérente pour un site Web ou une application est le fondement d'une bonne expérience utilisateur. Une mise en page cohérente et je suis plus facile à naviguer et à comprendre. La suite apparaît également sur les composants du curseur. Nous avons perçu un curseur comme la plage représentée par la ligne horizontale et le rectangle comme la poignée. Nous ne le voyons pas comme deux lignes séparées et la poignée notre prochain principe pour discuter de son enceinte ou de sa région de caméra. 9. Principes Gestalt : Enclosure / Région commune: l' enceinte de la loi ou la région de la caméra suggère que les objets qui ont une frontière autour d'eux sont perçus. C' est plus lié ou c'est un groupe. Les limites ou les bordures établissent une région fermée qui peut être utilisée pour mettre en évidence la relation entre certaines parties de l'interface utilisateur ou du contenu. Chaque élément placé à l'intérieur de la frontière est perçu comme appartenant ensemble et de la même manière. Tout ce qui est en dehors de l'aria donnée est considéré comme séparé. De ces éléments. Vous pouvez établir une zone de caméra en plaçant les éléments dans une boîte ou en appliquant des lignes de séparation . Il est également possible d'utiliser différentes couleurs d'arrière-plan pour les éléments appartenant ensemble . Ce principe est utilisé dans les affaires de cartes. Pourquoi les conceptions, par exemple, sur Pinterest chacun étant séparés de cette façon ? Dribble. Utilisez également cette carte sur votre chronologie Facebook. Les poteaux sont séparés de la même manière, et un sentier à bord en est également un excellent exemple. - Les options et les commandes à l'intérieur des livres de dialogue appartiennent également à l'ensemble et à l'intérieur des livres de dialogue . Des régions plus séparées peuvent être établies à l'aide de lignes de séparation. Quel exemple. Pensez à la boîte de dialogue avant dans Microsoft Word. Le prochain principe est venu, la foi 10. Principes Gestalt : Common Airport Airport: le principal hors de la foi commune ou couler augmente l'importation sur de nos jours, puisque vous les animations deviennent de plus en plus populaires, cette loi stipule que les objets qui se déplacent dans la même direction sont perçus comme étant plus lié, alors l'aviateur est qui ne bouge pas ou se déplace dans une direction différente. La similarité ou la proximité n'a pas d'importance. Dans ce cas. Si les éléments se déplacent simultanément, notre cerveau les perçoit comme un seul groupe. Le mouvement réel n'est pas nécessaire. Les flèches peuvent également indiquer quels éléments ont une foi commune. Un bon exemple de foi commune est un menu déroulant. Tous les éléments à l'intérieur d'une catégorie se déplacent ensemble, ce qui indique qu'ils se trompent orteil du même groupe. Un autre exemple est une diapositive sur mon nouveau Quand vous appliquez pourquoi des animations ? Vous pouvez suggérer quels éléments ont un but fonctionnel similaire sur l'interface. Par exemple, dans le cas de l'informent slug, les deux champs de formulaire se déplacent ensemble et le bouton est un peu retardé, ce qui suggère que cet élément a une fonction différente de celle des champs. De même, si les éléments se déplacent dans des directions différentes avec un moment différent, ces éléments perçus comme étant séparés, il suffit de penser là se déplacer vers la droite et se déplacer vers la gauche signifie vraiment être des résultats amis. Un exemple plus courant est une info-bulle. Lorsque vous utilisez leurs survolent une certaine partie du Y, un nouvel élément apparaît, et cet élément est quelque peu connecté à l'élément qui était couvert sur les éléments à l'intérieur, puis maladroitement sur également se déplacer ensemble. Le prochain principe à couvrir est les éléments connectés. 11. Principes Gestalt : éléments connectés: Maintenant, nous allons discuter des éléments connectés. Ce principe est également appelé la connectivité uniforme ou l'unité lof. En fait, il a une définition très simple. Les objets qui sont en quelque sorte connectés visuellement sont perçus comme plus liés, puis les camionnettes sans ces connexions. En outre, les éléments qui sont connectés par des connexions ou des lignes similaires sont connectés de la même manière sont également perçus comme liés. tulipes sont de bons exemples. Ceux-ci sont visuellement connectés à l'élément en cours de survol. Un autre bon exemple sont les diagrammes de flux ou les cartes latérales. Speech, Babeu ou plus suggèrent des flèches de connexion et d'autres lignes de connecteur. Ou alors sûr quels éléments appartiennent ensemble. Pensez à la carte de l'esprit, par exemple. Il ne nous reste plus que quatre principes. Notre prochain principe est Seema trois. 12. Principes Gestalt : symétrie: la loi de symétrie stipule que les éléments symétriques sont perçus nous plus liés et comme appartenant au même groupe unifié ou vu sur l'objet qui est, une combinaison hors de miroirs éléments sont perçus comme un seul objet. Une autre interprétation de cette règle est que nous avons tendance à percevoir les objets comme étant symétriques autour du point central. Ainsi, notre cerveau sépare les sujets en morceaux symétriques, et si nous voyons des éléments symétriques les uns à côté des autres, nous les percevons comme appartenant. Ensemble. Ici, nous voyons trois sets hors support. Fait intéressant, dans la plupart des cas, symétrie a un effet plus fort que la proximité. Probablement la mise en page symétrique la plus fréquemment utilisée est la page d'accueil de Google. Ce n'est pas parfaitement symétrique, mais il n'est pas nécessaire de déclencher l'effet de ce principe. Il convient également de noter qu'une conception symétrique crée le sentiment de stabilité et cohérence. Vile et une disposition symétrique crée des tensions, symétriques et favorisent également la réduction de la complexité et il chimiquement plus facile à comprendre. Vous pouvez également attirer l'attention de l'utilisateur en utilisant un élément asymétrique à côté des autres camionnettes symétriques et du Royaume-Uni. Ce principe était-il également dans la conception d'icônes ? Par exemple, voici cette bouteille, la loi, hors fermeture ou ainsi fonctionne ici, le prochain principal terrorisme Isparta 13. Principes Gestalt : le Parellelism: la loi hors parallélisme est liée à sembler un trois. Dans ce cas, les lignes similaires sont perçues comme étant plus liées que les objets qui ne sont pas parallèles. Quel autre isme également lié au destin commun bas se trouve qui semblent se déplacer ou pointer dans une direction sont perçus comme un groupe. Ils s'entraînent rapidement à lancer des lignes populaires comme nous l'avons fait pendant la phase d'échauffement . Ces lignes semblent être plus liées. Vous pouvez repérer le terrorisme dans presque tous les sens. Il y a des blocs de contenu qui sont horizontalement ou verticalement parallèles les uns aux autres. L' astuce est que lorsque vous combinez ces deux types d'arrangement, il est plus facile de distinguer entre les différents groupes hors éléments. périphériques alignés horizontalement appartiennent à un groupe et les objets alignés verticalement appartiennent à un autre. C' est l'écran d'accueil d'un jeu appelé Clash Royal. Des fonctions similaires sont alignées d'une manière similaire, et comme un exemple plus spécifique, re os et d'autres éléments plus tard sont également de grandes représentations de ce principe, nous devons Morelos pour couvrir quatre victoires de coupe et les expériences passées 14. Principes Gestalt : points focaux et expériences passées: la règle des points focaux est extrêmement importante dans vous X et la conception Y. L' interface doit communiquer quelles fonctions Options sont les plus importantes qu'ils ont donné étape pour l'utilisateur. Cette loi stipule qu'en appliquant le contraste, nous faisons un élément différent ou unique, attire l'attention de l'utilisateur. Il existe différentes façons de souligner l'élément U par taille. Ma couleur, par contraste, par différent et typographie par alignement et ainsi de suite, comme je l'ai mentionné précédemment, en rendant un élément symétrique ou en brisant l'avidité. Donc, en faisant un élément quelque peu se démarquer ou contrairement aux autres éléments, peut également attirer l'attention. La définition des points focaux permet d'établir une hiérarchie à l'intérieur de l'utilisateur dans son visage. Un bon exemple pour les points focaux, nos boutons d'appel à l'action et le dernier principal dont nous allons discuter est la loi sur les expériences passées . Il indique simplement que les éléments sont perçus utilisateurs d'affaires expériences passées. Ce principe est vraiment significatif dans le nouvel accent. Est-ce que je conçois ? Est-ce que j'ai conçu des modèles ? Travailler ? Merci, remorquez ce principe. Évidemment, la collecte des expériences passées est différente pour chaque être humain. Mais il existe des modèles communs que nous pouvons utiliser pour améliorer la capacité d'apprentissage d'un produit ou service. C' est la raison pour laquelle nous ne devrions pas nous entraîner quand la bière, quand nous créons le plus commun Ike veut, comme une icône de maison ou une icône de sauvegarde. en va de même pour les panneaux routiers et les feux de circulation. Les portes fonctionnent aussi de cette façon. Nous percevons ces lignes comme le mot taxi, pas individualiser. Et comme vous vous en souvenez peut-être, la loi de la ville tout simplement s'applique ici. Et peu importe que la lettre A soit inachevée. Nous le reconnaissons toujours. Et comme autre exemple, ces rectangles et cercles sont perçus comme un point d'exclamation. Les motifs blancs fonctionnent le même jour. Par exemple, Pour quelqu'un qui n'a jamais vu d'impôt auparavant, cela peut être déroutant. Quels sont ces mots optionnellement à l'intérieur de la colère directe à côté de l'autre. en va de même pour d'autres modèles comme la pagination. À première vue, ce n'est qu'une séquence de numéros de 1 à 10. Dans la prochaine conférence, je vais vous faire un exercice passionnant 15. Exercices pour s'exercer à l'ébauche: dans cette conférence, je vais vous donner un exercice pour pratiquer le croquis et en même temps, Tomi Guest sur les principes plus de famille sont pour vous-même. Maintenant, il suffit de retirer la feuille de papier et d'esquisser rapidement un site Web de pager de bombe pour un photographe qui présente certaines photos et contient également un moyen possible pour l'orteil de l' utilisateur. Contacter la photo là-bas Ne passez pas trop de temps avec elle. Vous dormez cinq minutes, alors ne rendez pas ça trop complexe. Il suffit d'inclure la partie la plus importante. Et pensez à la version de bureau afin que vous puissiez poser la vidéo maintenant et puis je vais vous assurer ma solution. Et je vais vous expliquer pourquoi je vous ai demandé de faire ça. C' est donc ma solution pour le site d'un pager. - Maintenant , il suffit de prendre du recul et d'essayer de réfléchir à la raison pour laquelle nous avons appliqué certaines solutions américaines et à ce que les principes des stars invitées sont derrière les modèles d'usure que nous avons utilisés, essayez de repérer au moins six principes. Maintenant, vous pouvez publier à nouveau la vidéo. Ce sont donc quelques-uns des invités en tant que principes derrière les éléments de cette page. J' espère que vous apprécierez ce petit exercice et maintenant je vais vous dire quelques autres façons de pratiquer, donc ce sont les activités de pratique supplémentaires. J' ouvrirais les sites Web que vous visitez chaque jour. Maintenant, essayez de repérer autant d'invités tous les principes que vous le pouvez. Si vous voulez vous entraîner à attraper des interfaces utilisateur, c'est aussi une excellente idée de copier ces sites Web ou la structure d'applications. Le deuxième exercice est d'aller sur un site U I Pattern Collection, Pick up pattern et commencer à identifier les principes de gestalt derrière ce modèle. Par exemple, pensez à par et comment fonctionne le mécanisme de notation cinq étoiles. Vous pouvez également copier ces motifs afin de développer votre esquisse Scheer's et enfin, vous pouvez créer et esquisser votre propre tricheur Ulchi. Utilisez vos exemples préférés pour chaque principal et vous n'avez même pas besoin de coller pour obtenir les principes de départ. Il y a beaucoup d'autres loutres dans la conception visuelle et UX, donc créez des esquisses sommaires à partir des choses que vous lisez ou étudiez. Il a un avantage deux en un. Vous vous souvenez vraiment mieux des connaissances que vous gagnez et votre cas de croquis va se développer. Rendez-vous dans la dernière conférence de clôture 16. Closing: : comment participer dans la communauté: Félicitations pour avoir terminé l'activité de pratique d'esquisse. Bonne chance pour développer vos skieurs de croquis. Et si vous êtes intéressé à esquisser pour vous, ex ou vous pourquoi les concepteurs plus en détail, consultez mon cours sur le croquis pour vous oeufs point com site et s'il vous plaît envisager rejoindre le croquis pour vous ex communauté. J' ai un groupe Facebook dédié à ce sujet, et moi aussi sur la newsletter, qui comporte deux parties principales. L' un est un 100 jours que vous X créé icône de plus en plus défi. Cela peut vraiment aider Toby une habitude autour de l'esquisse, et l'autre partie est une base de connaissances UX hebdomadaire. Attrapez, et il est également convenu, hors participation à l'orteil communautaire de l'attrapeur U X. Partagez vos croquis. Partagez votre travail avec d'autres concepteurs U X ou Y. Merci donc d'être mon élève et laissez-moi savoir si vous avez des questions ou des suggestions que vous souhaitez faire avec votre parcours de croquis. Et n'oubliez pas de télécharger les principes de la maison d'hôtes. Tricher, tricher