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?
website-design
interface-design
design-principles
user-experience
Nisha Changrani
la source
la source
Réponses:
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
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.
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).
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.)
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.
Le concepteur de cette pièce est donc ...
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.
la source
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.
la source
Ceci est très basé sur l'opinion mais:
la source