모바일 디바이스를 Adobe XD 데스크탑이 실행되는 컴퓨터의 USB 포트에 연결합니다. Creative Cloud에서 사용할 수 있는 XD 데스크탑의 최신 버전이 설치되어 있어야 합니다.
- Adobe XD 사용 안내서
- 소개
- 디자인
- 아트보드, 안내선 및 레이어
- 모양, 오브젝트 및 패스
- 텍스트 및 글꼴
- 구성 요소 및 상태
- 마스킹 및 효과
- 레이아웃
- 비디오 및 Lottie 애니메이션
- 프로토타입
- 공유, 내보내기 및 검토
- 디자인 시스템
- 클라우드 문서
- 통합 기능 및 플러그인
- iOS 및 Android용 XD
- 문제 해결
- 알려진 문제 및 해결된 문제
- 설치 및 업데이트
- 실행 및 충돌
- 클라우드 문서 및 Creative Cloud Libraries
- 프로토타이핑, 게시 및 검토
- 다른 앱 가져오기, 내보내기 및 작업
모바일 디바이스에서 XD 앱을 사용하여 실시간으로 내 모바일 디자인을 미리 보거나 Creative Cloud에서 저장된 XD 파일을 열 수 있습니다. 게시된 모든 프로토타입을 장소에 상관없이 모바일 브라우저에서 미리 볼 수도 있습니다.
Adobe XD 모바일 앱을 사용하여 다음과 같은 작업을 할 수 있습니다.
- 모바일 디바이스를 XD가 실행되는 컴퓨터에 USB로 연결하고 데스크탑에서 디자인 및 프로토타입을 편집하면 이를 연결된 모바일 디바이스에서 실시간으로 미리 볼 수 있습니다. 자세한 내용은 모바일 디바이스에서 실시간으로 프로토타입 미리보기를 참조하십시오.
- 공유 가능한 비공개 링크를 사용하여 프로토타입을 검토하도록 사람들을 초대합니다. 자세한 내용은 웹 및 모바일에서 비공개 초대 사용을 참조하십시오.
- 모바일 디바이스에서 XD의 클라우드 에코시스템에 저장된 디자인 또는 프로토타입을 조회하고 댓글을 단 다음 장소에 상관없이 다른 사람들과 공유할 수 있습니다. 자세한 내용은 모바일 브라우저의 디자인과 프로토타입에 댓글 달기를 참조하십시오.
Windows 10이 설치된 디바이스에서 Adobe XD를 실행하는 경우 USB를 통한 실시간 미리보기는 Android에서 지원되지 않습니다.
모바일 디바이스에서의 미리보기에 대한 요구 사항
실시간으로 또는 Creative Cloud에서 XD 파일을 열어 미리 보려면:
- Adobe XD 모바일 앱
지원되는 iOS 및 Android 버전의 목록은 모바일용 Adobe XD FAQ를 참조하십시오.
모바일 디바이스에서 실시간으로 프로토타입 미리보기
USB 케이블을 통해 내 컴퓨터에 연결된 모바일 디바이스에서 실시간으로 디자인을 미리 볼 수 있습니다.
-
참고:
- 데이터 전송이 가능한 USB 케이블인지 확인하십시오. 일부 USB 케이블은 디바이스 충전 전용으로, 데이터는 전송되지 않습니다.
- Windows 시스템에 iPhone을 연결하려 하십니까? iPhone에서 디자인 또는 프로토타입을 미리 보려면 Windows용 iTunes가 설치되어 있어야 합니다.
-
디바이스에서 Adobe XD를 엽니다.
-
Adobe XD 데스크탑에서 현재 선택되었거나 작업 중인 아트보드가 디바이스에 표시됩니다. 디자인에 적용되는 모든 변경 내용이 모바일 디바이스에 실시간으로 반영됩니다.
프로토타입 모드에서 인터랙션을 생성하는 와이어를 추가하면 데스크탑의 미리보기 창에서와 마찬가지로 인터랙션이 이루어지는 과정을 확인할 수 있습니다.
-
모바일 앱 화면을 세 번 탭하면 다음과 같은 추가 옵션이 표시됩니다.
- 아트보드 검색: 내 디자인의 모든 아트보드 스크롤
- 이미지로 이 화면 공유: 특정 아트보드를 PNG 파일로 이메일, Slack 또는 기타 채널을 통해 공유
- 핫스팟 힌트: 프로토타입을 조회하는 동안 핫스팟 힌트 활성화
- 스와이프 탐색: 프로토타입과 인터랙션할 때 스와이핑을 방지해 줍니다.
- 보기 옵션: 디자인을 다양한 크기로 볼 수 있습니다.
클라우드 문서로 저장된 XD 문서 미리보기
데스크탑에 클라우드 문서로 XD 문서를 저장하여 미리 볼 수 있습니다.
-
데스크탑의 XD 문서가 클라우드 문서로 저장되어 있어야 합니다.
-
모바일 디바이스에서 Adobe XD를 엽니다.
-
XD 문서에서 클라우드 문서 폴더의 모든 XD 문서를 볼 수 있습니다. 파일 이름으로 검색한 다음 오름차순이나 내림차순(글자순 또는 최근 수정)으로 정렬할 수 있습니다. 원하는 파일을 찾으면 이를 탭하여 파일을 조회할 수 있습니다.
-
미리보기를 하는 도중 화면을 세 번 탭하면 다음과 같은 프로토타입 옵션이 표시됩니다.
- 아트보드 검색: 내 디자인에서 원하는 아트보드를 검색하고 바로 이동합니다.
- 이미지로 이 화면 공유: 특정 아트보드를 PNG 파일로 이메일, 소셜 미디어 또는 디바이스에서 제공하는 기타 모든 공유 옵션을 통해 공유합니다.
- 핫스팟 힌트: 프로토타입을 조회하는 동안 핫스팟 힌트 활성화
- 스와이프 탐색: 프로토타입과 인터랙션하는 경우 스와이핑을 활성화합니다.
- 보기 옵션: 디자인을 다양한 크기로 볼 수 있습니다.
참고:확대/축소 접근성 기능이 활성화되면 기본 방식인 세 손가락 탭 대신 두 손가락을 사용하여 더블 탭할 수 있습니다.
-
모바일 앱에서 디자인을 검토한 후 리뷰어들과 프로토타입을 공유할 수 있습니다.
프로토타입을 공유하기에 앞서 핫스팟 힌트 기능이 켜져 있는지 확인하십시오. 모바일 화면을 세 번 탭하여 핫스팟 힌트를 활성화합니다.
-
이메일, 소셜 미디어 또는 디바이스에서 제공하는 기타 모든 공유 옵션을 통해 다른 사용자들과 프로토타입 링크를 공유할 수 있습니다. 모바일 화면을 세 번 탭하고 검토 목적으로 공유를 누릅니다.
참고:XD 데스크탑 애플리케이션을 사용하기 전에 최소 한 번이라도 공유된 경우에만 프로토타입을 공유할 수 있습니다.
모바일 디바이스의 글꼴
다음은 모바일에서 글꼴을 관리하는 몇 가지 방법입니다.
- 모바일에서 미리보기를 할 때 가능한 경우 글꼴이 디바이스로 전송됩니다. 단, 일부 글꼴 제공업체가 자사의 글꼴에 대한 전송, 표시 및 배포를 허용하지 않습니다. 사용자와 글꼴 제공업체 간 글꼴 사용권 계약을 준수할 책임은 사용자 본인에게 있습니다.
- 모바일에서 프로토타입을 미리 볼 때 해당 디바이스에 필요한 글꼴이 없으면 경고 메시지가 표시됩니다. 누락된 글꼴은 사용 가능한 글꼴로 대체됩니다.
- Adobe Fonts
XD iOS 또는 Android 모바일 앱에서 XD 클라우드 문서를 미리보기하면 Adobe Fonts가 자동으로 활성화되고 제대로 표시됩니다. - 비 Adobe 글꼴
iOS 13.0은 맞춤 글꼴 설치를 지원합니다. 사용자는 Apple에서 제공하는 방법을 사용하거나 Creative Cloud iOS 모바일 앱(iOS 13.1 이상)을 사용하여 서드파티 앱을 통해 맞춤 글꼴을 설치할 수 있습니다.
디바이스에 다운로드한 XD 파일 삭제
모바일 디바이스의 저장 공간을 확보하기 위해 설정 > 환경 설정을 탭하여 다운로드한 파일을 삭제할 수 있습니다.
여기에서 사용 중인 로컬 공간의 용량을 확인할 수 있으며, 오프라인 문서 제거를 탭하여 디바이스에 다운로드한 XD 문서를 삭제할 수 있습니다.
파일을 선택하고 오프라인에서 사용 가능 옵션을 비활성화하여 개별 파일을 제거할 수도 있습니다.
게시된 프로토타입을 모바일 브라우저에서 미리보기
모바일 브라우저에서 공유 링크를 열면 확대된 아트보드로 프로토타입을 볼 수 있습니다. 프로토타입의 아트보드가 연결 해제된 경우, 왼쪽 또는 오른쪽으로 스와이프하여 하나의 아트보드에서 다른 아트보드로 이동합니다.
팬 보기 모드에서 다음 옵션을 사용하십시오.
아이콘을 클릭하여 홈 아트보드로 이동합니다.
화살표를 사용하여 아트보드를 탐색합니다.
아이콘을 클릭하여 디자인과 프로토타입에 댓글을 답니다.
핀치 제스처를 사용하여 프로토타입의 원래 크기로 확대/축소합니다. 콘텐츠 품질을 그대로 유지하면서 200%까지 확대하고 25%까지 축소할 수 있습니다.
모바일 브라우저의 디자인과 프로토타입에 댓글 달기
첫 번째 인스턴스에서 로그인하지 않고도 공개 디자인과 프로토타입에 댓글을 달 수 있습니다.
- 화면을 핀치하여 홈 아트보드에 옵션을 표시합니다.
- 화살표 키를 사용하여 댓글을 달 화면으로 이동하십시오.
- 댓글 아이콘
을 탭하여 공유 프로토타입 또는 디자인에 댓글을 달 수 있습니다.
4. 댓글을 제출하거나 기존 댓글에 회신하려면 전송 아이콘()을 탭하고 Adobe ID와 암호로 로그인합니다.
게스트로 로그인하여 댓글을 달 수 있습니다. 비공개 웹 링크가 있는 경우 로그인할 Adobe ID가 필요합니다.
다양한 해상도로 디자인 미리보기
대상에 맞게 크기 조정
디바이스의 폭 또는 높이에 맞게 디자인을 확대하거나 축소할 수 있으며, 이 경우 디자인이 잘리지 않습니다. 아트보드는 지정된 해상도의 2배까지만 확대됩니다.
100%로 보기
크기를 조정하지 않고 지정된 해상도로 디자인을 볼 수 있습니다. 디자인이 화면에서 벗어나면 두 손가락을 사용하여 이동합니다.
자유 형식
두 손가락 핀치 투 줌 기능과 두 손가락 팬 기능을 사용하여 아트보드를 확대/축소하거나 이동할 수 있습니다. 아트보드는 지정된 해상도의 2배까지만 확대됩니다. 인터랙션은 이 보기 모드에서 계속 작동합니다.