사용 안내서

Captivate 프로젝트에 스택 카드 위젯 추가하기

  1. Captivate 사용자 가이드
  2. Captivate 살펴보기
    1. Adobe Captivate의 새로운 기능
    2. Adobe Captivate 시스템 요구 사항
    3. Adobe Captivate 다운로드
    4. 자주 묻는 질문
  3. Adobe Captivate 릴리스
    1. Adobe Captivate 13
      1. Adobe Captivate (13.1) 릴리스 정보
      2. Adobe Captivate(13.0) 릴리스 노트
    2. Adobe Captivate 12
      1. Adobe Captivate 12 요약
      2. Adobe Captivate(12.6 업데이트) 릴리스 노트
      3. Adobe Captivate(12.5 업데이트) 릴리스 노트
      4. Adobe Captivate(12.4 업데이트) 릴리스 노트
      5. Adobe Captivate(12.3 업데이트) 릴리스 노트
      6. Adobe Captivate(12.2 업데이트) 릴리스 노트
      7. Adobe Captivate(12.1 업데이트) 릴리스 노트
  4. 프로젝트 설정
    1. 슬라이드 탐색기
    2. 프로젝트 치수
    3. 환경 설정
      1. 일반 환경 설정
      2. 생성형 AI 환경 설정
      3. 프로젝트 환경 설정
      4. 퀴즈 환경 설정
    4. 테마
    5. Adobe Captivate 기능에 대한 URL 액세스 구성
  5. PowerPoint에서 가져오기
    1. PowerPoint 프레젠테이션을 Captivate로 가져오기
    2. Captivate로 가져올 PowerPoint 슬라이드 선택
    3. 가져온 슬라이드의 텍스트 작업
    4. 가져온 슬라이드의 도형 작업
    5. 가져온 슬라이드에 미디어 추가
    6. 가져온 슬라이드에 상호 작용 및 애니메이션 추가
  6. Captivate Classic에서 가져오기
    1. Adobe Captivate에 Captivate Classic 프로젝트 가져오기
    2. Captivate Classic 시뮬레이션 프로젝트를 Captivate로 가져오기
  7. Adobe Captivate의 생성형 AI
    1. 생성형 AI 개요
    2. 생성형 AI FAQ
    3. 생성형 크레딧
    4. 텍스트 생성 
      1. 텍스트 생성 개요
      2. 텍스트 생성을 위한 효과적인 프롬프트 작성
      3. 빠른 프롬프트를 사용하여 텍스트 생성
      4. 사용자 지정 프롬프트를 사용하여 텍스트 생성
      5. 텍스트 생성 개선을 위한 피드백 제공
    5. 이미지 생성
      1. 이미지 생성 개요
      2. 프롬프트를 사용하여 이미지 생성
      3. 이미지 콘텐츠 유형 선택 - 사진 또는 아트
      4. 구도와 스타일을 위한 참조 이미지 사용
      5. 효과적인 이미지 생성을 위한 모범 사례
      6. 이미지 생성 개선을 위한 피드백 제공
    6. 아바타 생성
      1. 아바타 생성 개요
      2. 아바타 맞춤 설정
      3. 아바타 내레이션용 대본 만들기
      4. 아바타 내레이션 생성
      5. 아바타 생성 개선을 위한 피드백 제공
    7. 대본 생성
      1. 대본 생성 개요
      2. 자막용 대본 생성
      3. 자막을 효과적으로 사용하는 모범 사례
  8. 텍스트 추가 및 편집
    1. 프로젝트에 텍스트 추가
    2. 프로젝트에 Adobe 글꼴 추가
    3. 인용문 추가
    4. 오른쪽에서 왼쪽 언어로 작성
  9. 이미지 추가 및 편집
    1. 프로젝트에 이미지 추가
    2. 슬라이드에서 배경 이미지 편집
    3. 프로젝트에 SVG 추가
  10. 미디어 추가 및 편집
    1. 프로젝트에 동영상 추가
    2. 오디오 추가 및 편집
    3. 위젯 상호 작용을 위한 오디오 추가
    4. 자막 추가
    5. 프로젝트에 웹 개체 추가
  11. 대화형 구성 요소
    1. 버튼 추가
    2. 입력 필드 추가
    3. 라디오 버튼 그룹 추가
    4. 드롭다운 추가
    5. 확인란 추가
    6. Adobe Captivate의 변수
  12. 퀴즈 만들기
    1. 객관식 질문 추가
    2. 참 또는 거짓 질문 추가
    3. 열 연결 질문 추가
    4. 단답형 질문 추가
    5. 순서 질문 추가
    6. 문제 은행 및 무작위 질문 슬라이드 추가
    7. 질문을 CSV로 가져오기
  13. 위젯 추가
    1. 카드 추가
    2. 탭 추가
    3. 인증서 추가
    4. 캐러셀 추가
    5. 핫스팟 추가
    6. 드래그 앤 드롭 추가
    7. 타임라인 추가
    8. 클릭하여 표시하기 추가
    9. 아코디언 추가
    10. 슬라이더 추가
    11. 스택 카드 추가
  14. 상호 작용 및 애니메이션
    1. 프로젝트에 상호 작용 추가
    2. 오버레이를 사용하여 대화형 동영상 만들기
    3. 슬라이드 수준 상호 작용 만들기
    4. 개체 수준 상호 작용 만들기
    5. 프로젝트에 애니메이션 추가
    6. Adobe Captivate의 상태
  15. 이러닝 프로젝트 향상
    1. 콘텐츠 블록 및 구성 요소에 안쪽 여백 추가
    2. 프로젝트에 머리글 추가
    3. 프로젝트에 바닥글 추가
    4. 긴 스크롤 프로젝트 만들기
    5. 대화 슬라이드 추가
    6. Adobe Captivate 프로젝트에 캐릭터 추가
    7. Captivate의 자산
  16. 시뮬레이션 프로젝트
    1. 시뮬레이션 개요 및 설정
    2. 데모 모드
    3. 교육 모드
    4. 평가 모드
    5. 풀모션 레코딩
  17. 타임라인 및 목차
    1. Adobe Captivate의 타임라인 패널
    2. Adobe Captivate 목차
    3. Adobe Captivate에서 슬라이드 잠금 및 숨기기
  18. 검토 및 협업
    1. 검토용으로 공유
    2. 검토 만들기 및 관리
    3. 검토 의견 및 협업 추가
    4. 검토용 프로젝트 공유에 대한 FAQ 및 문제 해결 가이드   
  19. 미리 보기 및 게시
    1. 프로젝트 미리 보기
    2. 프로젝트 게시
  20. 접근성
    1. Adobe Captivate에서 접근성 높은 이러닝 콘텐츠 만들기
    2. 슬라이드 접근성 높이기
    3. 슬라이드 개체를 액세스 가능하도록 설정
    4. 대화형 구성 요소 접근성 높이기
    5. 위젯을 액세스 가능하도록 설정
    6. 퀴즈를 액세스 가능하도록 설정
    7. TOC 및 재생 막대 액세스 가능성
  21. Adobe Captivate의 디자인 옵션
    1. 디자인 옵션이란?
    2. 디자인 옵션의 일부
    3. 사용자 정의 디자인 옵션 생성
    4. 사용자 정의 디자인 옵션 수정
    5. 사용자 정의 디자인 옵션 내보내기
    6. 사용자 정의 디자인 옵션 가져오기
  22. 추가 리소스
    1. Captivate의 주요 방법
    2. Captivate Classic과 Adobe Captivate 비교
    3. 이전 Captivate 프로젝트를 최신 버전으로 업그레이드
    4. Admin Console에서 Captivate 패키지 만들기 및 배포

개요

Adobe Captivate의 스택 카드 위젯을 사용하면 콘텐츠를 시각적으로 레이어된 카드 스택으로 표시할 수 있습니다.학습자는 클릭하거나 탭하여 카드를 하나씩 이동하며, 이는 특히 모바일 디바이스에서 잘 작동하는 집중적이고 가벼운 인터랙션을 만듭니다.각 카드에는 제목, 부제목, 본문, 이미지가 포함될 수 있어 스택 카드는 마이크로러닝, 단계별 지침, 순차적 스토리텔링에 이상적입니다.이 위젯에는 여러 사전 정의된 디자인 옵션, 내장 애니메이션, 데스크탑, 태블릿, 모바일 보기에서의 반응형 동작이 포함되어 있습니다.

스택 카드를 사용해야 하는 이유

스택 카드는 카드당 하나의 개념씩 점진적으로 콘텐츠를 제공합니다.이 인터랙션 모델은 학습자가 일반적으로 휴대폰과 태블릿에서 콘텐츠를 소비하는 방식과 일치하며 인지적 과부하를 줄이는 데 도움이 됩니다.

주요 이점은 다음과 같습니다:

  • 학습자가 한 번에 하나의 아이디어에 집중할 수 있도록 하는 점진적 공개. 
  • 하나의 활성 카드만 표시하여 화면이 복잡해지는 것을 방지하는 깔끔한 레이아웃. 
  • 클릭 또는 탭 인터랙션을 통한 학습자 제어 게재 간격. 
  • 슬라이드나 플립카드 위젯보다 더 자연스럽게 느껴지는 모바일 우선 인터랙션 패턴. 
  • 슬라이드나 플립카드 위젯과 비교하여 스택 카드는 병렬 찾아보기보다는 순차적 흐름과 카드별 진행을 강조하므로 모바일 우선 과정 디자인에 특히 효과적입니다.

실제 사용 사례

스택 카드는 일반적으로 다음과 같은 용도로 사용됩니다:

  • 순차적으로 전개되는 스토리 기반 학습.
  • 단계별 프로세스 안내.
  • 모바일 디바이스에서의 플래시카드 스타일 복습.
  • 게임화된 학습에서의 시나리오 소개.

프로젝트에 스택 카드 위젯 추가하기

프로젝트에 스택 카드 위젯을 추가하려면:

  1. 위젯을 삽입할 슬라이드를 선택합니다.

  2. 왼쪽 도구 모음에서 위젯 추가를 선택합니다.

  3. 위젯 목록에서 스택 카드를 선택합니다. 위젯이 기본 4개 카드 세트와 함께 캔버스에 추가됩니다.카드를 최소 2개부터 최대 20개
    까지 추가할 수 있습니다.

    스택 카드 위젯을 보여주는 Captivate 인터페이스
    스택의 카드 수를 선택하세요

  4. 카드 선택기에서 카드를 선택하여 텍스트와 이미지를 추가합니다.

    각 카드를 선택하여 편집하는 방법을 보여주는 스택 위젯 인터페이스
    카드 선택기에서 원하는 카드를 선택합니다

스택 카드 위젯 사용자 정의하기

위젯을 추가한 후 시각적 속성 패널을 사용하여 디자인 옵션, 정렬, 모양 및 동작을 구성합니다.

  1. 학습자 상호작용을 가장 잘 지원하는 디자인 옵션을 선택하세요.스토리텔링에 적합한 가로 레이아웃 디자인 옵션 또는 단계별 교육 콘텐츠에 적합한 세로 레이아웃을 선택합니다.

    스택 카드 위젯의 디자인 옵션을 보여주는 Captivate 인터페이스
    스택 카드 디자인 옵션을 선택합니다

  2. 작성자는 이러한 구성 요소를 사용하여 위젯 레벨과 개별 카드에서 카드 속성을 구성할 수 있습니다.위젯 레벨에서 다음 구성 요소를 활성화합니다:

    • 제목: 각 카드의 제목을 표시합니다.
    • 본문: 기본 텍스트 콘텐츠를 포함합니다.
    • 지침: "계속하려면 왼쪽 또는 오른쪽으로 스와이프하세요"와 같은 학습자 안내를 제공합니다.
    • 이전 버튼: 학습자를 이전 슬라이드로 이동시킵니다.
    • 다음 버튼: 학습자를 다음 슬라이드로 이동시킵니다.
    스택 카드 위젯의 구성 요소를 보여주는 Captivate 인터페이스
    스택 카드 위젯에 필요한 구성 요소를 활성화합니다

  3. 필요에 따라 개별 카드의 각 구성 요소를 활성화하거나 비활성화합니다:

    • 이미지: 카드에 이미지를 추가합니다.
    • 제목: 각 카드의 제목을 표시합니다
    • 부제목:  보조 텍스트나 추가 정보를 추가합니다.
    • 본문: 기본 텍스트 콘텐츠를 포함합니다.
    • 카드 번호: 스택에서의 위치를 기반으로 카드 번호를 표시합니다.

    각 카드에 대해 이러한 구성 요소를 독립적으로 활성화하거나 비활성화할 수 있습니다.

  4. 모양 섹션에서 위젯 배경을 변경하고, 테두리와 그림자를 추가하며, 배경 흐림 효과, 명도, 대비를 조정합니다. 

    스택 카드 위젯의 모양을 사용자 정의하는 방법을 보여주는 Captivate 인터페이스
    스택 카드 모양 사용자 정의

스택 카드 재생 및 완료 동작 설정

스택 카드가 로딩 시와 위젯의 모든 카드를 본 후 어떻게 동작할지 설정합니다. 

  1. 시각적 속성 패널에서 아래로 스크롤한 다음 설정을 선택합니다.

    스택 카드의 동작 구성을 보여주는 Captivate 인터페이스
    시각적 속성 패널의 설정에서 스택 카드 동작 설정하기

  2. 로드 시 자동 플레이를 활성화하면 지정된 간격 후 스택의 다음 카드로 자동으로 이동합니다.카드 간 시간 지연을 초 단위로 설정합니다.

    스택 카드 위젯의 카드 간 시간 간격 구성을 보여주는 Captivate 인터페이스
    자동 재생 활성화 및 기간 설정

  3. 위젯 완료 시 다음 슬라이드로 이동을 활성화하면 학습자가 모든 카드를 완료했을 때 자동으로 다음 슬라이드로 이동합니다.

스택의 개별 카드 사용자 정의

스택의 각 카드에 대한 텍스트와 이미지 콘텐츠를 편집할 수 있습니다.기본적으로 모든 카드에는 수정할 수 있는 이미지와 텍스트 자리 표시자가 포함되어 있습니다.

카드 선택기에서 카드를 선택하여 사용자 정의를 시작합니다.이 예제에서는 카드 1이 선택되어 있습니다. 카드를 사용자 정의하려면 다음 단계를 따르세요:

각 카드를 선택하여 편집하는 방법을 보여주는 스택 위젯 인터페이스
카드 선택기에서 개별 카드를 선택하세요

  1. 카드 선택기에서 스택의 카드를 선택하세요.

  2. 이미지, 제목, 부제목 또는 본문과 같이 해당 카드에 필요한 구성 요소를 활성화합니다.

  3. 모양 섹션에서 선택한 카드의 모퉁이 반경을 사용자 정의하고, 배경을 변경하며, 테두리와 그림자를 추가합니다. 

    스택 카드 위젯에서 각 카드의 모양을 사용자 정의하는 방법을 보여주는 Captivate 인터페이스
    스택에서 카드의 모양 사용자 정의

  4. 카드의 각 텍스트 구성 요소를 선택하여 제목이나 본문과 같은 콘텐츠를 추가하고, 모양 섹션에서 서식을 조정합니다. 텍스트 생성 옵션을 사용하여 생성형 AI로 선택한 텍스트 상자의 콘텐츠를 만들 수도 있습니다. 자세한 내용은 Captivate에서 AI를 사용하여 텍스트를 생성하는 방법을 살펴보세요.

    스택 카드의 텍스트에 대한 텍스트 서식 옵션을 보여주는 Captivate 인터페이스

  5. 카드의 이미지에서 아이콘을 선택하여 모양을 수정하거나 assets에서 교체하거나, 시스템에서 교체하거나, 이미지 생성 옵션을 선택하여 AI 생성 이미지를 사용합니다. AI를 사용하여 Captivate에서 이미지를 생성하는 방법에 대해 자세히 알아보세요.

    스택 카드의 이미지를 교체하는 방법을 보여주는 Captivate 인터페이스
    Assets에서 스택 카드 이미지를 교체하거나, 시스템에서 업로드하거나, 생성형 AI를 사용하세요

  6. 상태 섹션에서 표시를 선택하여 각 카드의 방문함 상태를 표시합니다.카드가 순환 시퀀스로 진행될 때 이미 본 카드를 시각적으로 구분하기 위해 모든 카드에서 방문함 상태 모양을 사용자 정의할 수 있습니다. 이를 통해 학습자가 스택을 통한 진행 상황을 쉽게 추적할 수 있습니다.

    스택 카드의 방문한 상태에 대한 모양을 사용자 정의하는 방법을 보여주는 Captivate 인터페이스
    방문함 상태 모양 사용자 정의

Adobe, Inc.

쉽고 빠르게 지원 받기

신규 사용자이신가요?