Genişlik ve yükseklik yerine hacme dayalı merkezleme dışı şeyler için bir ad, terim veya uygulama var mı?


11

Bir arayüz tasarımcısı olarak ve genel olarak bir tasarımcı olarak, eşit olmayan hacim dağılımına sahip öğeler nedeniyle, ortalanmış ve dengeli görünmelerini sağlamak için işleri biraz merkezden uzaklaştırma ihtiyacım olduğunu sık sık fark ediyorum.

Bir kutuya yerleştirilmiş bir oynat düğmesini düşünün:

resim açıklamasını buraya girin

Bu soruyu sorduktan aylar sonra video kontrolleri geliştiriyordum ve bunun mükemmel bir örnek olduğunu fark ettim. Bu görüntü geometrik ortalanır, ama benim arayüzde, ben dayalı merkezi için gerçek geometrik merkezine daha fazla sağda% 15 yaklaşık simgesini itti hacim geometrik merkezli çünkü (yukarıdaki resimde gözlemleyebilirsiniz gibi) doesn' Tamamen doğru hissetmiyorum.

Genellikle bir simgeyi hacimsel olarak ortalamayı tahmin ediyorum, ancak uygun merkezin matematiksel olarak belirlenebileceğine bahse girerim, dolayısıyla InDesign gibi tasarım araçlarımla bunu yapmama yardımcı olacak bir araç veya eklenti bulabileceğim için isimle ilgili merakım .

Başımın üst kısmına "Volumetrik Merkezleme" derdim, ama bu sadece bir tahmin. Bu teknik için resmi bir ad / terim var mı?


Fizik terim kütle merkezi olacağını en.wikipedia.org/wiki/Center_of_mass
Dax Fohl

Yanıtlar:


9

Adı "Optik merkez"

Temel olarak, okuyucunun gözü sol üst köşeden başlayacak ve optik merkezden geçerek sağ alt tarafa doğru hareket edecektir (sağdan sola, ters şeyleri okuyan bir ülkede)

Bu gerçek geometrik merkez değil. Dikdörtgenin üzerinde köşeden köşeye 2 çizgi yapın ve çizgilerin buluştuğu nokta bu geometrik merkezdir. Optik merkez geometrik merkezden biraz yukarıda olacaktır.

Yapmanız gereken, tasarımcıların yapması gereken, öğelerinizi geometrik merkez değil optik merkez etrafında dengelemektir.

Bu makaleden alınmıştır

resim açıklamasını buraya girin


4
Bu kesinlikle soruda açıklanan etki değildir .
KRyan

Neredeyse orada ... tam olarak doğru konsept değil.
sivil

4

Optik düzeltme / telafi

Sizin durumunuzda, optik merkezleme ile konuşuyorsunuz, ancak gözleriniz izin verirseniz bundan daha fazla ayar yapabilir. Bu, şekil, doku, renk, görsel bozulma, vb. Tartım ve telafi etme karmaşık sürecidir.

19. yüzyılın nokta uzmanları tarafından öncülük edilen optik karıştırma kavramına benzer şekilde, beyniniz bir dizi şekillere bakar ve olayları ortalar. Pointilizmde olduğu gibi, etki söz konusu şekillerin ölçeğine göre değişir. İzleyicinin görsel çözünürlüğü büyük bir rol oynar, ancak beynin göreceli öneme dayalı şeyleri basitleştirdiği algısal ağırlıkla da ilgilidir (üzgünüm ... onlarca yıllık okuma, ancak kaynak yok).

Pointillist görüntü renk nokta yakınlaştırılmış

Greko-Romen mimarisinde algılanan hacim için başka bir telafi şekli bulacaksınız.

Perspektif için hesaplanan mimarlar, nesnelerin kenarlarını yapan optik yanılsamalar içbükey görünür ve gökyüzüne karşı görüntülenen sütunların gölgeli bir duvara bakanlardan farklı görünmesi gerçeği için. Bu faktörler nedeniyle, mimarlar planları herhangi bir önemli binanın ana hatları nadiren düz olacak şekilde ayarladılar.
Wikipedia üzerinden

Gözlerini kullan

Bunu diğer tasarımcıların yaptığı gibi yapıyorsunuz. Bir algoritma bunu göreceli olarak ilgili alanlara, ölçeğe, görüş mesafesine vb.


3

Optik Hizalama denir. resim açıklamasını buraya girin İşte bu konuyu tartışan harika bir makale: https://medium.com/@erqiudao/the-play-button-is-not-optical-alignment-4cea11bda175 Umarım yardımcı olur!


Vay, harika bir makale.
Viziionary

@JonathanTodd değil mi? Geçen gün okudum ve kurtardım, birinin buna ihtiyacı olacağını düşündüm ve işte haha
Stanley VM

4
Cevabınıza eklemek için lütfen link verdiğiniz makalenin ilgili kısımlarını belirtin. Bağlantı çürümesi nedeniyle sadece bağlantı cevapları kaşlarını çattı.
DA01

1
Mükemmel makale! Yıllardır kendi göz kürelerimle optik olarak bir şeyler ortalıyorum. Çember numarasının hiç öğretilmediğine (veya kendi başıma çözülmediğine) inanamıyorum. DA01'in gönderiden yanıtınıza resim / metin eklemenizi rica ediyorum, harika şeyler.
Vicki

1
@joojaa Bağlayıcının her yerine çizim yapmakla meşguldüm. ;)
Vicki

Sitemizi kullandığınızda şunları okuyup anladığınızı kabul etmiş olursunuz: Çerez Politikası ve Gizlilik Politikası.
Licensed under cc by-sa 3.0 with attribution required.