Gibt es einen Namen, einen Begriff oder eine Praxis, um Dinge nicht nach Breite und Höhe, sondern nach Volumen zu zentrieren?


11

Als Interface-Designer und genau wie als Designer im Allgemeinen stelle ich häufig fest, dass ich die Dinge leicht außermittig platzieren muss, damit sie zentriert und ausgewogen erscheinen, da die Elemente eine ungleichmäßige Volumenverteilung aufweisen.

Stellen Sie sich eine Wiedergabetaste vor, die sich in einer Box befindet:

Geben Sie hier die Bildbeschreibung ein

Monate nachdem ich diese Frage gestellt hatte, entwickelte ich Videosteuerungen und erkannte, dass dies das perfekte Beispiel war. Dieses Bild ist geometrisch zentriert, aber in meiner Benutzeroberfläche habe ich das Symbol etwa 15% weiter nach rechts als sein tatsächliches geometrisches Zentrum verschoben, um es basierend auf dem Volumen zu zentrieren, da geometrisch zentriert (wie Sie im obigen Bild sehen können) dies nicht tut. Ich fühle mich nicht ganz richtig.

Normalerweise schätze ich nur, ein Symbol volumetrisch zu zentrieren, aber ich wette, das richtige Zentrum könnte mathematisch bestimmt werden, daher meine Neugier auf den Namen, falls ich ein Tool oder Plugin finde, das mir dabei hilft, dies mit meinen Design-Tools wie InDesign zu tun .

Auf den ersten Blick würde ich es "Volumetric Centering" nennen, aber das ist nur eine Vermutung. Gibt es einen offiziellen Namen / Begriff für diese Technik?


Physik Begriff wäre Schwerpunkt de.wikipedia.org/wiki/Center_of_mass
Dax Fohl

Antworten:


9

Es heißt "Optisches Zentrum"

Grundsätzlich beginnt das Auge des Lesers oben links und bewegt sich nach rechts unten, wobei es durch das optische Zentrum verläuft (in einem Land, das von rechts nach links liest, die Dinge umkehren).

Das ist nicht das eigentliche geometrische Zentrum. Machen Sie 2 Linien von Ecke zu Ecke auf einem Rechteck und dem Punkt, an dem sich die Linien treffen, und das ist das geometrische Zentrum. Das optische Zentrum liegt etwas über dem geometrischen Zentrum.

Was Sie tun sollten, ist, dass Designer Ihre Elemente um das optische Zentrum und nicht um das geometrische Zentrum ausbalancieren sollten.

Aus diesem Artikel entnommen

Geben Sie hier die Bildbeschreibung ein


4
Dies ist definitiv nicht der in der Frage beschriebene Effekt.
KRyan

Fast da ... nicht ganz das richtige Konzept.
Zivil

4

Optische Korrektur / Kompensation

In Ihrem Fall sprechen Sie mit optischer Zentrierung, aber Ihre Augen können mehr Anpassungen vornehmen, wenn Sie dies zulassen. Dies ist der komplexe Prozess, bei dem Form, Textur, Farbe, visuelle Verzerrung usw. gewichtet und kompensiert werden.

Ähnlich dem Konzept des optischen Mischens, das von den Pointillisten des 19. Jahrhunderts entwickelt wurde, betrachtet Ihr Gehirn eine Ansammlung von Formen und mittelt die Dinge aus. Wie beim Pointillismus ändert sich der Effekt basierend auf der Skalierung der betreffenden Formen. Die visuelle Auflösung des Betrachters spielt eine große Rolle, hat aber auch mit der Wahrnehmungsgewichtung zu tun, bei der das Gehirn Dinge basierend auf der relativen Bedeutung vereinfacht (sorry ... jahrzehntelanges Lesen, aber keine Quellen).

Pointillist-Bild mit vergrößerten Farbpunkten

In der griechisch-römischen Architektur finden Sie eine andere Form der Kompensation des wahrgenommenen Volumens.

Die Architekten berechneten die Perspektive, die optischen Täuschungen, die die Kanten von Objekten konkav erscheinen lassen, und die Tatsache, dass Säulen, die gegen den Himmel betrachtet werden, anders aussehen als benachbarte Säulen, die gegen eine schattige Wand betrachtet werden. Aufgrund dieser Faktoren haben die Architekten die Pläne so angepasst, dass die Hauptlinien eines bedeutenden Gebäudes selten gerade sind.
über Wikipedia

Benutze deine Augen

Sie machen es genauso wie jeder andere Designer. Ein Algorithmus könnte dies möglicherweise anhand der relativen Bereiche, des Maßstabs, des Betrachtungsabstands usw. herausfinden, aber nichts bringt es so gut wie das menschliche Auge.


3

Es heißt Optische Ausrichtung Geben Sie hier die Bildbeschreibung ein Hier ist ein großartiger Artikel, der genau das Problem behandelt: https://medium.com/@erqiudao/the-play-button-is-not-optical-alignment-4cea11bda175 Hoffe, es hilft!


Wow, großartiger Artikel.
Viziionary

@ JonathanTodd richtig? Ich habe es neulich gelesen und gespeichert, dachte, jemand würde es brauchen, und hier sind wir haha
Stanley VM

4
Bitte zitieren Sie relevante Teile des Artikels, auf den Sie verlinken, um Ihre Antwort zu ergänzen. Nur-Link-Antworten werden aufgrund von Link-Rot verpönt.
DA01

1
Ausgezeichneter Artikel! Ich habe Dinge jahrelang nur mit meinen eigenen Augäpfeln optisch zentriert. Ich kann nicht glauben, dass mir der Kreistrick nie beigebracht wurde (oder ich selbst herausgefunden habe). Ich stimme der Bitte von DA01 zu, dass Sie Ihrer Antwort Bilder / Text aus dem Beitrag hinzufügen, großartiges Zeug.
Vicki

1
@joojaa Ich war zu beschäftigt damit, meinen ganzen Ordner zu zeichnen. ;)
Vicki

0

Die Antwort auf die optische Ausrichtung ist großartig, und ich vermute, es ist das, wonach Sie suchen, aber als Sie in Ihrer Frage "Gleichgewicht" erwähnen, habe ich über okkultes Gleichgewicht (AKA, asymmetrisches Gleichgewicht) nachgedacht.

Hier ist ein Link, den ich gefunden habe ... http://www.revolutionarygardens.com/principles-of-design-balance-in-the-landscape/

Ich weiß, dass es bei dem Link um Landschaftsgestaltung geht, aber ich denke, dass das Konzept hier gilt.

Durch die Nutzung unserer Website bestätigen Sie, dass Sie unsere Cookie-Richtlinie und Datenschutzrichtlinie gelesen und verstanden haben.
Licensed under cc by-sa 3.0 with attribution required.