사용 안내서 취소

디자인 및 프로토타입 공유

  1. Adobe XD 사용 안내서
  2. 소개
    1. Adobe XD의 새로운 기능
    2. 일반 질문
    3. Adobe XD를 사용하여 디자인, 프로토타이핑 및 공유
    4. 시스템 요구 사항
      1. 하드웨어 및 소프트웨어 요구 사항
      2. Adobe XD, Big Sur 및 Apple silicon | macOS 11
    5. 작업 영역 기본 사항
    6. Adobe XD에서 앱 언어 변경
    7. Access UI 디자인 키트
    8. Adobe XD의 접근성
    9. 키보드 단축키
    10. 팁 및 요령
    11. Adobe XD 구독 옵션
    12. XD 스타터 플랜 변경 사항
  3. 디자인
    1. 아트보드, 안내선 및 레이어
      1. 아트보드 시작하기
      2. 안내선 및 그리드 사용
      3. 스크롤 가능 아트보드 제작
      4. 레이어를 사용하여 작업
      5. 스크롤 그룹 만들기
    2. 모양, 오브젝트 및 패스
      1. 오브젝트 선택, 크기 조정 및 회전
      2. 오브젝트 이동, 정렬, 배치 및 배열
      3. 오브젝트 그룹화, 잠금, 복제, 복사 및 뒤집기
      4. 오브젝트에 대한 선, 채우기 및 그림자 설정
      5. 반복 요소 만들기
      6. 3D 변형으로 원근감 있는 디자인 만들기
      7. 부울 작업을 통해 오브젝트 편집
    3. 텍스트 및 글꼴
      1. 드로잉 및 텍스트 툴을 사용하여 작업
      2. Adobe XD의 글꼴
    4. 구성 요소 및 상태
      1. 구성 요소를 사용하여 작업
      2. 중첩된 구성 요소를 사용하여 작업
      3. 구성 요소에 여러 상태 추가
    5. 마스킹 및 효과
      1. 모양이 적용된 마스크 만들기
      2. 흐림 효과를 사용하여 작업
      3. 그레이디언트 만들기 및 수정
      4. 혼합 효과 적용
    6. 레이아웃
      1. 반응형 크기 조정 및 제한
      2. 구성 요소 및 그룹에 대해 고정된 패딩 설정
      3. 스택을 사용하여 다이내믹한 디자인 제작
    7. 비디오 및 Lottie 애니메이션
      1. 비디오를 사용하여 작업
      2. 비디오를 사용하여 프로토타입 제작
      3. Lottie 애니메이션을 사용하여 작업
  4. 프로토타입
    1. 인터랙티브 프로토타입 제작
    2. 프로토타입 애니메이트
    3. 자동 애니메이트에 대해 지원되는 오브젝트 속성
    4. 키보드 및 게임패드가 포함된 프로토타입 만들기
    5. 음성 명령 및 음성 재생을 사용하여 프로토타입 제작
    6. 시간 경과 전환 만들기
    7. 오버레이 추가
    8. 음성 프로토타입 디자인
    9. 앵커 링크 만들기
    10. 하이퍼링크 만들기
    11. 디자인 및 프로토타입 미리보기
  5. 공유, 내보내기 및 검토
    1. 선택한 아트보드 공유
    2. 디자인 및 프로토타입 공유
    3. 링크 액세스 권한 설정
    4. 프로토타입을 사용하여 작업
    5. 프로토타입 검토
    6. 디자인 사양 작업
    7. 디자인 사양 공유
    8. 디자인 사양 검사
    9. 디자인 사양 탐색
    10. 디자인 사양 검토 및 댓글 달기
    11. 디자인 에셋 내보내기
    12. 디자인 사양에서 에셋 내보내기 및 다운로드
    13. 기업을 위한 그룹 공유
  6. 디자인 시스템
    1. Creative Cloud Library 포함 디자인 시스템
    2. Adobe XD에서 문서 에셋을 사용하여 작업
    3. Adobe XD에서 Creative Cloud Libraries를 사용하여 작업
    4. 연결된 에셋에서 Creative Cloud Libraries로 마이그레이션
    5. 디자인 토큰을 사용하여 작업 
    6. Creative Cloud Libraries의 에셋 사용
  7. 클라우드 문서
    1. Adobe XD의 클라우드 문서
    2. 디자인 공동 작업 및 편집
    3. 나와 공유된 문서 공동 편집
  8. 통합 기능 및 플러그인
    1. 외부 에셋을 사용하여 작업
    2. Photoshop의 디자인 에셋을 사용한 작업
    3. Photoshop에서 에셋 복사 및 붙여넣기
    4. Photoshop 디자인 가져오기 또는 열기
    5. Adobe XD에서 Illustrator 에셋을 사용하여 작업
    6. Illustrator 디자인 열기 또는 가져오기
    7. Illustrator에서 XD로 벡터 복사
    8. Adobe XD용 플러그인
    9. 플러그인 생성 및 관리
    10. XD에 대한 Jira 통합
    11. XD용 Slack 플러그인
    12. XD용 Zoom 플러그인
    13. XD에서 Behance로 디자인 게시
  9. iOS 및 Android용 XD
    1. 모바일 디바이스에서 미리보기
    2. Adobe XD 모바일 FAQ
  10. 문제 해결
    1. 알려진 문제 및 해결된 문제
      1. 알려진 문제
      2. 해결된 문제
    2. 설치 및 업데이트
      1. Windows에서 XD가 호환되지 않음
      2. 오류 코드 191
      3. 오류 코드 183
      4. XD 플러그인 설치 문제
      5.  Windows 10에서 XD를 제거했다가 다시 설치하라는 메시지가 표시됨
      6. 환경 설정 마이그레이션 문제
    3. 실행 및 충돌
      1.  Windows 10에서 실행 시 XD 충돌 문제
      2.  Creative Cloud에서 로그아웃하면 XD가 종료됨
      3. Windows에서의 구독 상태 관련 문제
      4. Windows에서 XD 실행 시 차단된 앱 경고 표시
      5. Windows에서 크래시 덤프 생성
      6. 충돌 로그 수집 및 공유
    4. 클라우드 문서 및 Creative Cloud Libraries
      1. XD 클라우드 문서 관련 문제
      2. 연결된 구성 요소 관련 문제
      3. 라이브러리 및 링크 관련 문제
    5. 프로토타이핑, 게시 및 검토
      1. macOS Catalina에서 프로토타입 인터랙션을 기록할 수 없음
      2. 게시 작업 과정 관련 문제
      3. 게시된 링크가 브라우저에 표시되지 않음
      4. 프로토타입이 브라우저에서 올바르게 렌더링되지 않음
      5. 공유 링크에 댓글 패널이 갑자기 표시됨
      6. 라이브러리를 게시할 수 없음
    6. 다른 앱 가져오기, 내보내기 및 작업
      1. XD에서 가져오기 및 내보내기
      2. XD의 Photoshop 파일
      3. XD의 Illustrator 파일
      4. XD에서 After Effects로 내보내기
      5. XD의 Sketch 파일
      6. 내보내기에 서드파티 앱이 표시되지 않음

관련자, 개발자 또는 동료 디자이너와 디자인 및 프로토타입을 공유하는 방법을 알아봅니다.

XD의 공유 모드를 통해 XD의 다양한 공유 기능을 한 곳으로 통합할 수 있으며, 관련자 및 디자이너들과 간편하게 디자인을 공유하고 공동 작업을 수행할 수 있습니다.

디자인 검토, 개발, 프레젠테이션, 사용자 테스트 및 사용자 정의와 같은 빌트인 사전 설정을 사용하여 내 문서를 공유하고 공유 링크를 관리할 수 있습니다.

공유

공유를 위해 디자인을 준비하고 간편하게 공유 가능한 링크를 생성, 수정, 공유관리하기 위해 사전 설정 작업하는 방법을 알아보십시오.

디자인 공유 준비

디자인을 구성하고 적절한 컨트롤을 추가하여 관련자들과 공유할 수 있습니다. 종종 한 디자인의 다른 버전을 만들고 다른 관련자들과 공유하고자 할 수 있습니다. 이러한 시나리오에서 다중 플로우를 사용하면 동일한 문서에서 여러 버전의 디자인을 만들고 공유할 수 있습니다. 

로그인 화면, 등록 화면, 재생 목록 등과 같은 다양한 워크플로가 포함된 인터페이스를 디자인할 때 일반적으로 다중 플로우가 사용됩니다.

예: XD에서 랜딩 페이지, 소셜 게시물, 이메일 및 광고를 디자인할 때 동일한 문서에서 여러 버전의 디자인을 만들고 공유할 수 있습니다.

아래에서 공유 가능한 링크를 보다 효율적으로 관리하고 생성하기 위해 디자인 문서에서 다중 플로우를 정의하는 방법에 대해 알아보십시오.

다중 플로우 공유

플로우가 정의되고 디자인 문서에서 서로 연결되면 공유 가능한 링크를 사용하여 여러 대상 표면에 공유할 수 있습니다.

관련자들에게 다중 플로우를 공유하려면 다음 단계를 따르십시오.

  1. 공유 모드로 전환합니다.
  2. 문서에 정의된 모든 플로우는 공유 모드에 나타납니다. 
  3. 공유 모드에서 정의된 플로우를 선택하고 공유 가능한 링크로 게시하기에 앞서 필요한 액세스 설정을 지정합니다.
  4. 캔버스에서 제작한 여러 플로우를 시각화합니다. 플로우를 선택하면 XD에서 해당 플로우의 모든 아트보드가 자동으로 강조 표시됩니다.
  5. 링크 만들기를 클릭하여 플로우에 대한 공유 가능한 링크를 생성합니다. 공유 모드에서는 선택한 플로우에 대해 최종 수정 날짜 및 시간과 같은 마지막으로 게시된 링크의 세부 정보가 자동으로 표시됩니다. 

게시된 플로우의 경우  아이콘이 디자인 캔버스에 표시됩니다. 이를 통해 마지막으로 게시된 링크를 시각적으로 식별하고 관련 링크를 클립보드에 빠르게 붙여넣을 수 있습니다.

디자인 준비

A. iOS(iPhone) 플로우에 대한 홈 아트보드 B. 게시된 플로우를 복사하는 아이콘 C. iPhone의 연결되지 않은 아트보드 D. iPad의 플로우 이름 

사전 설정을 사용하여 작업

XD는 디자인에 대해 공유 가능한 링크를 쉽게 만들 수 있도록 시나리오 기반 사전 설정을 제공합니다. 예를 들어 검토할 디자인 링크를 작성할 때 요구 사항에 따라 사용 가능한 사전 설정을 선택하고, 링크 액세스 권한을 설정하고, 관련자와 공유하기만 하면 됩니다. 댓글 옵션 또는 내비게이션 컨트롤 설정에 대해 더 이상 걱정할 필요가 없습니다. 

이러한 내장 사전 설정을 사용하여 디자인 또는 프로토타입 검토 링크에 대해 링크 액세스 권한을 설정하고, 업데이트하고 관리하는 방법을 알아보십시오.

디자인 검토 개발 프레젠테이션 사용자 테스트 사용자 정의
내 디자인 또는 프로토타입에 대한 피드백 받기 개발자와 디자인 사양 공유 디자인을 관련자에게 프레젠테이션하기 위해 최적화 사용자에게 디자인을 테스트하도록 초대 디자인의 보기 환경 맞춤화
 사전 설정에 대한 기본 설정
  • 댓글 달기
  • 핫스팟 힌트
  • 내비게이션
    컨트롤
  • 댓글 달기
  • 핫스팟 힌트
  • 내비게이션
    컨트롤
  • 디자인 사양
  • 핫스팟 힌트
  • 내비게이션
    컨트롤
  • 전체 화면

  • 전체 화면
  • 댓글 달기
  • 핫스팟 힌트
  • 내비게이션
    컨트롤
  • 전체 화면
  • 디자인 사양

또는 아트보드가 설정되고 연결되면 다음을 선택할 수 있습니다.

  • 단일 아트보드를 공유하려면 프로토타입 모드에서 해당 아트보드를 선택하고 이를  아트보드로 설정합니다. 다른 아트보드와의 인터랙션은 모두 제거해야 합니다.
  • 모든 아트보드 공유: 프로토타입 모드에서 아트보드를 선택합니다. 공유하기에 앞서 모든 아트보드가 아트보드에 연결되어 있는지 확인합니다.

디자인 사양 또는 프로토타입을 공유하려면 어떻게 해야 합니까?

프로토타입 모드에서 아트보드 및 인터랙션 플로우가 정의되면 디자인 사양 또는 프로토타입을 공유할 수 있습니다. 정의된 인터랙션 플로우의 제목은 제목 창에 표시됩니다. 디자인 요구 사항에 따라 제목을 수정할 수 있습니다.

설정 보기 드롭다운에서 사전 설정 및 링크 액세스 권한 설정을 선택하여 디자인 사양 또는 프로토타입을 공유합니다. 링크 만들기를 클릭합니다. 링크 설정 창에 URL이 표시됩니다.

공개, 개인, 또는 암호 링크
를 사용하여 공유 가능한 디자인 사양 및 프로토타입에 대한 링크 액세스 권한을 설정할 수 있습니다.

프로토타입이나 디자인 사양을 공유하는 동안 공개 링크 또는 보안 비공개 링크를 게시하도록 선택할 수 있으며 주어진 시점에 액세스 설정을 상호 교환적으로 변경할 수 있습니다. 

링크 액세스 권한 설정
링크 액세스 권한 설정

링크 액세스 설정을 공개에서 비공개로 또는 비공개에서 공개로 변경하는 경우:

  • 링크 URL은 동일하게 유지됩니다.
  • 링크에 추가된 초대받은 사람은 그대로 유지됩니다.

암호 링크가 게시되면 링크 액세스 설정을 변경할 수 없습니다. 액세스 설정을 변경하려는 경우에는 새 링크를 만들어야 합니다.

아니요. XD 문서에 대한 링크를 새로 만들 필요가 없습니다. 디자인 또는 사전 설정을 변경하는 경우 검토 목적으로 공유한 기존 링크를 업데이트할 수 있습니다.

예제 1 - 프로토타입 내에 다중 플로우를 만들고 검토를 위해 공유한 경우 작성된 모든 링크가 URL 선택기에 나타납니다. 이제 링크 업데이트를 클릭하여 업데이트할 링크를 선택할 수 있습니다.

링크 업데이트

예제 2 —프로토타입 링크를 생성하고 피드백을 위해 공유한 후 개발자와 프로토타입을 공유하려면 설정 보기로 이동하고 개발로 전환한 후 링크 업데이트를 클릭하십시오. 

사전 설정 변경

링크를 업데이트하면 이전 댓글, 변경 내용, 대화가 유지되면서 동일한 URL이 최신 사전 설정 정보로 업데이트됩니다.

XD에서 링크 관리 웹 사이트로 이동하여 내 XD 문서에 대해 게시된 링크를 관리할 수 있습니다. 

링크 관리

2. Creative Cloud 웹 사이트에서 게시된 링크를 복사하거나 삭제할 수 있습니다. 

1. URL 선택기에서 링크 관리를 선택합니다.

공유 워크플로의 통합 환경

디자이너는 사용 가능한 샘플 사전 설정을 사용하여 디자인 내의 플로우 또는 프로토타입을 공유하고 향후 이를 다시 공유하도록 권한을 설정할 수 있습니다. 리뷰어는 보안 비공개 링크에 액세스하거나 이를 조회하고자 하는 다른 리뷰어의 요청을 추가하거나, 제거하거나, 수락할 수 있습니다.
이 샘플 애니메이션을 통해 검토 목적으로 내 디자인을 공유하고 향후 다른 리뷰어들이 디자인 또는 프로토타입을 다시 공유할 수 있도록 설정하는 방법에 대해 알아보십시오.

디자이너 작업 과정

리뷰어는 이메일에서 리뷰 초대에 액세스하여 공유된 디자인 또는 프로토타입에 댓글을 달 수 있습니다.

이 애니메이션을 통해 리뷰 초대에 액세스하고 공유된 디자인에 댓글을 다는 방법에 대해 알아보십시오.

리뷰어

자세히 알아보기

이 비디오를 통해 XD의 프로토타입에 대해 살펴보십시오.
시청 시간: 5분

다음 단계

지금까지 관련자와 디자인 및 프로토타입을 공유하는 방법에 대해 설명했습니다. 한발 더 나아가 프로토타입디자인 사양에 대한 댓글을 올리는 방법에 대해 알아보십시오.

질문이나 아이디어가 있습니까?

1

디자인 또는 프로토타입 공유에 문제가 있습니까? 이 문서에서 솔루션을 찾아보십시오. 

질문이 있거나 아이디어를 공유하고 싶다면 Adobe XD 커뮤니티에 참여하십시오. 여러분의 소중한 의견과 다양한 작품 활동을 기대하겠습니다.

Adobe 로고

내 계정 로그인