Apakah ada nama, istilah, atau praktik untuk hal-hal yang tidak terpusat berdasarkan volume daripada lebar dan tinggi?


11

Sebagai perancang antarmuka, dan seperti perancang pada umumnya, saya sering memperhatikan bahwa saya merasa perlu untuk menempatkan sesuatu sedikit di luar pusat agar mereka tampak terpusat dan seimbang, karena barang-barang memiliki distribusi volume yang tidak merata.

Pertimbangkan tombol putar yang ditempatkan di dalam kotak:

masukkan deskripsi gambar di sini

Beberapa bulan setelah mengajukan pertanyaan ini, saya mengembangkan kontrol video dan menyadari bahwa ini adalah contoh sempurna. Gambar ini terpusat secara geometris, tetapi dalam antarmuka saya, saya mendorong ikon sekitar 15% lebih jauh ke kanan daripada pusat geometris yang sebenarnya untuk memusatkannya berdasarkan volume karena berpusat secara geometris (seperti yang dapat Anda amati pada gambar di atas) tidak Rasanya tidak benar.

Saya biasanya hanya menebak memusatkan ikon secara volumetrik, tapi saya yakin pusat yang tepat dapat ditentukan secara matematis, maka rasa ingin tahu saya mengenai nama, jika saya mungkin menemukan alat atau plugin untuk membantu saya melakukan ini dengan alat desain saya seperti InDesign .

Dari atas kepala saya, saya akan menyebutnya "Volumetric Centering", tapi itu hanya dugaan. Apakah ada nama / istilah resmi untuk teknik ini?


Istilah fisika akan menjadi pusat massa en.wikipedia.org/wiki/Center_of_mass
Dax Fohl

Jawaban:


9

Ini disebut "pusat optik"

Pada dasarnya, mata pembaca akan mulai di kiri atas dan bergerak ke kanan bawah, melewati pusat optik (di negara yang membaca dari kanan ke kiri, membalikkan hal-hal)

Itu bukan pusat geometris yang sebenarnya. Buat 2 garis dari sudut ke sudut pada persegi panjang dan titik di mana garis bertemu, dan itulah pusat geometris. Pusat optik akan sedikit di atas pusat geometris.

Apa yang Anda lakukan adalah apa yang harus dilakukan desainer adalah menyeimbangkan elemen Anda di sekitar pusat optik, bukan pusat geometris.

Diambil dari artikel ini

masukkan deskripsi gambar di sini


4
Ini jelas bukan efek yang dijelaskan dalam pertanyaan.
KRyan

Hampir sampai ... konsep yang kurang tepat.
plainclothes

4

Koreksi / kompensasi optik

Dalam kasus Anda, Anda berbicara tentang pemusatan optik, tetapi mata Anda dapat melakukan lebih banyak penyesuaian dari itu, jika Anda membiarkannya. Ini adalah proses kompleks dari pembobotan bentuk, tekstur, warna, distorsi visual, dll dan menggantinya.

Mirip dengan konsep pencampuran optik yang dipelopori oleh para pointillist abad ke-19, otak Anda melihat agregat bentuk dan rata-rata segala sesuatunya. Seperti dalam pointillism, efeknya berubah berdasarkan skala bentuk yang bersangkutan. Resolusi visual pemirsa memainkan peran besar, tetapi juga berkaitan dengan bobot persepsi, di mana otak menyederhanakan hal-hal berdasarkan kepentingan relatif (maaf ... bacaan puluhan tahun, tetapi tidak ada sumber).

Gambar pointillist dengan diperbesar dalam titik-titik warna

Anda akan menemukan bentuk kompensasi untuk volume yang dirasakan dalam arsitektur Yunani-Romawi.

Arsitek dihitung untuk perspektif, untuk ilusi optik yang membuat ujung-ujung objek tampak cekung dan fakta bahwa kolom yang dilihat melawan langit terlihat berbeda dari yang berdekatan yang dilihat terhadap dinding yang gelap. Karena faktor-faktor ini, arsitek menyesuaikan rencana sehingga garis-garis utama dari setiap bangunan yang signifikan jarang lurus.
via Wikipedia

Gunakan matamu

Anda melakukannya dengan cara yang sama seperti perancang lainnya. Algoritma dapat membayangkan hal ini berdasarkan area relatif, skala, jarak pandang, dll, tetapi tidak ada yang membuatnya seperti mata manusia.


3

Ini disebut Optical Alignment masukkan deskripsi gambar di sini Berikut ini adalah artikel hebat yang membahas masalah yang sangat: https://medium.com/@erqiudao/the-play-button-is-not-optical-alignment-4cea11bda175 Semoga bermanfaat!


Wow, artikel yang luar biasa.
Viziionary

@ JonathanTodd benar? Saya baru saja membacanya kemarin dan menyimpannya, mengira seseorang akan membutuhkannya, dan di sini kita haha
Stanley VM

4
Silakan kutip bagian terkait dari artikel yang Anda tautkan untuk menambahkan jawaban Anda. Tautan hanya jawaban yang disukai karena tautan busuk.
DA01

1
Artikel yang luar biasa! Saya telah memusatkan hal-hal secara optik hanya dengan bola mata saya sendiri selama bertahun-tahun. Saya tidak percaya saya tidak pernah diajari (atau mencari tahu sendiri) trik lingkaran. Saya meminta kedua DA01 bahwa Anda menambahkan gambar / teks dari posting ke jawaban Anda, hal-hal hebat.
Vicki

1
@ joojaa aku terlalu sibuk menggambar di seluruh mapku. ;)
Vicki

Dengan menggunakan situs kami, Anda mengakui telah membaca dan memahami Kebijakan Cookie dan Kebijakan Privasi kami.
Licensed under cc by-sa 3.0 with attribution required.