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:
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?
sumber
Jawaban:
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
sumber
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).
Anda akan menemukan bentuk kompensasi untuk volume yang dirasakan dalam arsitektur Yunani-Romawi.
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.
sumber
Ini disebut Optical Alignment Berikut ini adalah artikel hebat yang membahas masalah yang sangat: https://medium.com/@erqiudao/the-play-button-is-not-optical-alignment-4cea11bda175 Semoga bermanfaat!
sumber
Jawaban Optical Alignment adalah jawaban yang bagus, dan saya menduga inilah yang Anda cari, tetapi ketika Anda menyebut "keseimbangan" dalam pertanyaan Anda, saya memikirkan tentang Occult Balance (AKA, asymmetric balance).
Inilah tautan yang saya temukan ... http://www.revolutionarygardens.com/principles-of-design-balance-in-the-landscape/
Saya tahu tautannya tentang desain lansekap, tapi saya pikir konsepnya berlaku di sini.
sumber