내 프로토타입, 디자인 사양 및 클라우드 문서를 게시하고 관련자들에게 공개 또는 비공개 웹 링크를 제공하는 방법을 통해 공유할 수 있습니다.

프로토타입 및 디자인 사양을 게시하는 방법은 무엇입니까?

XD를 통해 다음과 같은 방법으로 프로토타입 및 디자인 사양을 게시할 수 있습니다.

  • 프로토타입을 웹에 게시: 관련자들에게 공개 또는 비공개 웹 링크를 제공하여 내 프로토타입을 조회하고 댓글을 달도록 합니다. iFrame을 지원하는 웹 사이트에 프로토타입을 임베드할 수도 있습니다. 자세한 내용은 프로토타입 게시를 참조하십시오.
  • 디자인 사양을 개발자와 공유: 개발자는 디자인의 치수, 색상 및 문자 스타일을 검사하고 복사할 수 있습니다. 관련자들에게 공개 또는 비공개 웹 링크를 제공하여 내 디자인 사양을 조회하고 댓글을 달도록 할 수 있습니다. 자세한 내용은 디자인 사양 작업을 참조하십시오.
  • 클라우드 문서 공유: 클라우드 문서를 공유하고 디자이너를 초대하여 공동 작업을 수행합니다. 초대된 관련자로부터 공유 클라우드 문서에 대한 액세스 권한을 제거하거나 복원할 수도 있습니다. 자세한 내용은 XD의 클라우드 문서클라우드 문서를 사용하여 작업을 참조하십시오.

참고:

Adobe XD 9.0 릴리스부터 Adobe는 디자인 사양에서 BETA 라벨을 제거했습니다. 

XD에서 프로토타입을 공유하기 위한 사전 요구 사항은 무엇입니까?

Adobe XD 온라인 공유 기능을 통해 프로토타입을 공유하려면 Adobe 계정을 사용하여 Adobe Creative Cloud 데스크탑 애플리케이션 또는 기타 Adobe 애플리케이션을 통해 로그인해야 합니다.

참고:

무료 XD 스타터 플랜을 사용 중인 경우 한 번에 하나의 프로토타입과 하나의 디자인 사양만 공유할 수 있습니다. 무료 XD 스타터 플랜을 계속 이용하려는 경우에는 새 링크를 공유하기 전에 기존 링크를 삭제하십시오.

프로토타입 및 디자인 사양 삭제에 대한 자세한 내용은 게시된 프로토타입 및 디자인 사양 삭제를 참조하십시오. 

XD 내에서 플랜을 업그레이드하려면 도움말 > 업그레이드를 클릭하십시오. 두 개 이상의 프로토타입 또는 디자인 사양을 게시하려 할 때 열리는 팝업 화면에서 지금 업그레이드를 클릭해도 됩니다.

클라우드 문서를 공유하는 방법은 무엇입니까?

  1. 공유하려는 XD 문서를 엽니다.

  2. 공유 버튼을 클릭하고 편집 작업을 수행하도록 초대를 선택합니다.

    공유 옵션
    공유 옵션
  3. 프로젝트의 제목을 설정하고 저장을 클릭합니다. 기본적으로 문서의 대상은 클라우드 문서로 설정되어 있습니다.

    문서 공유 옵션
    문서 공유 옵션
  4. 초대 탭에서 초대하려는 사람들의 이메일 주소를 입력하고 필요한 경우 메시지를 입력한 다음 초대를 클릭합니다. 초대된 공동 작업자 목록에서 자신을 제거하려면 문서 공유 창의 제거 옵션을 사용하거나 실행 취소 옵션을 사용하여 이전 작업을 실행 취소합니다.

    공유 문서를 웹에 표시하려면 수신한 이메일 알림을 클릭합니다.

    초대 옵션
    초대 옵션
  5. 다음에서 저장된 클라우드 문서를 조회할 수 있습니다.

    • assets.adobe.comCreative Cloud의 내 작업 섹션:
      • 관련자들과 공유한 프로토타입 또는 디자인 사양을 조회합니다.
      • 나와 공유됨 섹션에서 수신된 아티팩트를 조회합니다. 
      • 파일 클라우드 문서 보유 중인 문서의 메타데이터를 조회하고, 문서를 삭제하고, 검색할 수도 있습니다.
      • 나와 공유됨 섹션에서 검토용으로 수신된 프로토타입, 디자인 사양 및 XD 클라우드 문서를 조회합니다. 클라우드 문서로 필터링하고, 공유 클라우드 문서에서 나가고, 해당 메타데이터를 조회하고, 오용 신고를 할 수 있습니다. 내 작업 섹션의 다양한 옵션에 대한 자세한 내용은 에셋 검색, 동기화 및 관리를 참조하십시오.
    • XD 애플리케이션:
      • 화면 및 클라우드 문서 관리자 클라우드 문서 관리자에서 로컬 문서를 열려면 Cmd+Shift+O(MAC) 또는 Ctrl+Shift+O(Windows) 단축키를 사용합니다.
    assets.adobe.com의 클라우드 문서
    assets.adobe.com의 클라우드 문서

    자세한 내용은 XD에서 클라우드 문서 공유하기를 참조하십시오.

웹 브라우저에서 내 프로토타입을 볼 수 있도록 웹 링크를 리뷰어들에게 제공함으로써 전체 프로젝트(또는 단일 플로우의 아트보드에 대한 하위 집합)를 공유할 수 있습니다.

예를 들어 모바일 디바이스용으로 제작한 아트보드만 게시하려면 해당 모바일 디바이스에 대한 홈 아트보드를 선택하고 링크를 새로 생성합니다. 홈 아트보드와 연결된 모든 아트보드가 프로토타입에 포함됩니다.

참고:

아트보드는 순차적인 순서를 유지하기 위해 세로로 정렬되어야 합니다. 게시된 프로토타입이 아트보드의 순서를 유지하지 않으면 원본 파일의 위치를 ​​조정하고 프로토타입을 다시 게시하십시오.

  1. 공유하려는 Adobe XD 파일을 엽니다.

  2. 공유 버튼을 클릭하고 검토 목적으로 공유를 선택합니다.

    공유 옵션
    공유 옵션
  3. 공개 링크를 만들려면 소형 드롭다운 버튼을 클릭하고 링크를 보유한 누구나 조회 가능 옵션을 선택합니다. 비공개 링크를 만들려면 초대된 사용자만 조회 가능 옵션을 선택합니다. 프로토타입의 제목을 지정합니다. 그런 다음 아래 프로토타입 옵션을 지정합니다.

    • 댓글 허용: 이 옵션은 기본적으로 선택되어 있습니다. 이 옵션을 통해 프로토타입에 피드백을 남길 수 있습니다. XD에서 작업을 검토하는 방법에 대한 자세한 내용은 검토 작업 과정에서 댓글을 사용하여 작업을 참조하십시오. 
    • 핫스팟 힌트 표시: 이 옵션은 기본적으로 선택되어 있습니다. 이 옵션을 통해 프로토타입에서 핫스팟 힌트를 볼 수 있습니다. 사용자가 인터랙티브 영역 밖을 클릭하면 인터랙티브 영역이 윤곽 표시되어 클릭 가능한 영역을 나타내 줍니다.
    • 내비게이션 컨트롤 표시: 왼쪽 및 오른쪽 내비게이션 컨트롤을 표시하여 사용자 테스트에 대해 보다 용이하게 제어되는 환경을 만들려면 이 옵션을 선택하십시오. 이 옵션을 선택 취소하면 내비게이션 컨트롤이 숨겨집니다.
    내비게이션 컨트롤 비활성
    내비게이션 컨트롤 비활성
    내비게이션 컨트롤 활성화됨
    내비게이션 컨트롤 활성화됨

    A. 홈 B. 이전 아트보드 C. 다음 아트보드 

    • 전체 화면에서 열기: 사용자가 링크 클릭 시 전체 화면에서 프로토타입이 열리도록 하려면 이 옵션을 선택하십시오. 프로토타입이 실제 크기의 100%로 전체 화면에서 열리므로 뷰어들이 디자인 경험의 실제 뷰를 볼 수 있습니다. 디자인이 100% 비율로 화면에 맞지 않는 경우에는 사용자가 전체 화면을 보려면 스크롤해야 합니다.
    • 암호 요구: 이 옵션을 사용하면 공유된 공개 프로토타입에 보안 계층을 추가할 수 있습니다. 이 옵션을 선택하고 암호를 설정한 경우, 리뷰어가 프로토타입을 조회하려면 암호를 입력해야 합니다. 자세한 내용은 공유 프로토타입 암호 보호를 참조하십시오.
    검토 목적으로 공유 옵션
    검토 목적으로 공유 옵션
  4. 몇 가지 옵션을 설정한 후 링크 만들기를 선택합니다.

    참고:

    암호 보호 옵션을 설정한 경우에는 암호를 설정한 후 링크를 만들 수 있습니다.

  5. 게시된 프로토타입을 웹 브라우저에서 열려면 링크를 클릭합니다. 생성된 URL을 복사하여 이메일 클라이언트나 기타 커뮤니케이션 채널에 붙여넣어 다른 사용자들과 공유하려면 링크 복사를 클릭합니다.

    임베드 코드를 복사하려면 임베드 코드 복사를 클릭합니다. 그런 다음 이 코드를 인라인 프레임을 지원하는 모든 종류의 웹 사이트에 붙여넣을 수 있습니다.

    참고:

    내 디자인의 특정 아트보드에 대한 딥링크를 설정할 수도 있습니다. 공유 프로토타입으로의 링크를 클릭하고 특정 아트보드로 이동한 다음 해당 아트보드의 URL을 복사합니다. 그런 다음 이 URL을 리뷰어들과 공유합니다.

참고:

  • 인터랙션이 없는 디자인을 게시하면 모든 아트보드가 업로드되며 키보드의 화살표 키를 사용하여 이동할 수 있습니다. 아트보드의 순서는 왼쪽에서 오른쪽, 위에서 아래 방향입니다.
  • 디자인에 인터랙션이 포함되어 있는 경우 홈 아트보드에 연결되어 있는 아트보드만 업로드되고 공유됩니다.

개발자용 디자인 사양을 게시하는 방법은 무엇입니까?

디자인 사양 기능은 내 파일의 디자인 속성을 자동으로 공유하는 데 매우 유용합니다. 디자인 사양을 게시함으로써 개발자에게 오브젝트 높이, 폭, 크기, 정렬, 두 아이콘(오브젝트) 간 상대간격,색상, 타이포그래피와 같은 중요한 정보를 제공할 수 있습니다.

개발자는 아트보드의 순서와 플로우뿐만 아니라 각각의 아트보드에 대한 세부 사양, 모든 치수, 색상 및 문자 스타일도 조회할 수 있으며 댓글 옵션을 사용하여 피드백을 공유할 수도 있습니다.

디자이너가 디자인 사양을 게시하는 방법에 대한 자세한 내용은 디자인 사양 게시를 참조하십시오.

  1. 개발자에게 전달하려는 Adobe XD 파일을 엽니다.

  2. 공유 버튼을 클릭하고 개발 목적으로 공유를 선택합니다.

    공유 옵션
    공유 옵션
  3. 공개 링크를 만들려면 소형 드롭다운 버튼을 클릭하고 링크를 보유한 누구나 조회 가능 옵션을 선택합니다. 비공개 링크를 만들려면 초대된 사용자만 조회 가능 옵션을 선택합니다. 필요한 경우 제목을 수정합니다. 내보내기 대상 드롭다운 버튼에서 , iOS 또는 Android 중 프로토타입을 내보내고자 하는 플랫폼을 선택합니다.

    그런 다음 링크 만들기를 클릭합니다.

    참고:

    XD는 홈 화면에 대한 설정 옵션을 기준으로 치수의 기본 단위를 설정합니다. 

    • iOS 기본 단위: pt
    • 웹 기본 단위: px
    • Android 기본 단위: dp
    • 사용자 정의 기본 단위: px

    이 기본 단위는 수정할 수 없습니다.

    이미지 업로드 시작
    이미지 업로드 시작
    이미지 업로드 상태를 보여 주는 진행률 표시줄
    이미지 업로드 상태를 보여 주는 진행률 표시줄

  4. 게시된 디자인 사양을 기본 브라우저에서 열려면 링크를 클릭합니다. 공개 링크를 만든 경우 링크 복사를 클릭하여 공개 링크를 복사하고 개발자가 검사하도록 전송할 수 있습니다.

    공개 링크를 만든 경우 리뷰어의 이메일 주소를 입력하고 필요한 경우 메시지를 추가한 다음 초대를 클릭합니다.

  5. 디자인 사양을 게시하고 나면 내 디자인에 변경 내용을 계속 적용할 수 있습니다. 다시 게시할 준비가 되고 디자인 사양에 대한 링크를 만들려면 새 링크를 지정합니다.

    적용한 변경 내용으로 기존 링크를 업데이트하려면 업데이트를 클릭합니다. 해당 디자인 사양을 조회하는 개발자는 새로 고쳐진 링크에서 적용된 변경 내용을 확인할 수 있습니다.

게시 과정이나 게시된 디자인 사양을 조회하는 데 문제가 있는 경우 일반적인 디자인 사양 오류에 대한 해결 방법을 참조하여 문제를 해결하십시오.

참고:

  • 연결 해제된 아트보드는 디자인 사양에서 게시되지 않습니다. UX 플로우 보기에서 아트보드의 위치는 디자인 파일에 있는 아트보드의 위치로 식별됩니다.
  • 인터랙션이 없는 디자인을 게시하면 모든 아트보드가 업로드되며 키보드의 화살표 키를 사용하여 이동할 수 있습니다. 아트보드의 순서는 왼쪽에서 오른쪽, 위에서 아래 방향입니다.
  • 디자인에 인터랙션이 포함되어 있는 경우 홈 아트보드에 연결되어 있는 아트보드만 업로드되고 공유됩니다.

비공개 초대(Preview)를 통해 프로토타입 및 디자인 사양을 게시하는 방법은 무엇입니까?

참고:

비공개 초대는 현재 Preview 기능입니다. Preview 라벨은 “미리보기”를 주로 사용하여 피드백을 수집하는 사용자에게 무료로 제공되는 기능을 나타냅니다.

  1. 공유하려는 Adobe XD 파일을 엽니다.
  2. 공유 버튼을 클릭하고 검토 목적으로 공유 또는 개발 목적으로 공유를 선택합니다.

  3. 소형 드롭다운 버튼을 클릭하고 초대된 사용자만 조회 가능 옵션을 선택합니다. 필요한 경우 제목을 수정합니다.

  4. 초대 탭에서 초대하려는 사람들의 이메일 주소를 입력하고 필요한 경우 메시지를 입력한 다음 초대를 클릭합니다. 댓글과 초대 사실이 이메일 알림을 통해 관련자들에게 수신됩니다.

    댓글 알림 이메일은 홈 아트보드뿐만 아니라 아트보드에서의 특정 댓글로 직접 연결되는 링크도 제공합니다. 이메일 알림에 표시되는 댓글을 클릭한 다음 해당 아트보드로 연결되는 다이렉트 링크를 클릭할 수 있습니다.

    참고:

    미리보기 아이콘은 “미리보기”를 주로 사용하여 피드백을 수집하는 사용자에게 무료로 제공되는 기능을 나타냅니다.

    초대 공유
    초대 공유
  5. 공유 프로토타입을 웹에 표시하려면 수신한 이메일 알림을 클릭합니다.

    참고:

    내 계정과 연계된 Adobe ID 및 이메일 주소를 사용하여 로그인해야 합니다.

  6. assets.adobe.comCreative Cloud의 내 작업 섹션에 로그인하여 다음과 같은 작업을 수행할 수 있습니다.

    • 디자이너: 
      • 관련자들과 공유한 프로토타입 또는 디자인 사양을 조회합니다.
      • 나와 공유됨 섹션에서 수신된 아티팩트를 조회합니다. 
      • 파일 > 클라우드 문서 내에 저장된 클라우드 문서를 조회합니다.
    • 리뷰어:
      • 나와 공유됨 섹션에서 검토용으로 수신된 프로토타입 및 디자인 사양을 조회합니다.

    내 작업 섹션의 다양한 옵션에 대한 자세한 내용은 에셋 검색, 동기화 및 관리를 참조하십시오.

    디자이너 보기 모드
    디자이너 보기 모드

웹에서의 비공개 초대 사용

일부 조직에서는 보안 초대 워크플로가 결여된 공개 링크를 통한 Adobe XD 디자인 아티팩트의 공유를 금지하고 있으며, 여기에서 기업 사용자는 관련자들과 XD 프로토타입 및 디자인 사양을 공유할 수 없습니다.

이 기능을 사용하여 웹에서 보안 초대를 게시할 수 있습니다. 조직 내에서 사용자 이름으로 사용자를 초대하거나 이메일 주소로 외부 사용자를 초대할 수 있습니다.

참고:

사용자를 추가/수정하는 작업 과정은 XD 데스크탑 앱에서의 방식과 동일합니다.

  1. Adobe XD 앱 내에서 디자인 사양을 게시하고 링크를 공유할 수 있습니다.

  2. 공유 버튼을 클릭하고 검토 목적으로 공유 또는 개발 목적으로 공유를 선택합니다.

    공유 옵션
    공유 옵션
  3. 소형 드롭다운 버튼을 클릭하고 초대된 사용자만 조회 가능 옵션을 선택합니다. 리뷰어의 이메일 주소를 추가하고 초대를 클릭합니다.

  4. 초대 대화 상자에서 소유자의 이름과 초대를 수락한 사용자를 조회할 수 있습니다. 사용자를 제거하려면 제거 옵션을 클릭하고 저장 옵션을 선택합니다. 사용자를 제거한 후 저장하기 전에 실행 취소를 클릭하면 제거된 사용자를 복원할 수 있습니다.

    사용자 제거
    사용자 제거

프로토타입 및 디자인 사양을 암호로 보호하는 방법은 무엇입니까?

암호 보호 기능을 추가하여 프로토타입 및 디자인 사양에 대한 액세스 권한을 제한할 수 있습니다. 새 프로토타입 및 디자인 사양만 암호를 사용하여 보호할 수 있습니다.

이미 공유된 프로토타입 및 디자인 사양(XD 6 이하 버전을 사용하여 제작)을 암호로 보호하려면 기존 프로토타입 링크 암호 보호를 참조하십시오. 

새 프로토타입 및 디자인 사양을 암호로 보호하려면:

  1. 공유 버튼을 클릭하고 개발 목적으로 공유 또는 검토 목적으로 공유를 선택합니다.

  2. 관련 옵션을 모두 설정한 다음 암호 요구를 클릭합니다. 표시되는 암호 필드에 암호 규칙을 충족하는 암호를 입력합니다. 암호의 문자 길이는 최소 여덟 자 이상이어야 하고 A-Z, a-z 및 0-9 중 각각 하나의 문자를 포함해야 합니다.

    프로토타입 및 디자인 사양에 대한 공유 링크를 만들 때 Adobe XD는 암호 문자를 가립니다. 입력할 때 암호가 보이도록 하려면 눈 모양 아이콘을 클릭하십시오. 링크를 새로 만들려면 링크 만들기를 클릭합니다. 프로토타입 또는 디자인 사양을 공유할 때 보안 강화를 위해 암호는 저장되지 않습니다.

    디자인 사양 암호 보호
    디자인 사양 암호 보호

    암호를 설정한 후에는 이 암호를 알고 있는 리뷰어만 해당 프로토타입 또는 디자인 사양에 액세스할 수 있습니다. 

    XD는 암호를 저장하거나 리뷰어에게 전송하지 않습니다. 게시된 프로토타입 또는 디자인 사양 링크와 함께 해당 암호를 리뷰어와 공유합니다.

  3. 암호 변경: 이미 게시된 프로토타입 또는 디자인 사양의 암호를 변경하려면 암호 필드 안쪽을 클릭하고 새 암호를 입력합니다. 그런 다음 기존 링크를 업데이트하거나 링크를 만들 수 있습니다.

    암호 제거: 공유 프로토타입 또는 디자인 사양의 암호 보호 기능을 제거하려면 암호 요구 확인란을 선택 해제합니다. 그런 다음 기존 링크를 업데이트하거나 링크를 만들 수 있습니다.

    암호 분실: XD는 암호를 저장하지 않으므로 암호를 잊은 경우에는 프로토타입 또는 디자인 사양의 암호를 새로 설정하고 링크를 업데이트해야 합니다.

이메일, Slack 또는 기타 메시징 채널을 통해 공유한 프로토타입 링크를 리뷰어가 클릭하면 암호를 입력하라는 메시지가 표시됩니다.

리뷰어는 Creative Cloud의 내 작업 섹션(assets.adobe.com)에서 프로토타입에 액세스하여 통합된 브라우저 인터페이스에서 아티팩트를 조회하고 댓글을 달 수도 있습니다.

자세한 내용은 검토 작업 과정을 참조하십시오.

XD 6 이하 버전을 사용하여 공개 프로토타입 URL을 만든 경우에는 암호 보호 기능을 추가하는 것 만으로 이들 기존 링크를 바로 업데이트할 수 없습니다. 링크를 새로 만들어야 합니다.

단, XD 버전 7을 사용하여 링크를 만든 후에는 필요한 경우 언제든지 암호로 해당 링크를 업데이트할 수 있습니다.

게시된 프로토타입 및 디자인 사양을 삭제하는 방법은 무엇입니까?

XD의 링크 관리 옵션을 사용하여 내 프로토타입에 대한 공유 링크를 삭제할 수 있습니다.

  1. 공유 버튼을 클릭합니다. 그런 다음 링크 관리를 클릭합니다.

    참고:

    스타터 플랜을 이용 중이며 두 개 이상의 프로토타입 또는 디자인 사양을 게시하려 하면 플랜을 업그레이드하거나 링크를 관리하라는 메시지가 표시됩니다. 기존 프로토타입 또는 디자인 사양 링크를 삭제하려면 링크 관리를 클릭합니다.

    링크 관리 옵션
    링크 관리 옵션

    브라우저에서 Creative Cloud의 내 작업 섹션이 열립니다.

  2. 내 작업게시됨 섹션에서 해당 프로토타입 또는 사양에 대한 영구 삭제 아이콘을 클릭하고 표시되는 대화 상자에서 삭제할 것을 확인해 줍니다. 한 번에 여러 링크를 선택하고 삭제할 수도 있습니다.

    assets.adobe.com에서 링크 삭제
    assets.adobe.com에서 링크 삭제

검토 작업 과정

Adobe XD를 통해 공유 프로토타입 및 디자인 사양에서 디자이너와 관련자들 간 간편하게 공동 작업을 수행할 수 있습니다. 

제작자가 디자인 제작 과정을 완료하고 나면 해당 프로토타입 또는 디자인 사양에 대한 공개 또는 비공개 웹 링크를 생성하고 리뷰어에게 전송할 수 있습니다. 리뷰어는 이 프로토타입 또는 디자인 사양에 대한 피드백을 주석으로 추가합니다. 

또한 제작자는 단일 포털에서 검토용으로 에셋을 공유할 때 관련자에게 표시될 에셋을 제어할 수 있습니다.

제작자는 피드백을 조회하고 변경 내용을 적용할 수 있으며, 필요한 경우 재검토를 위해 프로토타입 또는 디자인 사양 웹 링크를 리뷰어에게 전송할 수 있습니다. 

작업 과정에 대한 자세한 내용은 아래 리소스를 참조하십시오.

검토 작업 과정
검토 작업 과정

제작자 작업 과정

검토할 준비가 되면 제작자는 프로토타입 또는 디자인 사양을 리뷰어들과 공유하고 댓글 기능을 활성화할 수 있습니다. 해당 프로토타입 또는 디자인 사양에 댓글이 달리면 제작자는 알림을 받게 됩니다. 제작자는 이후 프로토타입 또는 디자인 사양을 업데이트하고 리뷰어들과 다시 공유할 수 있습니다.

  1. 프로토타입 또는 디자인 사양을 검토 목적으로 공유할 준비가 되면 XD 화면의 오른쪽 상단에 있는 공유 버튼을 클릭합니다. 프로토타입의 경우 검토 목적으로 공유를 선택하고, 디자인 사양의 경우 개발 목적으로 공유를 선택합니다.

  2. 표시되는 팝업 창에서 검토 목적으로 공유를 선택하는 경우에는 댓글 허용 옵션이 선택되어 있어야 합니다. 공개 링크 또는 비공개 링크를 만들 수 있습니다.

    참고: 프로토타입 또는 디자인 사양을 이미 공유한 경우에는 이전 링크를 업데이트해도 됩니다.

  3. 링크 복사를 클릭하고 해당 링크를 인스턴트 메시징이나 이메일 애플리케이션과 같은 관련자들과 공유할 커뮤니케이션 채널에 붙여넣습니다.

  4. 리뷰어가 공유 프로토타입 또는 디자인 사양 링크에서 댓글을 추가하면 알림을 수신하게 됩니다.

    알림 메일에서:

    • 아트보드 이름을 클릭하여 프로토타입 또는 디자인 사양 링크를 열고 해당 아트보드로 이동합니다.
    • 아트보드에 매핑되는 첫 번째 댓글이나 답글로 스크롤 다운할 수 있습니다.

    링크에서 오른쪽 상단에 댓글 보기 아이콘이 표시됩니다. 댓글 보기 아이콘을 클릭하여 댓글 패널을 열고 해당 아트보드에 대한 관련자들의 댓글을 확인합니다.

  5. 댓글 보기 아이콘에는 해당 아트보드에서 해결되지 않은 댓글의 수를 가리키는 마커와 숫자도 함께 표시됩니다.

    마커와 숫자는 댓글 보기 아이콘에 다음과 같이 표시됩니다.

    • 게시된 프로토타입 링크의 경우: 댓글 패널이 접혀 있거나 열려 있을 때
    • 게시된 디자인 사양 링크의 경우: 포커스가 댓글 패널 또는 속성 패널에 있을 때

    아트보드에 해결되지 않은 댓글이 있는 경우 댓글 보기 아이콘은 댓글 패널에서 접혀 있거나 열려 있을 때 모두 마커나 숫자 없이 표시됩니다.

    숫자로 표시된 댓글
    숫자로 표시된 댓글
  6. Adobe XD로 돌아가 해당 프로토타입 또는 디자인 사양에 필요한 업데이트를 적용합니다. 

    그런 다음 프로토타입 또는 디자인 사양의 댓글 패널에서 해당 댓글을 해결할 수 있습니다. 댓글을 해결하려면 해결을 클릭합니다. 해결된 댓글은 내 댓글 목록에서 사라지지만 필터 아이콘을 클릭하고 해결됨을 선택하여 이들 댓글을 조회할 수 있습니다. 미해결된 댓글을 댓글 패널의 미해결 섹션으로 다시 옮길 수도 있습니다.

  7. 업데이트된 프로토타입 또는 디자인 사양을 공유할 준비가 되면 공유 버튼을 클릭하고 다음 옵션 중 하나를 선택합니다.

    • 업데이트: 업데이트된 프로토타입을 이전에 만들어 리뷰어들과 공유한 링크를 통해 사용할 수 있도록 합니다. 
    • 새 링크: 링크를 만들고 리뷰어와 공유합니다.

    리뷰어가 브라우저에서 프로토타입 또는 디자인 사양 링크를 조회할 때 간단히 새로 고쳐 변경 내용을 즉시 확인할 수 있습니다(이전 링크를 업데이트한 경우).

  8. 프로토타입 검토(검토 목적으로 공유)를 완료하려면 공유 버튼을 클릭하고 댓글 허용을 선택 해제한 다음 링크를 업데이트합니다.

리뷰어 작업 과정

리뷰어가 프로토타입에 댓글을 달려면 Adobe ID를 사용하여 로그인해야 합니다. 기업 사용자의 경우 계정 관리자에게 문의하여 권한 및 자격 증명을 받도록 하십시오.

프로토타입이 암호로 보호되는 경우에는 해당 암호를 입력해야 프로토타입을 조회할 수 있습니다.

제작자는 검토 작업과 관련하여 관련자에게 어떤 에셋이 표시되도록 할지 제어할 수 있습니다. 

암호로 보호된 프로토타입을 조회하기 위해 암호 입력
암호로 보호된 프로토타입을 조회하기 위해 암호 입력

로그인 후 댓글 보기 아이콘을 클릭하여 댓글 패널을 열 수 있습니다. 

  1. Adobe ID를 사용하여 로그인하려면 로그인을 클릭한 다음 Adobe 자격 증명을 입력합니다.

    게스트로 로그인하려면 댓글 패널의 상단에 있는 게스트로 로그인을 클릭합니다. 이름을 입력하라는 메시지가 표시되면 이름을 입력하고 CAPTCHA 코드를 입력합니다.

    참고:

    게스트로 로그인하고 댓글을 작성한 후 브라우저를 닫거나 새로 고쳐 세션을 종료한 다음 게스트로 다시 로그인하면 이전에 자신이 작성한 댓글을 수정하거나 삭제할 수 없습니다. 반면 자신의 Adobe ID를 사용하여 로그인한 경우에는 이전 댓글을 편집할 수 있습니다.

  2. 다음 도구를 사용하여 조회 환경을 최적화합니다.

    • 핫스팟 힌트: 공유 프로토타입을 조회 중인 누구나 핫스팟 힌트 기능을 사용할 수 있습니다. 이러한 힌트는 인터랙티브 요소를 가리키며 리뷰어들이 클릭해야 합니다. 힌트는 인터랙티브 요소가 없는 아트보드의 공간을 클릭하면 표시됩니다.
      참고: 디자이너가 프로토타입을 공유할 때 이 기능을 비활성화한 경우에는 힌트가 표시되지 않습니다.
    • 전체 화면 모드: 브라우저와 미리보기 모드에서 전체 화면으로 프로토타입을 표시합니다. 공유 프로토타입을 보는 동안 화면의 오른쪽 상단에 있는 전체 화면 아이콘을 클릭해 보십시오. 이렇게 하면 프로토타입이 전체 화면에 채워지며 디자인의 모든 세부 사항을 명확하게 보여 줍니다. 전체 화면 모드를 종료하려면 Esc를 누릅니다.
    아트보드의 특정 위치로 핀을 드래그하고 댓글 입력
    아트보드의 특정 위치로 핀을 드래그하고 댓글 입력
  3. 댓글 패널의 상단에서 댓글을 입력할 수 있습니다. 댓글에 줄을 새로 추가하려면 Shift + Enter를 누릅니다.

    일반 댓글에서 고정된 댓글로 전환할 수도 있습니다. 댓글 알림 이메일은 홈 아트보드뿐만 아니라 댓글이 작성되는 아트보드로 직접 연결되는 링크도 제공합니다.

    XD는 고정된 모든 댓글에 번호를 할당합니다. 이들 번호는 댓글 패널의 각 댓글에도 반영되어 디자이너가 해당 댓글의 맥락을 쉽게 파악할 수 있습니다.

    편집 필드에 댓글을 입력하고 핀을 추가한 다음 다른 아트보드로 이동하면 다른 아트보드의 댓글 필드는 비어 있게 됩니다. 원래의 아트보드로 돌아오면 해당 댓글과 핀이 그대로 유지됩니다. 취소 버튼을 사용하여 댓글 필드에 입력한 댓글을 취소할 수도 있습니다.

    참고:

    핀을 배치한 후 옮기려면 핀을 캔버스의 다른 위치로 드래그하십시오. 배치한 핀만 옮길 수 있습니다.

    댓글을 미해결 상태로 표시
    댓글을 미해결 상태로 표시

    제작자는 댓글을 확인하고 관련 조치를 취한 후 “해결됨”으로 표시할 수 있습니다. 해결된 댓글 보기를 클릭하여 해결된 댓글을 확인할 수 있습니다. 댓글이 “해결됨”으로 잘못 표시되었다고 판단되는 경우에는 미해결 항목으로 이동을 클릭하여 해당 댓글을 계속 열어 둘 수 있습니다.

    제작자와 리뷰어는 다른 리뷰어가 추가한 댓글에 답글을 달 수 있습니다. 리뷰어의 댓글에 답글을 달면 해당 리뷰어는 메일을 통해 알림을 수신하게 되며 Creative Cloud 데스크탑 애플리케이션을 통해서도 알림을 받습니다. 리뷰어가 해당 알림을 클릭하면 참조된 아트보드로 리디렉션됩니다.

    제작자는 리뷰어의 댓글을 삭제하거나 댓글에 답글을 달 수 있습니다. 제작자는 @언급 기능을 사용하여 비공개 초대 디자인에 액세스할 수 있도록 초대된 사용자를 표시할 수도 있습니다. 공개 프로토타입 및 디자인 사양의 경우, 최소 한 번이라도 댓글을 남긴 사용자만 리뷰어 목록에 표시됩니다. @언급 기능을 사용하면 리뷰어는 메일을 통해 알림을 수신하게 되며 Creative Cloud 데스크탑 애플리케이션을 통해서도 알림을 받습니다. 리뷰어가 알림을 클릭하면 참조된 아트보드로 리디렉션됩니다.

    @언급 힌트 대화 상자는 다음과 같은 옵션을 제공합니다.

    • 공개 링크: 프로토타입 및 디자인 사양에 최소 한 번 이상 댓글을 남긴 리뷰어의 목록
    • 비공개 링크: 프로토타입 또는 디자인 사양 링크에 초대된 관련자 목록

디자인 사양에서 게임패드 또는 키보드 트리거 사용

디자인 사양이 게임패드 또는 키보드 트리거로 게시되면 속성 관리자에서 게시된 아트보드 정보를 볼 수 있습니다. 

속성 관리자에서 세부 정보 보기
속성 관리자에서 세부 정보 보기

아트보드 속성 및 아트보드에 연결된 인터랙션을 보려면 공유 디자인 사양의 아트보드를 클릭합니다. 아트보드에 대해 구성된 키 또는 게임패드 트리거를 볼 수 있습니다. 게임패드 트리거의 경우 게임패드 트리거에 할당된 키 또는 조합을 볼 수 있습니다. 

게임패드 또는 키보드 트리거로 프로토타입에 액세스

게임 프로토타입을 테스트하려면 디자이너는 실제 게임 컨트롤러 하드웨어를 사용하여 프로토타입을 제어할 수 있어야 합니다. 마찬가지로 특정 데스크탑 앱이나 게임에서는 사용자가 키보드를 사용하여 프로토타입과 인터랙션해야 합니다. 디자이너는 Adobe XD를 사용하여 게임패드 키 또는 키보드 단축키를 프로토타입의 여러 화면으로 전환하는 트리거로 정의할 수 있습니다. 기본적으로 Adobe XD는 Xbox 및 Dualshock 4 컨트롤러를 지원합니다. Adobe XD 앱에서 게임패드 컨트롤러 및 키보드 트리거를 사용하는 방법에 대한 자세한 내용은 여기를 클릭하십시오. 

관련자는 웹상의 다른 공유 프로토타입과 같은 게임패드 및 키보드 트리거 프로토타입을 경험하고 검토할 수 있습니다. 프로토타입에서 키보드 및 게임패드 트리거의 일부 동작을 참조용으로 설명합니다.

키보드 단축키로 설정된 트리거
키보드 단축키로 설정된 트리거

A. 키보드 단축키로 설정된 트리거 B. 키보드 단축키 C. 자동 애니메이트로 설정된 액션 D. 대상 아트보드 
게임패드 키로 설정된 트리거
게임패드 키로 설정된 트리거

키패드 트리거

  • 프로토타입을 로드하면 키보드 키를 사용하여 이 프로토타입과 인터랙션해야 한다는 메시지가 화면 아래쪽에 표시됩니다. 

게임패드 트리거

  • 프로토타입을 로드하면 화면 하단에 프로토타입에 액세스하는 데 사용되는 하드웨어에 대한 메시지가 나타납니다.
  • 프로토타입을 미리 보려면 작성자가 사용한 것과 동일한 게임 컨트롤러를 사용해야 합니다.

게임패드 또는 키보드 컨트롤러

운영 체제 또는 브라우저에서 지원되는 게임패드 컨트롤러의 목록은 아래 표를 참조하십시오. 

컨트롤러

Mac (USB)

Mac (Bluetooth)

Win (USB)

Win (Bluetooth)

Xbox One

아니요

DualShock 4   

Xbox One 컨트롤러 (브라우저 지원)

Chrome (Mac)

Chrome (Windows)

Firefox (Mac)

Firefox (Windows)

IE

Edge

Safari

USB

아니요

아니요

아니요

Bluetooth

아니요

아니요

DualShock 컨트롤러 (브라우저 지원)

Chrome (Mac)

Chrome (Windows)

Firefox (Mac)

Firefox (Windows)

IE

Edge

Safari

USB

아니요

아니요

아니요

Bluetooth

아니요

아니요

아니요

아니요

참고:

이 프로토타입은 모바일 웹에서 지원되지 않습니다. 모바일 웹에서 게임패드 또는 키보드 기반 트리거가 포함된 프로토타입을 열어도 이러한 트리거는 자동으로 비헤이비어 탭으로 전환됩니다. 계속해서 화면을 눌러 이러한 프로토타입에 액세스할 수 있습니다. 

비공개 링크에 대한 액세스 권한 요청

이제 보기 권한이 없는 비공개 공유 프로토타입 또는 디자인 사양 링크에 대한 액세스를 명시적으로 요청할 수 있습니다. 해당 링크의 소유자는 Creative Cloud 앱의 이메일 또는 알림을 통해 알림을 수신하여 요청을 수락하거나 거부합니다. 

프로토타입에 대한 비공개 링크를 그룹에 게시한 소유자가 Mili인 일러스트레이션이 있다고 가정해 봅시다. Peter는 비공개 링크를 열고자 하는 관련자이지만 Mili에 의해 공유된 해당 비공개 링크에 대한 초대 대상자 목록에는 없습니다. 아래 흐름도에서 Adobe XD가 이러한 시나리오를 처리하는 방식을 살펴볼 수 있습니다. 

프로토타입에 대한 액세스 권한 요청
비공개 링크에 대한 액세스 권한 요청

액세스 권한 요청

초대 대상자 목록에 포함되지 않은 관련자가 디자인 사양 또는 프로토타입 비공개 링크를 열려고 하면 액세스 권한을 요청하는 액세스 제한 메시지가 나타납니다. 

액세스 제한됨
액세스 제한됨

소유자가 요청 내용을 이해할 수 있도록 메시지 상자에 요청한 이유를 입력하십시오. 이 메시지는 선택 사항입니다. 그런 다음 메시지 아래의 액세스 권한 요청 버튼을 클릭하여 소유자에게 알립니다. 

  • 액세스 권한 요청 버튼을 클릭한 후 액세스 권한 요청이 이 비공개 링크의 소유자에게 전송되었음을 확인하는 메시지가 나타납니다.
액세스 권한 요청 전송됨
액세스 권한 요청 전송됨

디자이너/소유자에게 이메일 및 Creative Cloud 앱 알림

디자인 사양 또는 프로토타입 링크의 디자이너/소유자에게 이메일 또는 Creative Cloud 알림을 통해 공유 링크에 대한 액세스 권한 요청이 있음을 알립니다.

이메일 알림은 다음 필드로 구성됩니다. 

  • 요청자의 이름
  • 아티팩트의 제목
  • 액세스 관리 버튼

이메일 또는 Creative Cloud 앱 알림에서 액세스 관리 버튼을 클릭하여 공유 링크에서 초대 관리 팝업을 열 수 있습니다.

그런 다음 수락을 클릭하여 액세스 권한을 제공하도록 선택할 수 있습니다. 작업을 확인하면 요청자는 이메일 확인 메시지를 받습니다. 

요청 수락 또는 거부
요청 수락 또는 거부

디자이너/소유자는 거부 버튼을 클릭할 수도 있습니다. 요청자는 <요청자 이름>의 액세스 권한 요청을 거부했습니다.라는 이메일 메시지를 받습니다.

액세스 관리 대화 상자의 각 요청자 이름 아래에서 각 요청의 상태를 볼 수 있습니다.

관련자의 요청을 수락하거나 거부할 때마다 앱에 알림이 표시됩니다. 

참고:

아티팩트 소유자만 액세스 권한을 부여할 수 있습니다.

관련자에게 이메일 및 Creative Cloud 알림

디자이너/소유자가 요청을 수락하면 다음과 같은 메시지가 있는 이메일 알림이나 Creative Cloud 알림을 받게 됩니다. John Doe 님이 My XD 프로토타입에 대한 액세스 권한을 부여했습니다. 아래의 링크로 이동을 클릭하여 아티팩트에 액세스합니다.

디자이너/소유자가 요청을 거부하면 다음과 같은 메시지가 있는 이메일 또는 Creative Cloud 앱 알림을 받게 됩니다. My XD 프로토타입에 대한 액세스 권한 요청이 거부되었습니다.

여러 아트보드의 모든 댓글 보기

Adobe XD의 모든 화면 댓글 보기 기능을 사용하면 프로토타입 및 디자인 사양에서 관련자의 피드백을 더욱 쉽게 관리할 수 있습니다. 이제 단 하나의 목록에서 모든 댓글을 조회하고, 개별 댓글을 클릭하여 관련 아트보드로 바로 이동하고, 댓글에 답글을 달거나 해결하거나 삭제할 수 있습니다.

댓글 패널의 왼쪽 하단에 있는 모든 화면 댓글 토글 버튼을 사용하여 여러 아트보드에 걸쳐 추가된 댓글을 하나의 페이지에 목록화할 수 있습니다. 토글은 게시된 디자인 사양 또는 프로토타입 링크에서 기본적으로 켜져 있습니다.

여러 아트보드에 걸쳐 댓글 보기
여러 아트보드에 걸쳐 댓글 보기

A. 댓글 보기 B. 모든 화면 댓글 토글 버튼 C. 댓글 필터링 

댓글은 아트보드 이름과 함께 각각의 아트보드에 대해 개별적으로 표시됩니다. 댓글이 추가된 모든 아트보드는 모든 화면 댓글 보기에 표시됩니다. 왼쪽의 파란색 강조 표시는 현재 아트보드에 대한 댓글을 나타냅니다. 현재 아트보드의 댓글이 아닌 다른 댓글을 클릭하면 맥락을 우선으로 해당 댓글로 이동하게 됩니다. 이후 개별 댓글에 답글을 달거나, 해결하거나, 삭제할 수 있습니다.

댓글 패널의 오른쪽 상단 알림 아이콘 위에 있는 숫자 3은 여러 아트보드에 걸쳐 아직 해결되지 않은 댓글을 나타냅니다.

이제 리뷰어 이름, 시간 또는 댓글의 상태를 기준으로 일부 댓글을 필터링할 수 있습니다. 댓글 패널의 오른쪽 하단에 있는 깔때기 모양 아이콘을 클릭하여 댓글을 필터링합니다.

  • 리뷰어 필터는 프로토타입 또는 디자인 사양 링크에 댓글을 추가한 모든 리뷰어의 이름을 표시합니다. 리뷰어 이름을 클릭하여 해당 리뷰어에 특정된 댓글을 필터링합니다.
  • 시간 필터 옵션으로는 오늘어제지난 7일 또는 이전이 있습니다.
  • 상태 필터에서 해결됨을 사용하여 해결된 모든 댓글만 조회할 수 있습니다.

깔때기 모양 아이콘 위에 표시되는 파란색 점은 필터가 활성화되었음을 나타냅니다. 지우기를 클릭하여 댓글에서 필터를 제거할 수 있습니다.

댓글 필터링
댓글 필터링

A. 댓글 필터링 (리뷰어별) B. 댓글 필터링 (시간별) C. 댓글 필터링 (상태별) D. 적용된 필터 지우기 E. 필터 적용됨 

모든 화면 댓글을 토글 오프하여 현재 아트보드에 특정된 댓글을 조회할 수 있습니다. 아트보드별로 댓글을 조회하려면 언제든지 옆에 있는 아이콘을 클릭하여 모든 화면 댓글을 토글 오프하면 됩니다. 

핀 이동

아트보드에서 핀 번호를 클릭하고 캔버스의 다른 적절한 부분으로 드래그할 수 있습니다.

  • 아트보드에서 핀에 마우스를 가져다 댑니다. 
  • 크로스바가 나타나면 핀을 클릭하고 아트보드에서 원하는 위치로 옮깁니다.
핀 이동
핀 이동

댓글에 회신, 댓글 해결 또는 삭제

XD의 디자인 모드에서 제작자는 댓글을 해결하거나, 삭제하거나, 답글을 달 수 있습니다.

  • 댓글 위에 마우스를 가져다 대고 클릭하여 현재 아트보드에 대한 컨텍스트를 설정합니다. 답글을 클릭하여 댓글에 회신합니다. 답글 링크의 위쪽에 있는 숫자는 댓글에 수신된 답글의 수를 나타냅니다.
  • 댓글을 해결한 후 해결을 클릭하여 해당 댓글이 해결되었음을 표시해 줍니다. 리뷰어도 해결을 클릭하여 해당 댓글이 해결되었음을 표시할 수 있습니다. 디자이너는 미해결을 클릭하여 댓글을 다시 열 수 있습니다.
  • 삭제 아이콘을 클릭하여 원치 않는 댓글을 삭제합니다.
댓글 옵션
댓글 옵션

A. 댓글에 답글 달기 B. 댓글 삭제 C. 댓글 편집 D. 댓글 고정 E. 댓글 해결 

나에게 공유된 프로토타입(Preview)을 사용하는 방법은 무엇입니까?

디자이너와 리뷰어는 내 작업의 나와 공유됨 (Preview) 섹션에서 비공개 프로토타입 및 디자인 사양에 액세스할 수 있습니다. 또한 나와 공유됨 섹션에는 비공개 아티팩트와 공유 폴더가 표시됩니다. 

기업 고객 자격으로 내 작업 섹션을 사용하는 방법에 대한 자세한 내용은 에셋 설정을 참조하십시오.

디자이너와 리뷰어는 자신의 역할에 따라 Creative Cloud의 내 작업 섹션에 대한 사용자 경험이 달라집니다. 

디자이너의 경우 내 작업에 다음과 같은 추가 옵션이 표시됩니다.

  • 나와 공유됨 (Preview): 검토용으로 자신과 공유된 프로토타입 및 디자인 사양을 표시합니다.
  • 게시됨: 게시된 프로토타입 및 디자인 사양 링크의 목록을 보여 줍니다.

리뷰어의 경우 내 작업 섹션에 다음과 같은 옵션만 표시됩니다.

  • 나와 공유됨 (Preview): 검토용으로 관련자와 공유된 프로토타입 및 디자인 사양을 표시하는 간소화된 관련자 환경을 보여 줍니다. 공유 프로토타입 이름 옆에 있는 생략 부호를 클릭하고 프로토타입 또는 디자인 사양 제거를 선택하여 검토 작업을 종료할 수도 있습니다.
  • 파일: 리뷰어로부터 검토용 파일을 받지 않았거나 Creative Cloud에 에셋을 업로드하고 관리하는 경우 빈 폴더 표시

이러한 보기 모드는 리뷰어가 자신의 주요 검토 업무에만 집중하고 자신과 공유된 아티팩트에 댓글을 다는 데 유용합니다.

내 작업 섹션의 다양한 옵션에 대한 자세한 내용은 에셋 검색, 동기화 및 관리를 참조하십시오.

참고:

이 기능은 리뷰어와 공유된 디자인 사양 및 프로토타입의 비공개 링크에 대해서만 적용됩니다.

디자이너 보기 모드
디자이너 보기 모드
리뷰어 보기 모드
리뷰어 보기 모드

디자이너 작업 과정

  1. 비공개 링크를 만든 다음 초대 탭에 있는 브라우저에서 열기 아이콘을 선택하여 해당 에셋의 웹 뷰에 자동으로 로그인합니다.

  2. 화면의 왼쪽 상단에 있는 내 작업을 클릭하여 내 프로토타입 및 디자인 사양이 표시되는 내 작업에서 게시됨 보기가 자동으로 표시되도록 합니다.

    디자이너 보기 모드
    디자이너 보기 모드
  3. 브라우저의 [뒤로] 버튼을 눌러 프로토타입 또는 디자인 사양의 웹 뷰로 이동합니다.

리뷰어 작업 과정

  1. 검토 작업 과정 메일로 수신한 링크를 클릭하여 프로토타입에 액세스하고 댓글을 답니다(Adobe ID로 로그인한 경우).

    참고:

    프로토타입에 액세스하기 위해 유료 Adobe ID가 요구되지는 않지만 리뷰어 작업 과정 메일과 동일한 이메일 주소를 갖는 Adobe 계정에 로그인해야 합니다.

  2. 프로토타입 또는 디자인 사양의 웹 뷰에서 공유 항목을 클릭하여 Creative Cloud의 내 작업 섹션으로 이동합니다. Creative Cloud 계정이 해당 이메일 주소와 연계되었거나 이미 Creative Cloud 계정에 로그인한 경우에는 자동으로 내 작업 섹션으로 이동하게 됩니다.

  3. 내 작업 섹션의 리뷰어 보기 모드에는 나와 공유됨 (Preview)파일 옵션이 표시됩니다. 공유 프로토타입 이름 옆에 있는 생략 부호를 클릭하고 프로토타입 또는 디자인 사양 제거를 선택하여 검토 작업을 종료할 수도 있습니다.

    나와 공유됨: 리뷰어 보기 모드
    나와 공유됨: 리뷰어 보기 모드

이 작업에는 Creative Commons Attribution-Noncommercial-Share Alike 3.0 Unported License의 라이센스가 부여되었습니다.  Twitter™ 및 Facebook 게시물은 Creative Commons 약관을 적용받지 않습니다.

법적 고지 사항   |   온라인 개인 정보 보호 정책