사용 안내서 취소

음성 프로토타입 디자인

  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. 내보내기에 서드파티 앱이 표시되지 않음

Adobe XD의 음성 기능은 화면을 넘어 경험을 창출합니다. 음성 명령 및 음성 재생을 사용하여 디자인하고 프로토타입을 만드는 방법을 알아봅니다.

XD와 음성 프로토타입 통합

Adobe XD의 음성 기능을 통해 디자이너는 음성 매체를 프로토타입에 통합하고 모바일 애플리케이션 내에서 음성 검색 통합과 같은 다양한 경험을 디자인하며, 자동차 내비게이션 시스템에서 또는 소매 환경의 인터랙티브 키오스크에서 자세한 방향 안내를 위한 음성 출력을 추가할 수 있습니다.

Adobe XD는 음성 명령을 사용하여 음성을 프로토타입 작업 과정에 원활하게 통합함으로써 디자이너가 음성 애플리케이션의 초기 제작 단계에 참여할 수 있도록 합니다.

음성 명령은 구두 명령을 사용하여 인터랙션을 트리거할 수 있도록 합니다. 클릭 또는 을 트리거로 사용하는 방식과 마찬가지로 XD의 ​​프로토타이핑 모드에서 특정 발화를 트리거로 추가할 수 있습니다. 음성 재생을 사용하면 프로토타입과 상호 작용하는 데 사용할 수 있는 강력한 텍스트 음성 변환 엔진에 액세스할 수 있습니다.

음성 디자인 및 프로토타이핑
음성 디자인 및 프로토타이핑

XD에서의 음성 기능의 이점

  • 음성 매체를 사용하여 경험을 디자인하고, 프로토타이핑하고, 공유할 수 있는 기능을 제공합니다.

  • 새로운 플랫폼 및 음성 보조자와 스마트 스피커와 같은 디바이스에 대한 경험을 만듭니다.

  • 음성 기술이나 코딩에 대한 경험이 없어도 다른 프로토타이핑 인터랙션처럼 음성을 추가하는 데 사용하기 쉽습니다.

프로토타입 내에서 음성 기능을 사용하기 위한 사전 요구 사항

  • 음성 기능을 추가하고 미리 보려면 XD 버전 13.0 이상이 필요합니다.
  • 음성 기능과 상호 작용하려면 인터넷 연결이 안정적이어야 합니다.
  • 음성 명령은 임베디드 또는 오프라인 프로토타입에 사용할 수 없습니다.

음성 기능 시작 시 하드웨어 종속성

  • Adobe XD는 사용중인 디바이스의 마이크에 대한 액세스 권한이 필요합니다.

  • 스피커가 활성화되어 있고 프로토타입에 통합된 음성 재생을 들을 수 있는 적절한 볼륨 레벨로 설정되어 있는지 확인하십시오.

음성 기능에 지원되는 언어

Adobe XD의 음성 명령 및 음성 재생 기능은 모든 현지화 버전의 XD에서 번역되지만 음성 명령 및 음성 재생은 영어, 독일어, 일본어, 한국어, 중국어, 스페인어, 브라질 포르투갈어 및 프랑스어로 사용할 수 있습니다. 이러한 기능은 내 컴퓨터의 언어지역 설정을 기반으로 한다는 점을 참고하십시오.

음성 인식이 악센트에 대해 최적화되었으며 음성 재생은 사용자의 거주 지역을 기준으로 악센트가 있는 다양한 음성을 제공합니다.

음성 프로토타이핑과 관련된 특정 사용 사례

음성 프로토타이핑은 새로운 디바이스가 항상 시장에 진입하면서 빠르게 진화하는 기술입니다. Adobe XD를 사용한 음성 프로토타이핑의 몇 가지 예는 다음과 같습니다.

  • 모바일 애플리케이션 내에서 음성 검색
  • Amazon Alexa, Google Assistant 또는 Microsoft Cortana와 같은 음성 애플리케이션용 서드파티 애플리케이션
  • 자동차 내비게이션 시스템에서 자세한 방향 안내를 위한 음성 출력
  • 소매업 환경에서 인터랙티브한 키오스크

음성 프로토타이핑과 관련된 일반적인 작업 과정

일부 작업 과정은 다음과 같습니다.

  • 프로토타입에 음성 제어를 입력으로 추가하고 통합을 미리 봅니다.
  • 아트보드에서 음성 응답을 음성 입력에 추가합니다.
  • 다른 디자이너와 음성 지원 게시 프로토타입을 공유하거나 잠재 사용자에 대한 편의성을 테스트합니다.

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

음성 프로토타입을 제작, 게시 및 미리보기 방법에 대한 자세한 내용은 음성 명령을 사용하여 프로토타입 제작을 참조하십시오.

미리보기 모드에서 음성 명령 활성화

다음에서 프로토타입을 미리 볼 때,

  • 데스크탑 또는 노트북: 스페이스바를 누릅니다.
  • Adobe XD Mobile 앱(iOS / Android): 화면의 아무 곳이나 길게 누릅니다. 손가락을 화면에 놓고(움직이지 않고) 음성 명령을 사용하고 난 후 화면에서 손가락을 뗍니다.
  • 스마트폰의 모바일 브라우저: 화면 오른쪽 하단에 있는 마이크 아이콘을 누릅니다.
음성 명령

음성 기능 사용과 관련된 모범 사례

  • 음성 및 언어로 작업할 때 일반적인 패턴은 하나의 인터랙션에서 이들을 실제로 결합하지 않는 것입니다. 이들을 함께 사용하려면 음성 트리거를 사용하여 첫 번째 아트보드에서 두 번째 아트보드로 전환합니다. 그런 다음 두 번째 아트보드에서 음성 재생을 위한 시간 트리거를 사용합니다. 이렇게 하면 음성 트리거를 사용할 때 시각적인 응답과 음성 재생이 결합됩니다.
  • 동일한 아트보드에 여러 개의 음성 트리거를 추가하려는 경우에는 플레이스 홀더 오브젝트를 사용합니다. 예를 들어 디자인 모드 및 프로토타입 모드에서 아트보드에 여러 개의 원을 추가하고 각 원에 다른 음성 트리거를 추가합니다. 원을 숨기려면 레이어 패널을 눈 아이콘을 클릭합니다. 오브젝트가 아트보드에서는 보이지 않지만 해당 오브젝트와 관련된 음성 트리거는 미리보기 도중 계속 작동합니다.

음성 관련 오류 및 문제 해결

음성 명령이 적절하게 설정되었다는 가정 하에 마이크 설정을 확인하고 Adobe XD에 마이크 액세스 권한이 있는지 확인하십시오.

Adobe XD는 사용 가능한 명령 세트와 일치하도록 최선을 다합니다. 정확한 매핑이 필요하지는 않지만 다른 구문의 경우 가까운 정도에 따라 달라야 합니다. 음성 작업의 중요한 부분은 Adobe XD가 디자인에서 다른 구문을 처리하는 방법을 테스트하는 것입니다.

디바이스가 음소거 상태가 아니며 볼륨이 커졌는지 확인하십시오. 음성 재생을 확인하는 좋은 방법은 프로토타이핑 모드에 들어가고 탭 트리거와 음성 재생을 사용하는 오브젝트에 인터랙션을 추가하는 것입니다. 미리보기 모드에서 오브젝트를 클릭하면 음성 재생을 들을 수 있습니다.

일부 무선 헤드폰은 음성 트리거 및 음성 재생과 함께 제대로 작동하지 않을 수 있습니다. 문제가 발생하면 무선 헤드폰을 분리하십시오.

이제 데스크탑 또는 웹에서 프로토타입을 미리 보는 동안 음성 트리거된 인터랙션 문제를 해결할 수 있습니다. 자세한 내용은 알림을 사용하여 음성 인터랙션 문제 해결을 참조하십시오.

자세히 알아보기

이 비디오를 통해 XD의 음성 트리거에 대해 살펴보십시오.
시청 시간: 9분

쉽고 빠르게 지원 받기

신규 사용자이신가요?