Guia do Usuário Cancelar

Partes de uma opção de design

  1. Guia do Usuário do Captivate
  2. Novidades do Adobe Captivate
  3. Requisitos de sistema do Adobe Captivate
  4. Download do Adobe Captivate
  5. Perguntas frequentes
  6. Atualizações do Adobe Captivate
    1. Notas de versão do Adobe Captivate (atualização 12.6)
    2. Notas de versão do Adobe Captivate (atualização 12.5)
    3. Notas de versão do Adobe Captivate (atualização 12.4)
    4. Notas de versão do Adobe Captivate (atualização 12.3)
    5. Notas de versão do Adobe Captivate (atualização 12.2)
    6. Notas de versão do Adobe Captivate (atualização 12.1)
  7. Configurar acesso por URL para recursos do Adobe Captivate
  8. Criar e implantar pacotes do Captivate no Admin Console
  9. 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
  10. 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
  11. Adicionar blocos de texto
    1. Adicionar texto a um projeto
    2. Adicionar Adobe Fonts a um projeto
  12. 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
  13. 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
  14. Adicionar blocos de marcas
    1. Adicionar um cabeçalho a um projeto
    2. Adicionar um rodapé a um projeto
  15. 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
  16. 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
  17. Adicionar áudio a um projeto
    1. Adicionar áudio
    2. Adicionar legendas ocultas
  18. 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
  19. Animações
    1. Adicionar animações a um projeto
  20. Acessibilidade
    1. Tornar um projeto acessível
  21. Personalizar a linha do tempo
    1. Painel Linha do Tempo no Adobe Captivate
  22. Personalizar o sumário e a barra de reprodução
    1. Sumários no Adobe Captivate
  23. Editar propriedades do projeto
    1. Variáveis no Adobe Captivate
    2. Preferências
    3. Dimensões do projeto
    4. Temas
  24. Criar um projeto de simulação
    1. Simulação
  25. Visualizar um projeto
    1. Visualização
  26. 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   
  27. Publicar um projeto
    1. Publicar o projeto

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?