Share
La façon dont les gens voir nos dessins ont un effet important sur la sens qu'ils leur enlèvent. Le principe de la Gestalt examine ce phénomène. En tant que tel, il est l’un des principes fondamentaux que chaque concepteur de sites Web devrait prendre en compte lors du processus de conception. Nous examinerons également comment la compréhension de Gestalt améliorera votre propre flux de travail.!
Essayer de proposer un bon design créatif peut sembler facile pour quelqu'un qui a fréquenté une école de design, mais pour 90% des concepteurs de sites Web qui n'ont jamais suivi de cours de design ou d'école venant principalement du développement ou généralement non-design arrière-plans. La question demeure: qu'est-ce qui définit vraiment un bon design Web? Est-ce juste du talent? Une personne qui possède une sorte d'œil «spécial» qui sait ce qui fonctionne et ce qui ne fonctionne pas? Ou existe-t-il une logique et une méthodologie scientifique derrière tout cela qui peuvent guider les concepteurs, les critiques et même les clients dans la création d'un excellent design?.
Cela fait partie d'une série d'articles sur la théorie de la conception qui vous guideront à travers les principes de base du processus de conception. Nous allons nous concentrer sur les idées fondamentales les plus importantes qui peuvent faire de grandes différences dans la conception finale.
Gestalt est un mot allemand signifiant "essence ou forme de la forme complète d'une entité", et cette définition unique peut être l'une des règles de conception les plus importantes..
Le plus souvent, les concepteurs ont tendance à se concentrer sur les détails de la conception Web plutôt que sur l'aspect général. Ils se concentrent sur les bords courbes, les ombres, les polices de caractères, etc. Tout cela est bon, mais ne fait pas vraiment de différence si le client n’aime pas la conception au premier regard, ce que la plupart des gens ne comprennent pas, c’est que le cerveau voit en premier forme générale de tout dessin, puis commence à se concentrer et à voir les détails…
Jetez un coup d'œil à cet exemple d'image…
À première vue, vous apercevrez quelques têtes de personnes âgées, mais si vous regardez de plus près, vous commencez à voir les détails (que certaines personnes ne remarquent même pas au premier abord) qui composent ces images et vous commencez à voir une image totalement différente..
Maintenant, essayons quelque chose pour voir à quel point les détails n'ont pas d'importance, jetez un coup d'œil à ces 2 exemples:
À première vue, ces 2 images peuvent sembler identiques; Cependant, il y a 5 différences subtiles dans les détails qui ont très peu d'impact sur l'ensemble du "design"
Désormais, aucun de ces changements n’a réellement eu d’impact sur l’aspect général de l’image… voyons un autre exemple courant:
Il s’agit de deux versions de la Volkswagen Beetle, des modèles 1937 et 1973, et malgré plusieurs changements majeurs apportés aux détails de conception au cours des quatre dernières décennies, la conception reste essentiellement la même. Cela est dû au fonctionnement de notre cerveau, nous voyons des images entières et définissons la forme entière beaucoup plus rapidement et plus facilement que de voir ou de remarquer des changements dans les détails..
Si nous regardons l'image ci-dessus, qui représente un chien dalmatien reniflant le sol à l'ombre des arbres en surplomb. Le chien n'est pas reconnu en identifiant d'abord ses parties (pieds, oreilles, nez, queue, etc.), puis en déduisant le chien à partir de ces composants. Au lieu de cela, le chien est perçu comme un tout, tout à la fois.
La même chose arrive à chaque conception de site Web que nous créons, le design n'est jamais perçu en identifiant ses parties (en-tête, navigation, contenu, boutons, onglets, etc.), le design est perçu comme un tout à première vue..
À mon retour au collège, un de mes professeurs a résumé cela en une phrase simple: «Si vous voyez un dessin ou modèle, aimez-le, décidez ensuite de régler les détails, alors vous savez que c'est un bon dessin, mais commencez par vous adapter pour essayer de vous faire aimer… alors vous saurez que c'est un mauvais design… ne perdez pas votre temps à essayer de le réparer… changez-le en entier ”, ce professeur a compris la clé magique de tout design… nous voir les choses dans leur ensemble et non comme la somme de ses parties.
Demandez à n'importe qui dans le monde de dessiner Big Ben ou la tour Eiffel ou les pyramides de Gizeh… ils seraient tous d'accord sur la forme générale de chaque point de repère, car, même si nous pouvons voir ces points de vue différemment (visiter, en photo, dans un film, dans brochure de voyage… etc.) nous avons tous la même définition.
Vous trouverez ci-dessous quelques exemples Web et leurs silhouettes respectives. La silhouette est ce que le cerveau identifie comme la forme de la page. Essayer de changer quoi que ce soit d'autre que la forme principale aura plus ou moins le même design… et retourner à votre client avec le même design après avoir demandé des modifications lui donnera l'impression que rien n'a été fait..
… Le design restera identique jusqu'à ce que vous changiez la structure gestalt.
Vous serez surpris du nombre de concepteurs qui commettent cette erreur et vous vous demandez pourquoi le client déteste toujours un dessin ou estime que rien n'a été modifié ou ajouté, alors même qu'ils ont travaillé sans relâche pour améliorer les éléments individuels..
Bon, jetons un coup d'oeil à quelques dessins et leurs silhouettes:
Habituellement, si vous vous en tenez au design sûr et généralement carré (comme dans les 4 configurations du bas des exemples ci-dessus), vous obtiendrez un design ordinaire, sans grande créativité. Essayez de toujours expérimenter avec la "coque contenant" de votre conception. Essayez de faire pivoter la boîte de quelques degrés ou de découper et de modifier l'un des coins… tout cela ajoute à la singularité et à la créativité de votre conception..
Vous devez toujours commencer par le conteneur ou la coque structurelle globale d'un dessin. Oubliez les détails et les composants individuels pour l'instant.
Lorsque cela est fait et que le client et vous-même êtes satisfaits de la structure, saisissez vos structures filaires et commencez à travailler sur les détails. Vous serez surpris de voir combien de fois un dessin finit par devenir une image filaire parfaitement colorée lorsque vous commencez de l'intérieur. J'ai déjà vu plusieurs concepteurs travailler sur l'en-tête et la navigation, puis commencer à disposer les composants et, avant même de vous en rendre compte, vous avez une page bien remplie et joliment colorée, pleine de contenu qui peut être convivial et bien placé, Cependant, d'un point de vue de la conception, il ne serait jamais créatif ou se démarquer.
Pensez à votre dessin comme à une cacahuète enrobée de chocolat. Si vous commencez par la cacahuète, la couche externe que tout le monde voit (la couche de chocolat) dépendra toujours de la forme de la cacahuète et vous aurez peu de contrôle sur le résultat..
Cependant, si vous traitez votre dessin comme un œuf au chocolat, travaillez d'abord sur la couche extérieure et façonnez-le comme vous le souhaitez - en adaptant votre contenu intérieur à la coque, peu importe ce que vous remplissez, le dessin toujours être la forme d'oeuf que vous aviez l'intention.
Accentsconagua