Почему линия в Adobe XD имеет отступ в 0.5px относительно других элементов?

Question

[Dmitry Kutuzov]

Всем привет!

Изучаю UI и рисую пробные интерфейсы в Adobe XD. И возник вопрос, почему по умолчанию элемент Line (зеленым) сдвинут относительно Rectangle (серым) на 0.5px?

Допустимо ли использовать половинчатый отступ (розовая линия), чтобы выровнять и линию и прямоугольник по левому краю?

Спасибо

Comments

[xmoonlight]

А почему меня то спросил?)
(Я позвал лучшего по тегу, кто надеюсь, сможет Вам помочь!)

[Dmitry Kutuzov]

xmoonlight, ваш профиль высветился по тегу :) сорри, если это не ваша область

[xmoonlight]

Dmitry Kutuzov, Да, это не моя! Я позвал Вам, кто может помочь! Так что - ждите и Вам обязательно кто-то ответит! (моя - "интерфейс", но не Adobe XD)

Answer 1

[Драган Кнежевич]

Попробуйте поменять настройки Border элемента Rectangle на Center Stroke.

Comments

[Dmitry Kutuzov]

Так это же не изменит того, что Line сдвинут относительно сетки на .5px. Соответственно все остальные элементы (текст, изображения) нужно будет сдвигать для выравнивания.

Answer 2

[Ivnika]

Прямую линию можно определить как линию, путь вдоль которой равен кратчайшему расстоянию между двумя точками или длина без ширины (из вики).
Адоб ХД (да и другие) так и воспринимают, т.е. есть координаты начала/конца и параметр - ширина! Ширина может быть любой, по умолчанию 1 и ес-но она распределяется равномерно "по бокам", вот и смещение.
К слову поэтому многие и рекомендуют не пользоваться этим примитивом (линия) а использовать "прямоугольник" и тд

Comments

[Dmitry Kutuzov]

Спасибо, принцип стал ясен) осталось понять как использовать вертикальную линию в 1px на практике
1. Смещать на 0.5px линию
2. Выравнивать все элементы по линии. Значит у них будет смешение на 0.5px

Что с этим делают на реальных проектах, кроме как забить?

[Ivnika]

Я не использую линию вообще (разработка интерфейсов) - заменяю другими примитивами (прямоугольником в частности). Много проблем с ней, например масштабирование - менять или нет толщину? Что будет при экспорте в svg например? Как автоматом выравнивать? смещать на пол пикселя это извините жуткий костыль, а если заказчик скажет а давай два пикселя толщину сделаем - везде смещать еще на полпикселя?