Никита!
Просто так устроено человеческое зрение: в некоторых ситуациях и сочетаниях мы видим не совсем то, что реально происходит. «Иллюзии», как вы их называете, могут возникать в связи с цветом или формой. Примеры:
Если поставить рядом одинаковые по габаритам квадрат и круг одного цвета, то круг будет казаться меньше. Чтобы победить это ощущение, приходится сделать круг чуть крупнее.
Чёрный текст на белом фоне и белый текст на чёрном фоне в одном кегле будут казаться разными по размеру.
Серый квадрат на ярком красном фоне будет казаться зеленоватым, на зелёном фоне — красноватым, на жёлтом фоне — сиреневым и т. д.
Чтобы больше узнать про человеческое восприятие цвета, рекомендую книгу Иоганесса Иттена «Искусство цвета»
Дизайнер знает и использует особенности человеческого зрения в своей работе: где надо, компенсирует иллюзии, а где‑то — наоборот усиливает или создаёт их.
Чтобы больше узнать про человеческое восприятие цвета, рекомендую книгу Иоганесса Иттена «Искусство цвета»
В вашем примере, если работать только с формой, можно было бы попробовать изменить рамку у телефона: сделать её тоньше или провести её ось по центру, внешней или внутренней стороне прямоугольника — то есть, компенсировать иллюзию. Но я бы просто навёл порядок в синтаксисе: вместо кнопки написал адрес сайта без плашки, а у телефона убрал рамку.
См. также совет Кости Мозгового о компенсации в интерфейсе Айфона.