Pourquoi les photos de profil sont-elles arrondies de nos jours?
Pourquoi de nombreux sites Web et applications utilisent-ils des images de profil rondes? Même les meilleurs joueurs comme Google et Apple utilisent des photos de profil rond sur des cadres rectangulaires conventionnels. Pourquoi?
Les coins sur l'image d'un visage (que la plupart des gens choisissent comme avatar) ne sont pas seulement des bruits visuels inutiles, ils peuvent rendre l'image plus difficile à traiter pour nous. Les objets aux bords arrondis sont considérés plus agréables à l'œil que les objets aux bords tranchants. Les cercles sont plus faciles à traiter pour le système visuel, donc génèrent moins de charge cognitive.
Cependant, beaucoup d'entre nous qui ont grandi avec des avatars rectangulaires les conçoivent toujours pour utiliser au mieux un espace rectangulaire. Peut-être devrions-nous obtenir avec les temps et arrête d'être si carré .
C'est ce que je pense.
Si vous regardez une image, tout ce dont vous avez besoin est la zone la plus centrale de celle-ci pour comprendre de quoi il s'agit. Si le centre de l'image est supprimé, il devient vraiment difficile pour nous de comprendre de quoi parle l'image, alors que si les coins sont supprimés et le centre est préservé, nous pouvons toujours comprendre de quoi il s'agissait.
Ce qui précède est vrai pour la plupart des cas. Je sais qu'il peut y avoir des exceptions où le sujet n'est pas au centre de la photo.
Quant à savoir pourquoi tout le monde utilise des avatars arrondis plutôt que des avatars carrés, c'est comme demander pourquoi tout le monde passe au design plat.
J'espère que cela vous a aidé.
Ceci est mon avis sur les photos de profil arrondies.
Pourquoi y avait-il une photo de profil carré auparavant?
L'idée était dérivée d'un cadre photo carré et pour correspondre au monde réel, la photo de profil était carrée.
Maintenant pourquoi rond?
Je suppose que maintenant nous passons progressivement de la conception skeuomorphique à des conceptions plus efficaces dans le Word numérique. C'est aussi une nouveauté qui se démarque de la photo traditionnelle de profil carré.
Pourquoi réussit-il?
Au-dessus de la photo, vous verrez que pour la photo de profil carré, il y a 5 points à concentrer (quatre au coin et un au centre). La plupart du temps, le visuel du visage est au centre. Ainsi, les autres points d'angle sur le bord éloignent votre concentration de l'objet pour se concentrer, tandis que si vous voyez la photo de profil rond, vous voyez n seul point de concentration au centre et pas de point distinct pour se concentrer sur Edge.
En bref dans une photo de profil rond, nous pouvons facilement nous concentrer sur l'objet qui est au centre où comme c'est difficile en cas de carré en raison des 4 points d'angle qui participent à votre concentration.
Parce que tout le monde utilise "Twitter Bootstrap" pour créer un site Web propre et réactif.
Une partie de la boîte à outils est la classe img-circle que vous venez d'ajouter et le tour est joué, image ronde, diamètre 140px. Il ne pouvait pas être plus facile.
http://getbootstrap.com/css/#images
Il peut y avoir des raisons plus scientifiques pour lesquelles la forme ronde est en vogue, cependant, l'adoption massive est parce que Twitter Bootstrap le rend très facile à faire.
Pourquoi aujourd'hui? Peut-être parce que CSS3 - qui a été adopté en 1999 mais qui n'a été mis en œuvre que communément il y a quelques années - permet le border-radius afin que les bordures arrondies puissent être facilement implémentées dynamiquement dans un navigateur. Auparavant, il fallait lancer Photoshop ou créer du code de manipulation d'image en utilisant la bibliothèque graphique Gd ou ImageMagick côté serveur pour obtenir le même effet.
Mais dans l'histoire des ordinateurs et de l'expérience utilisateur, vous pouvez revenir sur la passion de Steve Jobs pour leur utilisation lors du développement de Apple Lisa (précurseur du Macintosh) en 1981:
Bill a lancé sa démo et elle a rapidement rempli l'écran de Lisa d'ovales de taille aléatoire, plus rapidement que vous ne le pensiez possible. Mais quelque chose dérangeait Steve Jobs. "Eh bien, les cercles et les ovales sont bons, mais que diriez-vous de dessiner des rectangles aux coins arrondis? Pouvons-nous faire cela maintenant aussi? "
"Non, il n'y a aucun moyen de le faire. En fait, ce serait vraiment difficile à faire, et je ne pense pas que nous en ayons vraiment besoin". Je pense que Bill était un peu vexé que Steve ne délire pas sur les ovales rapides et en voulait encore plus.
Steve est soudainement devenu plus intense. "Les rectangles aux coins arrondis sont partout! Regardez autour de vous!" . Et bien sûr, il y en avait beaucoup, comme le tableau blanc et certains des bureaux et des tables. Puis il a montré la fenêtre. "Et regardez dehors, il y en a encore plus, pratiquement partout où vous regardez!". Il a même persuadé Bill de faire un tour rapide du pâté de maisons avec lui, soulignant chaque rectangle aux coins arrondis qu'il pouvait trouver.
Lorsque Steve et Bill ont passé un panneau d'interdiction de stationnement aux coins arrondis, cela a fait l'affaire. "D'accord, j'abandonne", plaida Bill. "Je vais voir si c'est aussi difficile que je le pensais." Il est rentré chez lui pour y travailler.
Bill est retourné à Texaco Towers l'après-midi suivant, avec un grand sourire sur son visage. Sa démo dessinait maintenant des rectangles avec des coins magnifiquement arrondis extrêmement rapides, presque à la vitesse des rectangles simples. Lorsqu'il a ajouté le code à LisaGraf, il a nommé la nouvelle primitive "RoundRects". Au cours des mois suivants, les roundrects ont travaillé leur chemin dans diverses parties de l'interface utilisateur, et sont rapidement devenus indispensable.
Cela dit, ce que je trouve un peu hilarant est maintenant Apple se dirige vers un cercle pur pour l'interface utilisateur dans iOS 7. Alors que Windows 8 a quoi? Des tonnes de carrés non ronds pour une interface. = Apple devient plus rond et Microsoft devient plus carré!
Les visages sont ronds (ish). En recadrant les coins de l'image, vous augmentez sa concentricité, car les courbes de la bordure se rapprochent davantage des courbes de la tête. Cela attire votre regard directement sur le sujet et encadre spécifiquement le visage.
Il y a longtemps, un masquage javascript compliqué était nécessaire ou une simple manipulation d'image était nécessaire pour extraire les images arrondies. Maintenant, avec border-radius, il est facile de créer des images arrondies. Donc je suppose que la réponse la plus simple serait que les gens le fassent parce que c'est facile à faire et brise le moule de l'image carrée normale.
En utilisant le même exemple de la première réponse, les cercles peuvent être moins carrés (que la colonne d'origine - 1er à partir de la gauche), mais ils ont un fond redondant au milieu (colonne la plus à gauche).
Le recadrage dans un rectangle plus petit (3e colonne à partir de la gauche) vous fait vous concentrer sur le visage, car c'est tout ce qui reste.
Si le rectangle vous semble ennuyeux, vous pouvez essayer d'autres formes, par exemple trapèzes. Dans le dernier exemple (la rangée du bas), le recadrage trapézoïdal rapide que j'ai préformé correspond en fait au visage et rend le gars plus intéressant par rapport aux cercles qui ressemblent à des cadres de la fin du 19e siècle. Cela rend même le gars ennuyeux à l'air moins ennuyeux que les alternatives.
Les cercles et les bords arrondis coûtent moins de charge cognitive que les bords droits et durs.
"Un rectangle aux arêtes vives demande en effet un peu plus d'effort cognitif visible que par exemple une ellipse de même taille. Notre" œil-fovéa "est encore plus rapide à enregistrer un cercle. Les bords impliquent des outils d'image neuronale supplémentaires. Le processus est donc ralenti." - Prof. Jürg Nänni
Le visage est la partie la plus importante d'une photo de profil. Moins il y a d'arrière-plan, plus les utilisateurs peuvent focus sur le visage.
Une image de profil arrondie recadre la zone de fond dans les coins.
En outre, il aide les utilisateurs à différencier les images de profil d'une simple photo du contenu.
Ils sont ronds maintenant parce que c'est tendance. Aucune autre raison. Aucun être humain n'a jamais eu de difficulté à reconnaître un visage à cause des coins. D'énormes parties du cerveau humain sont dédiées à la reconnaissance faciale afin que vous puissiez avoir le visage sur une forme d'étoile et cela n'aurait aucune incidence sur la reconnaissance.