오브젝트 이동, 정렬, 배치 및 배열

마지막 업데이트 날짜 2022년 6월 15일

Adobe XD에서 오브젝트를 이동, 정렬, 배치 및 배열하는 방법에 대해 알아봅니다.

오브젝트 이동

다음과 같은 방법으로 오브젝트를 옮길 수 있습니다.

마우스로 오브젝트 드래그
키보드의 화살표 키 사용
속성 인스펙터에서 정확한 수학 연산 값(+, -, /, *) 입력하기

Shift 키를 사용하여 하나 이상의 오브젝트가 x축 및 y축의 현재 방향을 기준으로 정확하게 수평 또는 수직 방향으로 이동하도록 오브젝트의 움직임을 제한할 수 있습니다.

정렬 패널을 사용하여 오브젝트를 상대적 위치로, 즉 다른 오브젝트의 위치를 기준으로 배치할 수도 있습니다.

드래그로 오브젝트 이동

하나 이상의 오브젝트를 선택하고 새 위치로 드래그합니다.

화살표 키를 사용하여 오브젝트 이동

하나 이상의 오브젝트를 선택합니다.

오브젝트를 이동할 방향에 해당하는 화살표 키를 누릅니다.

X 및 Y 좌표를 사용하여 오브젝트 이동

하나 이상의 오브젝트를 선택합니다. 속성 관리자에서 X 및 Y 좌표에 대한 값을 입력합니다. X 및 Y 값을 클릭하고 화살표 키를 사용하여 해당 값을 올리거나 내릴 수도 있습니다.

수학 연산을 사용하여 오브젝트 이동

하나 이상의 오브젝트를 선택합니다. 속성 관리자에서 숫자 값을 허용하는 모든 상자에서 간단한 수학 연산을 수행할 수 있습니다. 예를 들어 선택한 오브젝트를 현재 측정 단위를 사용하여 오른쪽으로 3 단위 옮기고자 한다면 현재 값 다음에 +3을 입력하면 됩니다.

변경 사항을 계산하는 데 지원되는 수학 연산에는 +, -./, *가 있습니다.

숫자 값을 허용하는 텍스트 상자에서 다음 중 하나를 수행합니다.

현재 값 전체를 수학식으로 바꾸려면 현재 값 전체를 선택합니다.
현재 값을 수학식의 일부로 사용하려면 현재 값의 앞이나 뒤를 클릭합니다.

메모

화살표 키를 사용하는 동안 Shift 키를 누르고 있으면 값이 10px 단위로 바뀝니다.

오브젝트 정렬 및 배치

정렬 패널을 사용하여 선택한 오브젝트를 선택 요소나 아트보드에 대해 가로 또는 세로로 정렬하거나 배치할 수 있습니다.

다른 오브젝트를 기준으로 오브젝트 정렬 또는 배치

정렬할 오브젝트를 선택하고 속성 관리자에서 다음 중 하나의 옵션을 클릭합니다.

상단 정렬
중간 정렬
하단 정렬
왼쪽 정렬
가운데 정렬
오른쪽 정렬
가로 또는 세로로 오브젝트 배치

아트보드를 기준으로 오브젝트 또는 그룹 정렬

정렬할 오브젝트 또는 그룹을 선택하고 속성 관리자에서 다음 중 하나의 옵션을 클릭합니다.

상단 정렬
중간 정렬
하단 정렬
왼쪽 정렬
가운데 정렬
오른쪽 정렬

오브젝트를 픽셀 격자에 정렬

객체의 엣지를 픽셀 격자에 정렬할 수 있습니다.이를 위해 XD는 요소의 X,Y,W,H 속성에 대한 정수 값을 반올림하여 선명하고 깨끗하게 보이도록 합니다.

오브젝트를 픽셀 격자에 정렬하려면 해당 오브젝트를 마우스 오른쪽 버튼으로 클릭하고 픽셀 격자에 정렬을 선택합니다.

픽셀 격자에 정렬한다고 해서 X/Y/W/H 속성이 항상 소수가 되지 않는다는 의미는 아닙니다. 선 및 패스(가운데 선 모양)의 경우 선이 픽셀 상에 명확하게 정렬되도록 하기 위해 X/Y 값이 가끔 0.5 단위로 끝나야 할 때도 있습니다.

Adobe XD는 픽셀 미리보기와는 다른 아트보드 그리드를 지원합니다. Adobe XD는 픽셀 미리보기를 지원하지 않습니다. Adobe XD의 기본 아트보드 그리드는 8픽셀 그리드입니다. 그리드 설정을 변경하여 1픽셀 그리드를 만들 수 있습니다. 자세한 내용은 그리드를 사용하여 아트보드에 요소 배치를 참조하십시오.