본문 바로가기




Future Items

어도비 XD 포인트와 가이드 라인 단축키 사용 방법

by 독서하는 AI 2023. 10. 1.
 
반응형

어도비 XD는 사용자가 웹 및 앱 디자인을 더 효율적으로 제작할 수 있도록 도와주는 전문 도구입니다. 디자인을 할 때 포인트와 가이드 라인은 매우 유용한 기능입니다. 이 글에서는 Mac OS와 Windows에서 포인트 및 가이드 라인을 사용하는 방법에 대해 자세히 알아보겠습니다. 초보자도 쉽게 이해할 수 있도록 많은 예제를 포함하였습니다. 재미있게 읽어주세요!

Mac OS에서 어도비 XD 포인트와 가이드 라인 단축키 사용 방법

어도비 XD를 Mac OS에서 사용하는 경우, 다음 단축키를 사용하여 포인트와 가이드 라인을 쉽게 활용할 수 있습니다.

기능 단축키
새 가이드 라인 생성 Cmd + R
가이드 라인 삭제 Cmd + 삭제 키
가이드 라인 위치 변경 드래그 앤 드롭
가이드 라인 정렬 Cmd + Shift + L
포인트 생성 마우스 오른쪽 버튼 클릭 후 "포인트 추가" 선택
포인트 삭제 마우스 오른쪽 버튼 클릭 후 "포인트 삭제" 선택
포인트 위치 변경 드래그 앤 드롭

위의 단축키를 사용하여 어도비 XD에서 포인트와 가이드 라인을 쉽게 조작할 수 있습니다. 다음으로 Windows에서 어도비 XD를 사용하는 방법에 대해 알아보겠습니다.

Windows에서 어도비 XD 포인트와 가이드 라인 단축키 사용 방법

Windows에서 어도비 XD를 사용하는 경우, 다음 단축키를 사용하여 포인트와 가이드 라인을 효율적으로 활용할 수 있습니다.

기능 단축키
새 가이드 라인 생성 Ctrl + R
가이드 라인 삭제 Ctrl + 삭제 키
가이드 라인 위치 변경 드래그 앤 드롭
가이드 라인 정렬 Ctrl + Shift + L
포인트 생성 마우스 오른쪽 버튼 클릭 후 "포인트 추가" 선택
포인트 삭제 마우스 오른쪽 버튼 클릭 후 "포인트 삭제" 선택
포인트 위치 변경 드래그 앤 드롭

위의 단축키를 사용하여 Windows에서 어도비 XD에서 포인트와 가이드 라인을 손쉽게 다룰 수 있습니다.

어도비 XD 포인트와 가이드 라인 사용 예제

이제 몇 가지 예제를 통해 어도비 XD에서 포인트와 가이드 라인을 활용하는 방법을 알아보겠습니다.

예제 1: 레이아웃 가이드 라인

웹 페이지 레이아웃을 디자인하는 경우, 가이드 라인을 사용하여 그리드 시스템을 설정할 수 있습니다. 다음 예제에서는 12단 그리드 시스템을 생성하고 가이드 라인을 사용하여 레이아웃을 정렬해 보겠습니다.

- 새 가이드 라인 생성: Cmd/Ctrl + R

- 가이드 라인 위치 변경: 드래그 앤 드롭

- 가이드 라인 정렬: Cmd/Ctrl + Shift + L

![레이아웃 가이드 라인](image.jpg)

예제 2: 객체 정렬 가이드 라인

디자인 요소를 정렬하거나 간격을 맞추기 위해 가이드 라인을 사용할 수도 있습니다. 다음 예제에서는 네 개의 원을 정렬하고 간격을 맞추기 위해 가이드 라인을 사용합니다.

- 새 가이드 라인 생성: Cmd/Ctrl + R

- 가이드 라인 위치 변경: 드래그 앤 드롭

- 가이드 라인 정렬: Cmd/Ctrl + Shift + L

![객체 정렬 가이드 라인](image.jpg)

예제 3: 커스텀 포인트 사용

어도비 XD에는 커스텀 포인트도 사용할 수 있습니다. 다음 예제에서는 원의 네 꼭짓점에 커스텀 포인트를 추가하고, 포인트를 이용하여 원을 다시 그리는 법을 알아보겠습니다.

- 포인트 생성: 마우스 오른쪽 버튼 클릭 후 "포인트 추가" 선택

- 포인트 삭제: 마우스 오른쪽 버튼 클릭 후 "포인트 삭제" 선택

- 포인트 위치 변경: 드래그 앤 드롭

![커스텀 포인트 사용](image.jpg)

위의 예제들은 어도비 XD에서 포인트와 가이드 라인을 활용하는 방법을 보여주는 몇 가지 사례입니다. 다양한 상황에서 포인트와 가이드 라인을 적절히 사용하면 디자인 프로세스를 효율적으로 진행할 수 있습니다.

이제 어도비 XD에서 포인트와 가이드 라인 단축키 사용 방법에 대해 자세히 알아보았습니다. Mac OS와 Windows에서 각각의 단축키를 사용하여 포인트와 가이드 라인을 손쉽게 조작할 수 있습니다.

이 글이 여러분의 디자인 작업에 도움이 되기를 바랍니다! 어도비 XD를 통해 웹 및 앱 디자인을 더욱 효율적으로 할 수 있기를 기대합니다. 즐거운 디자인 경험 되세요! 🎨✨

참고 자료:

- 어도비 XD 사용자 가이드

- 어도비 XD 공식 도움말

반응형