Introduction to Visible Properties Panel
The Visible Properties panel permits you to customise the feel and appear of the course at three totally different ranges: slide stage, block stage, and element stage.
The slide-level, block-level, and component-level visible customization is mentioned intimately together with examples on this article.
Customise Slide-Stage Visible Properties
Add any slide to the mission. Choose the slide. The Visible Properties to the suitable of the display assist you to customise the next parts:
- Strong background: To alter the slide background colour, use the colour picker instrument and choose the colour of your alternative.
- You may choose linear, radial, or picture backgrounds from the stable background drop-down.
- Linear background: Permits gradual change in shade in a straight line from the beginning to the ending level.
- Radial background: Permits gradual change in shade in a round sample from the beginning to the ending level.
- Picture background: Permits incorporating a picture as a background by choosing it from both the Asset panel or a location in your pc.
- Border: Tick the checkbox so as to add a border to the slide. You may also customise the border’s type, colour, and dimension.
- Design Choices: The Design Choices allow you to customise slides to match your imaginative and prescient by enhancing the visible look and adjusting textual content and media blocks.
Be aware: Design Choices on the slide stage can be found for predesigned slide layouts solely.
The customized slides constructed utilizing textual content, widgets, and media blocks do not need the design choices obtainable.
Customise Block-Stage Visible Properties
A block contains varied parts, similar to textual content, media, interactive parts, and widgets. For a block, you’ll be able to change the next:
- Alignment and spacing: Modify the width of the textual content or media blocks and embody padding on the prime and backside of the content material.
- Content material slider: The Content material width slider and Horizontal padding are linked. Shifting the slider from the left facet modifications the left padding worth and transferring the slider from the suitable modifications the suitable padding worth. The identical change is replicated within the Content material width slider once you change the left or proper Horizontal padding values.
- Autofit peak: The Autofit peak checkbox routinely adjusts the peak of the content material block for an optimum match, making the Vertical padding possibility disappear from the properties panel. If there’s any additional area, padding might be added to the highest and backside accordingly.
- Responsive conduct: The responsive conduct of the weather is achieved by a mixture of pixel (px) models for prime and backside margins and share (%) models for left and proper margins. This setup permits for an adjustable width whereas sustaining a hard and fast peak, a standard strategy in responsive design. Moreover, using percentages for the peak can create a extra proportional look, whereas pixels provide a extra predictable look. A fluid peak phantasm is created by incorporating share padding and positioning parts, accordingly, sometimes aiming for a 16:9 ratio for optimum show.
- Content material spacing: The Content material spacing possibility is out there beneath Alignment and Spacing for widget blocks and decides how dense or sparse a spacing you need between the parts of the widget block. Be aware: The Vertical padding possibility just isn’t obtainable for widget blocks.
The next desk reveals varied visible features of alignment and spacing with totally different settings for various parts.
| Blocks | Alignment and Spacing in Visible Properties |
|
Textual content |
|
|
Media |
|
|
Interactive Elements |
Enter Subject
|
| Widgets | Flip Playing cards (Dense Spacing with a content material spacing slider on the intense left)
|
|
Widgets |
Flip Playing cards (Sparse Spacing with a content material spacing slider on the intense proper)
|
- Design Choices: The Design Choices function in Adobe Captivate permits you to customise the looks of the block you choose to match your imaginative and prescient. Whether or not resizing textual content and media blocks to optimize the display match or tweaking the looks, type, format, colour, and shapes of objects, you’ve gotten full management to realize your required appear and feel. Merely select your most well-liked design possibility from the panel and watch because the block format and styling adapt accordingly.
The next photos present varied visible features of the Design Choices function with totally different settings for various parts. Kindly notice that the next desk reveals the output of the Design Choices marked in crimson within the picture above.
| Blocks | Design Choices in Visible Properties |
| Media
|
Single Character
|
| Textual content | Two columns textual content
|
| Interactive Elements | Radio Buttons
|
| Widgets | Click on to disclose
|
- Elements: You may embody varied parts like titles, captions, our bodies of textual content, photos, and extra in several content material blocks.
- Card: The “Card” element will be fine-tuned visually by altering its background, border, padding, and shadows.
| Blocks | Elements in Visible Properties |
| Textual content | Checklist
|
| Media | Slide Video
|
| Interactive Element | Dropdown
|
| Widgets | Carousel
|
- Look: Customise the looks of your content material block to your liking. You may change the background, add a border, or apply a shadow to reinforce its visible enchantment.
| Blocks | Look in Visible Properties |
| Textual content | Textual content with background colour = #E5D5D3 and border.
|
| Media | Picture with background colour = #E5D5D3, border, and inside shadow.
|
| Interactive Element | Enter subject with background colour = #E5D5D3 and inside shadow.
|
| Widgets | Tabs with background colour = #E5D5D3, content material background colour = #FFFFFF, and card background colour = #F1EEE6.
Card specs:
|
Customise Element-Stage Visible Properties
- Look: The looks of the blocks will be fine-tuned in line with the choices obtainable for every class.
- Textual content: Change the font of a textual content element, apply a preset, change its colour, and plenty of extra.
- Picture: Apply the picture filter and edit the picture by adjusting the sliders for blur, brightness, and distinction. Change the picture from the Asset panel or in your pc.
- Card: Regulate the padding, background, border, and drop shadow with the obtainable choices.
- Widgets: The parts of the widgets are a mixture of textual content, photos, and playing cards. Different parts will be adjusted of their look by altering states, form, textual content, and icons of the tabs, hotspots, carousel arrows, timeline nodes, and many others.
Adobe Captivate gives a complete toolkit for educational designers and course builders to craft visually gorgeous course designs by the manipulation of assorted visible properties. The extent of customization the Visible Properties panel offers not solely enhances the aesthetic enchantment of the course but additionally performs an important function in participating learners successfully.