Comment les designers choisissent-ils les formes dans un design?

9

Souvent, en parcourant des sites comme Dribbble, on rencontre des sites qui utilisent des formes (voir cet exemple ). Désolé d'être naïf, mais y a-t-il une raison pour choisir une forme particulière ou est-ce simplement parce qu'elle a tendance? Comment cela affecte-t-il l'expérience utilisateur?

Nisha Changrani
la source
Quelques points d'intérêt. J'utilise beaucoup les cercles car ils créent un sentiment d'exhaustivité - l'un des premiers symboles de DIEU est un cercle au-dessus d'un triangle équilatéral. En tant que motif, ils peuvent être uniformes créant un sentiment d'ordre ou aléatoires et ludiques. Jetez un œil à Jamie Reid et au mouvement punk britannique - il a utilisé des bords déchiquetés et des formes discordantes pour souligner la rébellion et le mécontentement politique. Et faites attention aux références maçonniques telles que la pyramide, le pentagramme et l'œil unique - elles existent et sont déployées pour la reconnaissance de l'influence: goo.gl/4L7XHP
Applefanboy

Réponses:

15

En fait, il peut y avoir beaucoup de réflexion sur une telle utilisation, bien au-delà des préférences personnelles ou d'une directive client.


Style

  • Si vous savez que vous voulez une "sensation" plus amicale et lâche, vous irez avec des formes plus arrondies.
  • Si vous voulez une apparence plus corporative et sérieuse , vous vous pencherez vers les coins, les triangles et les formes de lignes généralement dures.

Placement

Le placement et la position peuvent être triés par la psychologie du mouvement des yeux à travers un dessin ou la hiérarchie visuelle dans un dessin.

  • Si vous voulez une humeur heureuse et joyeuse, dirigez l'œil vers le haut et vers la droite ...
  • Si vous voulez une humeur plus sérieuse et malheureuse, dirigez l'œil vers le bas et à gauche.

Ces types de choix de conception peuvent prendre en compte l' emplacement des formes.

De la même manière que la couleur changera la perception d'un design, il en sera de même du placement et de l'utilisation de ces "formes" ou éléments de design.


Équilibre

Souvent, les éléments graphiques généraux peuvent être d'excellents outils pour améliorer l' équilibre global d'une conception.

Regarder la page sans les formes crée une pièce statique, non dynamique, avec très peu de mouvement des yeux. Ce qui est alors quelque peu déséquilibré en raison de la position du grand graphique par rapport au bloc de type à côté (les marges de page sont sensiblement déséquilibrées).

entrez la description de l'image ici

Pour créer un aspect un peu plus "convivial", ajoutez des formes arrondies et utilisez-les pour compenser ce déséquilibre de marge en haut de la mise en page. Cela permet également au graphique d'être plus grand sans paraître visuellement "incorrectement" dimensionné. Si c'était ma conception, je pourrais jouer à partir des courbes dans les «2» et «3» car ce sont des courbes proéminentes existantes - en essayant d'imiter ou de répéter ces arcs pour les formes en haut à droite. (La répétition peut favoriser la continuité et la cohésion dans une conception.)

entrez la description de l'image ici

Cependant, maintenant la pièce est terriblement déséquilibrée. Ainsi, en ajoutant une forme supplémentaire pour décaler le coin supérieur droit, beaucoup est fait pour rééquilibrer la pièce dans son ensemble. En gardant à l'esprit un mouvement en haut à droite est préférable, la courbe de la forme gauche peut être entièrement intentionnelle pour créer la combinaison presque en forme de flèche des formes vertes. De plus, les dégradés sur les formes vertes favorisent davantage un mouvement vers le haut à droite.

entrez la description de l'image ici

Le concepteur de cette pièce est donc ...

  • en utilisant des formes arrondies pour être plus invitant dans l' ensemble.
  • diriger l'œil vers le haut et vers la droite pour favoriser de bons sentiments ...
  • utilisez des formes supplémentaires pour créer un équilibre global dans la conception tout en favorisant le mouvement des yeux.

Ajoutez à cela les chiffres contrastés (rouges) en haut qui sont tournés vers la gauche ...

Donc ... la lecture en anglais est de gauche à droite, de haut en bas ... l'œil suit de droite à droite pendant la lecture. Mais il est ensuite naturellement dessiné en haut à droite via les formes .. puis les chiffres rouges dirigent subtilement l'œil vers la gauche pour recommencer la lecture ... donc l'œil est vraiment bien orienté dans cette mise en page afin de maximiser le temps quelqu'un passe la visualisation de la page.

Ces types de décisions d'utilisation et de placement s'accompagnent d'expérience et d'exploration.

Les éléments apparemment aléatoires peuvent ne pas être aléatoires du tout ... ils peuvent servir à des fins importantes même si le lecteur / téléspectateur ne sait pas exactement quel peut être le but.

Scott
la source
5

Cela va probablement se refermer, mais en bref; les formes de base, les cercles, les carrés et les rectangles sont inestimables en tant qu'éléments fondamentaux de la conception.

Les formes et les courbes peuvent apporter sensation et émotion au design. Une queue bouclée semble si différente d'un angle droit.

Un cercle ou une goutte comme motif de conception suggère l'harmonie de la manière la plus simple. Cependant, il existe une forte tendance de conception vers des grilles et des structures complexes.

Alternativement, et en réponse, il y a une forte tendance vers la simplicité et les formes naturelles fondamentales.

Dans les années 90, il a été dit qu'ils avaient abandonné la grille pour le blob mais de nos jours, nous voyons un hybride.

Comme nos écrans sont des rectangles, des courbes et des cercles à l'écran créent un dialogue dynamique entre les formes.

Webster
la source
4

Ceci est très basé sur l'opinion mais:

  • plusieurs fois, ces «formes» sont dérivées du logo réel et / ou font partie d'un système de marque. par exemple. Système de losanges de Vodafone
  • d'autres fois, ils pourraient être simplement des éléments de tendance
  • d'autres fois, ce sont les clients qui ne peuvent pas acheter quelque chose de trop «simple» et ils pensent qu'ils devraient obtenir quelque chose de plus «créatif», donc les concepteurs devront trouver ces choses juste pour remplir un espace blanc
Lucian
la source
Sur votre 3ème point: aujourd'hui, j'ai discuté de la conception d'une couverture de livre avec notre stagiaire - votre configuration de base "Titre, auteur, image". J'ai demandé s'il y avait "de la place ou une raison" pour un élément graphique, mais comme il y avait une bonne relation spatiale entre les éléments, nous étions d'accord avec "non, cela n'ajouterait rien au design". Mais j'espère que le client n'a pas "peur" de l'espace vide!
usr2564301
Ce 3e point est tellement vrai.
AndrewH