Existe-t-il un nom, un terme ou une pratique pour les choses décentrées basées sur le volume plutôt que sur la largeur et la hauteur?


11

En tant que concepteur d'interface, et en tant que concepteur en général, je remarque souvent que je ressens le besoin de placer les choses légèrement décentrées afin de les faire apparaître centrées et équilibrées, en raison des éléments ayant une distribution de volume inégale.

Considérons un bouton de lecture qui est placé dans une boîte:

entrez la description de l'image ici

Des mois après avoir posé cette question, je développais des commandes vidéo et j'ai réalisé que c'était l'exemple parfait. Cette image est centrée géométriquement, mais dans mon interface, j'ai poussé l'icône d'environ 15% plus à droite que son centre géométrique réel afin de la centrer en fonction du volume car géométriquement centrée (comme vous pouvez le voir sur l'image ci-dessus) ne fonctionne pas '' Je me sens bien.

Je suppose généralement de centrer une icône volumétriquement, mais je parie que le bon centre pourrait être déterminé mathématiquement, d'où ma curiosité quant au nom, au cas où je trouverais un outil ou un plugin pour m'aider à le faire avec mes outils de conception tels que InDesign .

Du haut de ma tête, je l'appellerais "Centrage volumétrique", mais ce n'est qu'une supposition. Y a-t-il un nom / terme officiel pour cette technique?


Le terme physique serait le centre de masse en.wikipedia.org/wiki/Center_of_mass
Dax Fohl

Réponses:


9

Ça s'appelle "Centre optique"

Fondamentalement, l'œil du lecteur commencera en haut à gauche et se déplacera vers le bas à droite, en passant par le centre optique (dans un pays qui lit de droite à gauche, inversez les choses)

Ce n'est pas le centre géométrique réel. Tracez 2 lignes d'un coin à l'autre sur un rectangle et le point où les lignes se rencontrent, et c'est le centre géométrique. Le centre optique sera un peu au-dessus du centre géométrique.

Ce que vous faites, c'est ce que les concepteurs doivent faire, c'est équilibrer vos éléments autour du centre optique et non du centre géométrique.

Tiré de cet article

entrez la description de l'image ici


4
Ce n'est certainement pas l'effet décrit dans la question.
KRyan

Presque là ... pas tout à fait le bon concept.
civil du

4

Correction / compensation optique

Dans votre cas, vous parlez de centrage optique, mais vos yeux peuvent effectuer plus d'ajustements que cela, si vous les laissez. Il s'agit du processus complexe de pondération de la forme, de la texture, de la couleur, de la distorsion visuelle, etc. et de la compenser.

Semblable au concept de mélange optique mis au point par les pointillistes du 19e siècle, votre cerveau regarde un ensemble de formes et fait la moyenne des choses. Comme dans le pointillisme, l'effet change en fonction de l'échelle des formes en question. La résolution visuelle du spectateur joue un grand rôle, mais elle a aussi à voir avec la pondération perceptuelle, où le cerveau simplifie les choses en fonction de leur importance relative (désolé ... des décennies de lecture, mais pas de sources).

Image pointilliste avec zoom sur des points de couleur

Vous trouverez une autre forme de compensation du volume perçu dans l'architecture gréco-romaine.

Les architectes ont calculé la perspective, les illusions d'optique qui rendent les bords des objets concaves et le fait que les colonnes qui sont vues contre le ciel sont différentes de celles adjacentes qui sont vues contre un mur ombragé. En raison de ces facteurs, les architectes ont ajusté les plans de sorte que les grandes lignes de tout bâtiment important soient rarement droites.
via Wikipedia

Utilisez vos yeux

Vous le faites de la même manière que n'importe quel autre designer. Un algorithme pourrait théoriquement comprendre cela en fonction des zones relatives, de l'échelle, de la distance de vision, etc., mais rien ne le fait tout à fait comme l'œil humain.


3

Il s'appelle Optical Alignment entrez la description de l'image ici Voici un excellent article qui traite du problème même: https://medium.com/@erqiudao/the-play-button-is-not-optical-alignment-4cea11bda175 J'espère que cela vous aidera!


Wow, article génial.
Viziionary

@JonathanTodd non? Je viens de le lire l'autre jour et je l'ai enregistré, j'ai pensé que quelqu'un en aurait besoin, et nous voilà haha
Stanley VM

4
Veuillez citer les parties pertinentes de l'article que vous liez pour ajouter à votre réponse. Les réponses de lien uniquement sont mal vues en raison de la pourriture du lien.
DA01

1
Excellent article! Je centre les choses optiquement avec mes propres globes oculaires depuis des années. Je ne peux pas croire que je n'ai jamais appris (ou compris par moi-même) le tour du cercle. J'appuie la demande de DA01 que vous ajoutiez des images / du texte de la publication à votre réponse, très bien.
Vicki

1
@joojaa J'étais trop occupé à dessiner partout dans mon classeur. ;)
Vicki

En utilisant notre site, vous reconnaissez avoir lu et compris notre politique liée aux cookies et notre politique de confidentialité.
Licensed under cc by-sa 3.0 with attribution required.