Guia do Usuário Cancelar

Partes de uma opção de design

  1. Guia do Usuário do Captivate
  2. Introdução ao Captivate
    1. Novidades do Adobe Captivate
    2. Requisitos de sistema do Adobe Captivate
    3. Atualizações do Adobe Captivate
      1. Notas de versão do Adobe Captivate (atualização 12.5)
      2. Notas de versão do Adobe Captivate (atualização 12.4)
      3. Notas de versão do Adobe Captivate (atualização 12.3)
      4. Notas de versão do Adobe Captivate (atualização 12.2)
      5. Notas de versão do Adobe Captivate (atualização 12.1)
    4. Download do Adobe Captivate
    5. Perguntas frequentes
    6. Configurar acesso por URL para recursos do Adobe Captivate
  3. Adicionar um slide
    1. Navegador de slides no Adobe Captivate
    2. Adicionar um slide de conversa
    3. Adicionar personagens ao seu projeto do Adobe Captivate
    4. Editar a imagem de plano de fundo em um slide
    5. Adicionar preenchimento a blocos e componentes de conteúdo
    6. Criar um projeto de rolagem longa
  4. Opções de design no Adobe Captivate
    1. O que são opções de design?
    2. Partes de uma opção de design
    3. Criar opções de design personalizado
    4. Modificar uma opção de design personalizado
    5. Exportar uma opção de design personalizado
    6. Importar uma opção de design personalizado
  5. Adicionar blocos de texto
    1. Adicionar texto a um projeto
    2. Adicionar Adobe Fonts a um projeto
  6. Adicionar blocos de mídia
    1. Adicionar imagens a um projeto
    2. Adicionar vídeos a um projeto
    3. Adicionar citações
    4. Adicionar SVGs a um projeto
    5. Adicionar objetos da Web a um projeto
  7. Componentes interativos
    1. Adicionar um botão
    2. Adicionar um campo de entrada
    3. Adicionar um grupo de botões de opção
    4. Adicionar uma lista suspensa
    5. Adicionar uma caixa de seleção
  8. Adicionar blocos de marcas
    1. Adicionar um cabeçalho a um projeto
    2. Adicionar um rodapé a um projeto
  9. Widgets
    1. Adicione um cartão
    2. Adicionar Guias
    3. Adicionar um certificado
    4. Adicione um carrossel
    5. Adicionar um ponto ativo
    6. Adicionar Arrastar e Soltar
    7. Adicionar uma linha do tempo
    8. Adicionar Clique para Revelar
    9. Adicionar um accordion
  10. Criar quizzes
    1. Adicionar uma pergunta de múltipla escolha
    2. Adicionar uma pergunta do tipo Verdadeiro ou Falso
    3. Adicionar a pergunta do tipo Corresponder à coluna
    4. Adicionar uma pergunta de resposta curta
    5. Adicionar uma pergunta sequência
    6. Adicionar pools de perguntas e slides com pergunta aleatórios
    7. Importar perguntas como CSV
  11. Adicionar áudio a um projeto
    1. Adicionar áudio
    2. Adicionar legendas ocultas
  12. Interações
    1. Adicionar interações a um projeto
    2. Criar vídeo interativo com sobreposição
    3. Criar uma interação em nível de slide
    4. Criar uma interação em nível de objeto
  13. Animações
    1. Adicionar animações a um projeto
  14. Acessibilidade
    1. Tornar um projeto acessível
  15. Personalizar a linha do tempo
    1. Painel Linha do Tempo no Adobe Captivate
  16. Personalizar o sumário e a barra de reprodução
    1. Sumários no Adobe Captivate
  17. Editar propriedades do projeto
    1. Variáveis no Adobe Captivate
    2. Preferências
    3. Dimensões do projeto
    4. Temas
  18. Criar um projeto de simulação
    1. Simulação
  19. Visualizar um projeto
    1. Visualização
  20. Compartilhar um projeto para revisão
    1. Compartilhar para revisão
    2. Perguntas frequentes e guia de solução de problemas para compartilhar projetos para revisão   
  21. Publicar um projeto
    1. Publicar o projeto
  22. Atualizar projetos no Adobe Captivate
    1. Atualizar projetos para a versão mais recente 

Visão geral

Compreender os componentes de uma opção de design no Captivate é essencial para criar seus próprios designs personalizados. Além disso, é necessário ter um conhecimento básico de propriedades CSS para personalizar designs que se alinham ao tema e aos padrões da sua organização.

Arquivos em uma pasta de opções de design

Cada pasta de opções de design contém três arquivos:

  • designOption.json - Este é o arquivo que você usa para definir seu estilo, especificar predefinições de texto e adicionar tags e layouts ao seu design personalizado para os modos de exibição de tablet, celular ou desktop. Use qualquer editor de texto para editar os valores neste arquivo.
  • localized.json - Forneça o nome e a descrição da opção de design personalizado. O nome aqui corresponde ao nome da opção de design que aparece ao passar o mouse sobre a miniatura no painel Propriedades visuais.
  • Thumbnail.png - Representação visual dessa opção de design no painel Propriedades visuais. Os usuários podem adicionar uma miniatura personalizada como a imagem para a opção de design personalizado.
Observação:

Você pode usar qualquer editor de texto/HTML para abrir e editar os arquivos JSON.  Verifique se a pasta contém estes arquivos: designOption.json, localized.json e Thumbnail.png.

Veja um exemplo de uma opção de design aberta em um editor de texto/HTML. Nesta instância, o editor usado é o Visual Studio Code:

Este é um exemplo de arquivo JSON designOption
Opção de design personalizado JSON que contém estilos e propriedades CSS

Esta é uma imagem do arquivo JSON localizado de uma opção de design
Arquivo JSON localizado que contém o nome e a descrição da opção de design personalizado

Esta é uma imagem do arquivo PNG em miniatura
Miniatura da opção de design personalizado – Arquivo PNG

Descrição de vários campos no arquivo JSON

Nome da chave

Valores

Descrição

Obrigatório

"type"

Cadeia de caracteres

Bloco de conteúdo, componente ou layout de slide para o qual a opção de design está sendo gravada.

Sim

"name"

Cadeia de caracteres

Nome da opção de design. Adicione o valor de campo como $$name e encontre o mesmo em localized.json. Consulte qualquer exemplo de opção de design existente que possa ser encontrado na pasta instalada no Captivate.

Sim

"description"

Cadeia de caracteres

Descrição da opção de design. Adicione o valor de campo como o nome $$description e encontre o mesmo em localized.json semelhante a "name"

Sim

"version"

Sequência de caracteres na forma da versão n.º E.g. "1.0"

Versão da opção de design

Sim

"designOptionId"

Cadeia de caracteres

ID da opção de design que representa exclusivamente a opção de design. Pode ser usada em outras opções de design.

Sim

"isDefault"

"true", "false"

Indica se a opção de design está definida como padrão. Quando uma opção de design estiver marcada como padrão, ela será aplicada automaticamente ao inserir um bloco ou componente de conteúdo.

Não

"thumbnail"

Cadeia de caracteres

Nome do arquivo copiado na mesma pasta do arquivo JSON da opção de design. Esta imagem é usada como uma miniatura no painel Propriedades visuais.

Sim

"styles"

Matriz

A matriz "styles" contém entradas da lista de elementos e estilos correspondentes para um determinado bloco de conteúdo ou componente.

Sim

Receba ajuda com mais rapidez e facilidade

Novo usuário?