사용 안내서 취소

음성 명령 및 재생을 사용하여 프로토타입 제작

  1. Adobe XD 사용 안내서
  2. 소개
    1. Adobe XD의 새로운 기능
    2. 일반 질문
    3. Adobe XD를 사용하여 디자인, 프로토타이핑 및 공유
    4. 색상 관리
    5. 시스템 요구 사항
      1. 하드웨어 및 소프트웨어 요구 사항
      2. Adobe XD, Big Sur 및 Apple silicon | macOS 11
    6. 작업 영역 기본 사항
    7. Adobe XD에서 앱 언어 변경
    8. Access UI 디자인 키트
    9. Adobe XD의 접근성
    10. 키보드 단축키
    11. 팁 및 요령
  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. 기업을 위한 그룹 공유
    14. XD 자산 백업 또는 이전
  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. 내보내기에 서드파티 앱이 표시되지 않음

음성 명령, 음성 재생 및 오디오 재생을 사용하여 프로토타입을 제작하고 디자인하는 방법을 알아봅니다.

음성 명령을 사용하여 아트보드 또는 구성 요소 상태 간 인터랙션을 트리거하거나 음성, 오디오, 비디오 또는 Lottie를 재생할 수 있습니다.

음성을 트리거로 설정한 다음 음성 명령을 입력합니다. 전환, 자동 애니메이트, 오버레이, 스크롤 위치, 이전 아트보드, 오디오 재생음성 재생, 비디오 재생 또는 Lottie 재생 등을 액션 유형으로 선택합니다. 예를 들어 모바일 앱에서 음성 검색을 통합하는 경우 음성음성 재생을 사용하여 아트보드 사이를 자동으로 전환할 수 있습니다.

프로토타입에 음성 명령 추가

  1. 프로토타입 모드로 전환합니다.

  2. 인터랙션을 정의하려면 소스 오브젝트, 구성 요소 상태 또는 아트보드에서 파란색 커넥터를 클릭합니다. 속성 관리자에서 다음 옵션을 설정합니다.

    • 트리거음성으로 설정합니다.
    • 명령: 텍스트로 음성 명령을 입력합니다.
    • 액션전환으로 설정합니다.
    • 대상: 대상 아트보드 또는 구성 요소 상태를 설정합니다.
    • 애니메이션: 사용 가능한 옵션을 기반으로 애니메이션을 설정합니다.
    • 이징: 사용 가능한 옵션을 기반으로 이징 효과를 설정합니다.
    • 지속 시간: 지속 시간을 초 단위로 설정합니다.
    음성 트리거 설정
    음성 트리거 설정 아트보드에 대한

    A. 트리거를 음성으로 설정 B. 음성 명령을 텍스트로 입력 

    구성 요소 상태에 대한 음성 트리거 설정
    구성 요소 상태에 대한 음성 트리거 설정

    A. 트리거를 음성으로 설정 B. 음성 명령을 텍스트로 입력 C. 대상을 구성 요소 상태로 설정 

  3. 오브젝트, 구성 요소 상태 또는 아트보드에 대해 둘 이상의 인터랙션을 정의하려면:

    1. 선택한 다음 +를 클릭할 수 있습니다. 또는 속성 관리자에서 +를 클릭하십시오.
    2. 속성 관리자에서 속성을 설정합니다.

     탭, 드래그, 마우스 가져다 대기 및 시간 트리거는 한 번만, 음성키 및 게임패드는 여러 번 적용할 수 있습니다. 

    2
    더 많은 인터랙션을 정의하기 위해 여러 트리거 사용

  4. 업데이트된 변경 내용을 보려면 데스크탑 미리보기 버튼()을 선택하십시오.

  5. 다음 아트보드 또는 구성 요소 상태로의 전환을 미리 보려면 스페이스 바를 누른 상태에서 음성 명령을 반복합니다. 

프로토타입에 재생 추가

오디오 재생 추가

오디오 재생 작업을 사용하여 프로토타입에 사운드 효과를 추가하십시오. 예를 들어 이메일을 성공적으로 전송한 후의 확인음을 추가할 수 있습니다. 오디오를 MP3 또는 WAV 파일로 가져올 수 있습니다.

오브젝트나 아트보드에서 오디오 재생을 추가하려면 다음 단계를 수행하십시오.

  1. 프로토타입 모드에서 오브젝트 또는 아트보드를 선택합니다.

  2. 속성 관리자에서 다음 옵션을 설정합니다.

    • +를 클릭하여 인터랙션을 추가합니다. 
    • 트리거으로 설정합니다.
    • 액션오디오 재생으로 설정한 다음 오디오 파일을 검색하여 추가합니다. 

     오디오 자동 재생은 Safari 설정에서 자동 재생을 활성화한 경우에만 Safari에서 작동합니다. XD 프로토타입 링크에 대한 자동 재생을 활성화하려면 Safari에서 사운드 자동 재생 활성화를 참조하십시오.

단일 트리거에서 다중 액션 추가

단일 트리거에서 전환 또는 자동 애니메이트와 같은 기본 전환 동작을 사용하여 오디오 재생과 같은 비전환 동작을 추가할 수 있습니다. 예를 들어, 현재 아트보드에서 다른 아트보드로 전환될 때의 마우스의 클릭음을 추가할 수 있습니다.

프로토타입에 다중 액션을 추가하려면 다음 단계를 수행하십시오.

  1. 프로토타입 모드에서 다중 액션을 추가하려는 오브젝트 또는 아트보드를 선택합니다. 

  2. 속성 관리자에서 다음 옵션을 설정합니다.

    • +를 클릭하여 인터랙션을 추가합니다. 
    • 트리거: 으로 설정합니다.
    • 첫 번째 액션 + 버튼(전환 액션)을 전환, 자동 애니메이트, 오버레이, 스크롤 위치 또는 이전 아트보드로 설정합니다. 
    • 두 번째 액션 + 버튼(비전환 액션)을 오디오 재생 또는 음성 재생으로 설정합니다. 
    다중 액션
    다중 액션을 오브젝트 또는 아트보드에 설정

     속성 관리자의 두 번째 액션 + 버튼은 을 트리거로 설정한 경우에만 활성화됩니다. 또한 오디오 재생 또는 음성 재생과 같은 비전환 액션을 첫 번째 액션으로 설정하는 경우 두 번째 액션 + 버튼이 활성화되지 않습니다.

음성 재생 추가

오브젝트나 아트보드에 음성 재생을 추가하려면 다음 단계를 수행하십시오.

  1. 소스 아트보드의 와이어를 대상 아트보드로 드래그합니다.

  2. 음성 재생을 추가하려면 속성 관리자에서 다음 옵션을 설정하십시오.

    • 트리거시간으로 설정합니다.
    • 지연: 음성 재생이 시작되는 시간을 정의하기 위해 시간 지연(초 단위)을 설정합니다. 
    • 액션음성 재생으로 설정합니다.
    • 목소리: 음성 재생을 위한 목소리를 선택합니다.
    • 음성: 음성 재생에 사용할 텍스트를 입력합니다.
    음성 재생 사용
    음성 재생 사용

    A. 트리거를 시간으로 설정 B. 시간 지연을 초 단위로 설정 C. 액션을 음성 재생으로 설정 D. 음성 설정  E. 재생에 사용할 텍스트 입력 

  3. 변경 내용을 미리보기하려면 데스크탑 미리보기 버튼()을 클릭하십시오.

  4. 다음 아트보드로의 전환을 미리 보려면 스페이스 바를 누른 상태에서 음성 명령을 반복합니다. 

    음성 재생 미리보기
    음성 재생 미리보기

프로토타입에 음성 내레이션 추가

  1. 프로토타입 모드에서 플로우의 시작이 설정되어 있는 홈 화면을 선택한 다음 데스크탑 미리보기 버튼을 클릭합니다.

  2. 녹화 버튼 옆에 있는 드롭다운 화살표를 선택한 다음 마이크 활성화 옵션을 선택합니다(macOS). Windows를 사용하는 경우 게임센터의 OS 수준 컨트롤을 통해 마이크를 활성화하십시오. 녹화 시 인터페이스에서 깜박이는 빨간색 아이콘을 눈여겨 보십시오.

  3. 녹화 내용을 MP4 파일로 저장하고 관련자와 공유하거나 소셜 미디어에 게시할 수 있습니다. 

     음성 재생과 같은 XD의 오디오 출력을 직접 캡처하지는 않습니다. 마이크는 사용자 설정에 따라 출력을 오버헤드하거나 녹음합니다(시스템 마이크는 시스템 스피커에서 재생되는 음성 재생을 들을 수 있습니다).

웹에서 프로토타입 또는 디자인 사양 링크 공유 및 검토

  1. 데스크탑 앱에서 오른쪽 상단의 공유 아이콘을 클릭한 다음 디자인 검토(프로토타입의 경우) 또는 개발(디자인 사양의 경우)를 선택합니다.

  2. 다음에서 프로토타입을 미리보기할 때,

    • 데스크탑 또는 노트북: 스페이스 바를 누릅니다.
    • Adobe XD Mobile 앱(iOS / Android): 화면의 아무 곳이나 길게 누릅니다. 손가락을 화면에 놓고(움직이지 않고) 음성 명령을 사용하고 난 후 화면에서 손가락을 뗍니다.
    • 스마트폰의 모바일 브라우저: 화면 오른쪽 하단의 마이크 아이콘을 누릅니다.
  3. 디자인 사양을 미리 볼 때 개발자는 음성 명령 및 음성 재생을 텍스트로 읽거나 조회할 수 있습니다. 

     디자인 사양은 음성 인터랙션을 지원하지 않습니다.

Safari에서 사운드 자동 재생 활성화

기본적으로 Safari에서는 사운드 자동 재생이 비활성화되어 있습니다. XD 프로토타입 링크에서 사운드 자동 재생을 활성화하려면 다음 단계를 따르십시오.

  1. Safari에서 XD 프로토타입 링크를 엽니다.
  2. macOS 메뉴 바에서 Safari > 환경 설정으로 이동합니다.
  3. 웹 사이트 탭에서 왼쪽 창에 표시되는 자동 재생을 선택합니다.
  4. 아래 웹 사이트에서 미디어 자동 재생 허용 창에서 xd.adobe.com 옆의 모든 자동 재생 허용을 선택합니다.

이 설정을 사용하면 향후 XD 프로토타입 링크의 사운드가 자동으로 작동합니다.

Safari에서 미디어 자동 재생 활성화
Safari에서 미디어 자동 재생 활성화

Chrome에서 사운드 활성화

Chrome에서 프로토타입을 실행할 때 재생 작업에 문제가 있다는 오류가 표시되면 Chrome 설정에서 사운드를 활성화하십시오.

Chrome 설정에서 XD 프로토타입 링크의 사운드를 활성화하려면 다음 단계를 따르십시오.

  1. Chrome 주소창에 chrome://settings/content/sound를 입력합니다. Enter 키를 누릅니다.
  2. 맞춤 설정한 동작 섹션에서 소리 재생이 허용됨 옆에 있는 추가를 클릭하고 https://xd.adobe.com을 추가합니다.

이 설정을 사용하면 향후 XD 프로토타입 링크에서 오디오가 재생됩니다.

Chrome 설정에서 XD 프로토타입 링크의 사운드 활성화
Chrome 설정에서 XD 프로토타입 링크의 사운드 활성화

알림을 사용하여 음성 인터랙션 문제 해결

이제 데스크탑 또는 웹에서 프로토타입을 미리 보는 동안 음성 트리거된 인터랙션 문제를 해결할 수 있습니다. 디자인 사양을 검토하는 관련자도 이 기능을 통해 Adobe XD의 프로토타입과 인터랙션하는 방법을 보다 깊이 이해할 수 있습니다.

프로토타입에 대해 이야기하기에 앞서 미리보기 시 알림 표시 메뉴 옵션이 선택되어 있어야 합니다. 기본적으로 이 메뉴 옵션은 Adobe XD를 실행할 때 선택된 상태입니다.

알림 표시
음성 프로토타입에 대한 알림 표시

XD에 전달하는 각 명령은 현재 아트보드 또는 구성 요소 상태에 있는 모든 음성 트리거와 일치합니다. 일치하는 항목이 없는 경우에는 {내가 전달한 명령}에 대해 일치하는 항목 없음으로 시작하는 알림이 수신됩니다. XD가 전달 받은 명령을 직접 눈으로 확인하는 것은 음성 명령과 일치하는 항목을 찾을 수 없는 이유를 알아내는 데 유용합니다.

일치하는 항목을 찾을 수 없는 이유는 다양합니다. 전달한 음성 명령이 해당 아트보드 또는 구성 요소 상태의 어떠한 인터랙션에서도 사용되지 않는 것일 수 있습니다. 또는 음성 인식 서비스가 예상치 않은 결과를 반환하는 것일 수도 있습니다.

예를 들어 인터랙션에서 음성 명령으로 2달러를 추가한다고 가정해 봅시다. 하지만 명령 전달 시 음성 인식 서비스는 $2.00를 반환할 수 있습니다. 알림에서는 숫자가 단어를 대체하므로 단어 대신 숫자를 사용하도록 인터랙션을 변경해야 한다는 것을 알 수 있습니다.

 Adobe

쉽고 빠르게 지원 받기

신규 사용자이신가요?