Почему возникает эффект черного треугольника в дизайне сайтов?

Эффект чёрного треугольника в дизайне сайтов возникает из-за иллюзии сечения треугольника. lobsteragency.ru ux-journal.ru

Когда треугольник помещают в контейнер, создаётся впечатление, что он находится не на месте. ux-journal.ru Это происходит из-за того, что середина масс треугольника вычисляется на основании его минимального ограничивающего прямоугольника. lobsteragency.ru Если взять высоту равностороннего треугольника и сделать отметку чётко в центре этой линии, то оптически покажется, что отметка расположена выше середины. lobsteragency.ru

Также иллюзия связана с эффектом постоянства размера. ux-journal.ru Он заключается в том, что мозг автоматически «увеличивает» удалённые объекты, чтобы представить их фактический размер. ux-journal.ru

Чтобы треугольник внутри прямоугольника выглядел оптически центрированным, нужно найти его центр масс (центроид), который находится в точке пересечения средних линий треугольника. ux-journal.ru