使用手冊 取消

Parts of a design option

搜尋
Captivate

Captivate

開啟應用程式
  1. Captivate User Guide
  2. Get to know Captivate
    1. What's new in Adobe Captivate
    2. Adobe Captivate System Requirements
    3. Download Adobe Captivate
    4. Frequently Asked Questions
  3. Adobe Captivate releases
    1. Adobe Captivate 13
      1. Adobe Captivate (13.0) release notes
    2. Adobe Captivate 12
      1. Adobe Captivate 12 summary
      2. Adobe Captivate (12.6 update) release notes
      3. Adobe Captivate (12.5 update) release notes
      4. Adobe Captivate (12.4 update) release notes
      5. Adobe Captivate (12.3 update) release notes
      6. Adobe Captivate (12.2 update) release notes
      7. Adobe Captivate (12.1 update) release notes
  4. Project setup
    1. Slide navigator
    2. Project dimensions
    3. Set preferences
      1. General preferences
      2. Generative AI preferences
      3. Project preferences
      4. Quizzing preferences
    4. Themes
    5.  Configure URL access for Adobe Captivate features
  5. Import from PowerPoint
    1. Import PowerPoint presentations into Captivate
    2. Work with text on imported slides
    3. Work with shapes on imported slides
    4. Add media to imported slides
    5. Add interactions and animations to imported slides
  6. Generative AI in Captivate
    1. Generative AI overview
    2. Generate text 
      1. Generate text overview
      2. Write effective prompts for text generation
      3. Generate text using quick prompts
      4. Generate text using custom prompts
      5. Provide feedback to improve text generation
    3. Generate images
      1. Generate image overview
      2. Generate images using prompts
      3. Choose image content type - Photo or Art
      4. Use reference images for Composition and Style
      5. Best practices for effective image generation
      6. Provide feedback to improve image generation
    4. Generate avatar
      1. Generate avatar overview
      2. Customize the avatar
      3. Create transcripts for avatar narration
      4. Generate avatar narration
      5. Provide feedback to improve avatar generation
    5. Generate transcripts
      1. Generate transcripts overview
      2. Generate transcripts for closed captions
      3. Best practices to use transcripts effectively
  7. Add and edit text
    1. Add text to a project
    2. Add Adobe fonts to a project
    3. Add quotes
  8. Add and edit images
    1. Add images to a project
    2. Edit the background image on a slide
    3. Add SVGs to a project
  9. Add and edit media
    1. Add videos to a project
    2. Add and edit audio
    3. Add audio for widget interactions
    4. Add closed captions
    5. Add web objects to a project
  10. Interactive components
    1. Add a button
    2. Add an input field
    3. Add a radio button group
    4. Add a dropdown
    5. Add a checkbox
    6. Variables in Adobe Captivate
  11. Create quizzes
    1. Add a Multiple-choice question
    2. Add a True or false question
    3. Add a Match the column question
    4. Add a Short answer question
    5. Add a Sequence question
    6. Add question pools and random question slides
    7. Import questions as CSV
  12. Add widgets
    1. Add a Card
    2. Add Tabs
    3. Add a Certificate
    4. Add a Carousel
    5. Add a Hotspot
    6. Add Drag-and-Drop
    7. Add a Timeline
    8. Add Click to Reveal
    9. Add an Accordion
  13. Interactions and animations
    1. Add interactions to a project
    2. Create interactive video with overlay
    3. Create a slide-level interaction
    4. Create an object-level interaction
    5. Add animations to a project
    6. States in Adobe Captivate
  14. Enhance your e-learning project
    1. Add padding to content blocks and components
    2. Add a header to a project
    3. Add a footer to a project
    4. Create a long scroll project
    5. Add a conversation slide
    6. Add characters to your Adobe Captivate project
    7. Assets in Captivate
  15. Simulation projects
    1. Simulation overview and setup
    2. Demo mode
    3. Training mode
    4. Assessment mode
    5. Full-motion recording
  16. Timeline and TOC
    1. Timeline panel in Adobe Captivate
    2. Table of Contents in Adobe Captivate
  17. Review and collaborate
    1. Share for review
    2. Create and manage reviews
    3. Add review comments and collaborate
    4. FAQs and Troubleshooting guide for sharing projects for review   
  18. Preview and publish
    1. Preview your project
    2. Publish your project
  19. Accessibility
    1. Create accessible eLearning content in Adobe Captivate
    2. Make a slide accessible
    3. Make slide objects accessible
    4. Make an interactive component accessible
    5. Make a widget accessible
    6. Make a quiz accessible
    7. TOC and Playbar accessibility
  20. Design options in Adobe Captivate
    1. What are design options?
    2. Parts of a design option
    3. Create custom design options
    4. Modify a custom design option
    5. Export a custom design option
    6. Import a custom design option
  21. Additional resources
    1. Top How-tos in Captivate
    2. Captivate Classic vs Adobe Captivate
    3. Upgrade older Captivate projects to the latest version
    4. Create and deploy Captivate packages in Admin Console

Overview

Understanding the components of a design option in Captivate is essential for creating your own custom designs. Additionally, a basic knowledge of CSS properties is necessary to customize designs that align with your organization's theme and standards.

Files in a design option folder

Every design option folder contains three files:

  • designOption.json - This is the file you use to define your style, specify text presets, and add tags and layouts for your custom design for tablet, mobile, or desktop views. Use any text editor to edit the values in this file.
  • localized.json - Provide the name and description of the custom design option. The name here corresponds to the name of the design option that appears while hovering over the thumbnail in the Visual properties panel.
  • Thumbnail.png - Visual representation of that design option in the Visual Properties panel. Users can add a custom thumbnail as the image for their custom design option.
註解：

You can use any text/HTML editor to open and edit the JSON files.  Ensure that the folder contains these files:  designOption.json, localized.json, and Thumbnail.png.

Here is an example of a design option opened in a text/HTML editor. In this instance, the editor used is Visual Studio Code:

This is an example of designOption JSON file
Custom design option JSON that contains CSS styles and properties

This is an image of the localized JSON file of a design option
Localized JSON file that contains name and description of the custom design option

This is an image of the thumbnail PNG file
Thumbnail of the custom design option - PNG file

Description of various fields in the JSON file

Key name

Values

Description

Required

“type”

String

Content block, component, or slide layout for which the design option is being written for.

Yes

“name”

String

Name of the design option.please add the field value as $$name and localize the same in localized.json. Please refer to any existing design option example, that can be found in Captivate installed folder.

Yes

“description”

String

Description of the design option. Please add the field value as $$description name and localize the same in localized.json similar to “name”

Yes

“version”

String in the form of version no. E.g. “1.0”

Version of the design option

Yes

“designOptionId”

String

Design option id that uniquely represents the design option. This can be used in other design options.

Yes

“isDefault”

“true”, “false”

Indicates whether the design option is set as the default. When a design option is marked as default, it will automatically be applied when inserting a content block or component.

No

“thumbnail”

String

File name copied in the same folder as design option json file . This image is used as a thumbnail in the Visual properties panel.

Yes

“styles”

Array

“styles” array contains entries of list of elements and their corresponding styles for a given content block or compoenent.

Yes

Adobe, Inc.

更快、更輕鬆地獲得協助

新的使用者？

快速連結

檢視您的所有計劃 管理您的計劃
檢視快速連結
隱藏快速連結

Legal Notices    |    Online Privacy Policy