Чи є назва, термін чи практика для нецентризованих речей, що базуються на обсязі, а не на ширині та висоті?


11

Як дизайнер інтерфейсів і як дизайнер взагалі я часто помічаю, що відчуваю необхідність розміщувати речі трохи поза центром, щоб вони виглядали по центру і врівноваженими, оскільки елементи мають нерівномірний розподіл за обсягом.

Розглянемо кнопку відтворення, розміщену у полі:

введіть тут опис зображення

Через кілька місяців після того, як я задав це питання, я розробив відеоконтроль і зрозумів, що це ідеальний приклад. Це зображення геометрично по центру, але в інтерфейсі я натиснув на піктограму приблизно на 15% праворуч, ніж її фактичний геометричний центр, щоб центрирувати її на основі гучності, оскільки геометрично по центру (як ви можете помітити на наведеному вище зображенні) немає " т почуваюся цілком правильно.

Я, як правило, просто здогадуюсь про центральну піктограму об'ємно, але я думаю, що відповідний центр можна визначити математично, отже, моя цікавість щодо назви, якщо я можу знайти інструмент або плагін, який допоможе мені зробити це за допомогою моїх інструментів дизайну, таких як InDesign .

Вгорі голови я б назвав це "Об'ємним центром", але це лише здогадка. Чи існує офіційна назва / термін для цієї методики?


Термін фізики буде центром масових en.wikipedia.org/wiki/Center_of_mass
Дакс Фоль

Відповіді:


9

Це називається "Оптичний центр"

В основному, око читача почне ліворуч у верхньому лівому куті та рухатиметься у напрямку праворуч внизу, проходячи через оптичний центр (у країні, яка читає справа наліво, реверсувати речі)

Це не власне геометричний центр. Зробіть 2 лінії від кута до кута на прямокутнику та точці, де зустрічаються лінії, і це геометричний центр. Оптичний центр буде трохи вище геометричного центру.

Те, що ви робите, - це те, що повинні робити дизайнери - це збалансувати свої елементи навколо оптичного центру, а не геометричного центру.

Взято з цієї статті

введіть тут опис зображення


4
Це точно не ефект, описаний у питанні.
KRyan

Майже там ... не зовсім правильне поняття.
цивільний одяг

4

Оптична корекція / компенсація

У вашому випадку ви розмовляєте з оптичним центром, але очі можуть виконати більше коригувань, ніж це, якщо ви дозволите їм. Це складний процес зважування форми, текстури, кольору, спотворення зору тощо та компенсує це.

Подібно до концепції оптичного змішування, яку запровадили пуантилісти 19 століття, ваш мозок розглядає сукупність форм і уселяє речі. Як і в пуантилізмі, ефект змінюється, виходячи з масштабів розглянутих форм. Візуальна роздільна здатність глядача відіграє велику роль, але це також має відношення до перцептивного зважування, де мозок спрощує речі на основі відносної важливості (вибачте ... десятиліття читання, але джерел немає).

Зображення пуантиліста із збільшеним кольором крапками

Ви знайдете іншу форму компенсації сприйнятого обсягу в греко-римській архітектурі.

Архітектори, розраховані на перспективу, на оптичні ілюзії, які роблять краї предметів, виглядають увігнутими, і на те, що стовпчики, які дивляться на небо, виглядають відмінними від сусідніх, які дивляться на затінену стіну. Через ці фактори архітектори відкоригували плани так, що основні лінії будь-якої значної будівлі рідко бувають прямими.
через Вікіпедію

Використовуйте очі

Ви робите це так само, як це робить інший дизайнер. Алгоритм міг би це зрозуміти на основі відносних областей, масштабу, відстані перегляду тощо, але нічого не виходить так, як людське око.


3

Це називається оптична вирівнювання введіть тут опис зображення Ось чудова стаття, яка обговорює саму проблему: https://medium.com/@erqiudao/the-play-button-is-not-optical-alignment-4cea11bda175 Сподіваюся, що це допомагає!


Ого, дивовижна стаття.
Візіонер

@JonathanTodd правда? Я просто прочитав його на днях і врятував, зрозумів, що комусь це буде потрібно, і ось ми ха-ха
Стенлі ВМ

4
Будь ласка, цитуйте відповідні частини статті, на яку ви посилаєтесь, щоб додати свою відповідь. Відповіді лише на посилання нахмурюються через гниття посилання.
DA01

1
Відмінна стаття! Я роками оптично зосереджував речі лише своїми очними яблуками. Я не можу повірити, що мене ніколи не вчили (або придумали самостійно) фокус з гуртком. Я друге прохання DA01 про те, щоб ви додали зображення / текст із поста у відповідь, чудові речі.
Вікі

1
@joojaa Я був надто зайнятий малюванням у всьому палітурці. ;)
Вікі

0

Відповідь на оптичну вирівнювання - чудова, і я підозрюю, що ви це шукаєте, але коли ви згадуєте про "баланс" у своєму питанні, я подумав про "Окультний баланс" (AKA, асиметричний баланс).

Ось посилання, яке я знайшов ... http://www.revolutionarygardens.com/principles-of-design-balance-in-the-landscape/

Я знаю, що посилання стосується ландшафтного дизайну, але я думаю, що тут застосовується ця концепція.

Використовуючи наш веб-сайт, ви визнаєте, що прочитали та зрозуміли наші Політику щодо файлів cookie та Політику конфіденційності.
Licensed under cc by-sa 3.0 with attribution required.