- Guía del usuario de Captivate
- Introducción a Captivate
- Novedades de Adobe Captivate
- Requisitos del sistema de Adobe Captivate
- Actualizaciones de Adobe Captivate
- Descargar Adobe Captivate
- Preguntas más frecuentes
- Añadir una diapositiva
- Opciones de diseño en Adobe Captivate
- Añadir bloques de texto
- Añadir bloques multimedia
- Componentes interactivos
- Añadir bloques de marca
- Widgets
- Crear pruebas
- Añadir audio a un proyecto
- Interacciones
- Animaciones
- Accesibilidad
- Personalizar la cronología
- Personalizar el índice y la barra de reproducción
- Editar las propiedades del proyecto
- Crear un proyecto de simulación
- Vista previa de un proyecto
- Compartir un proyecto para revisión
- Publicar un proyecto
- Actualizar proyectos en Adobe Captivate
Información general
Las opciones de diseño de Adobe Captivate proporcionan a los usuarios la flexibilidad necesaria para crear variaciones en la disposición del contenido y el estilo de las diapositivas, los bloques de contenido, las diapositivas de preguntas y los widgets. Seleccione cualquier bloque de contenido o componente para ver la gran cantidad de opciones de diseño disponibles. Obtenga más información sobre las opciones de diseño en Adobe Captivate.
Sin embargo, si necesita implementar diseños y diseños personales o de su organización, puede crear opciones de diseño personalizadas.
En este artículo, se explica cómo crear, personalizar y reutilizar o compartir opciones de diseño personalizadas en Adobe Captivate. Abarca los cambios de diseño mediante propiedades de cuadrícula CSS, la actualización de diseños para diferentes ventanas gráficas y la personalización del estilo de los objetos.
Temas de esta página:
Para ahorrar tiempo, cree una copia de una opción de diseño predeterminada existente en Captivate y guárdela en una ubicación independiente (<eLearningAssets>\12.0\).
Por ejemplo, si desea realizar un diseño personalizado para un bloque de imágenes, copie una opción de diseño de bloque de imágenes predeterminada y utilícela como base para sus personalizaciones.
Copie la carpeta de esta ruta C:\Program Files\Adobe\Adobe Captivate\DesignOptions\content_blocks\Image\Single Image Default Design Option en la ubicación de usuario <elearning>.
Puede localizar las carpetas de opciones de diseño instaladas para varios tipos de contenido, incluidos bloques de contenido, diapositivas de diseño y preguntas, widgets y componentes interactivos. Estas carpetas contienen archivos de opciones de diseño que puede copiar y personalizar para crear sus propios diseños. Abra cada carpeta para explorar los distintos tipos de bloques de contenido, diapositivas de diseño y preguntas, widgets y componentes interactivos disponibles.
Puede utilizar cualquier editor de texto/HTML para abrir y editar los archivos JSON. Asegúrese de que la carpeta contenga estos archivos: designOption.json, localized.json y Thumbnail.png.
Los usuarios pueden cargar aquí un archivo JSON de opción de diseño para incorporar una opción de diseño de autoría externa. Una vez añadido el archivo, la opción de diseño aparecerá en el panel Propiedades visuales al seleccionar un bloque de contenido o un componente durante los inicios posteriores de Captivate.
-
Cree una carpeta independiente dentro de los recursos de aprendizaje electrónico específica para las opciones de diseño personalizadas. Captivate puede leer las opciones de diseño de la carpeta de recursos de aprendizaje electrónico, lo que permite a los usuarios crear diseños personalizados aquí para distinguir entre las opciones de diseño predeterminadas y las personalizadas.
Si aún no existe, cree una carpeta denominada designOptions en <eLearningAssets>\12.0\.
-
Windows: C:\Usuarios\Acceso público\Documentos\Adobe\eLearning Assets\12.0\designOptions
- macOS: /Users/<usuario>/Documents/Adobe/eLearning Assets/12.0/designOptions/
Nota:El nombre de la carpeta de opciones de diseño personalizadas comienza con "d" minúscula para diferenciarlo de las opciones de diseño instaladas.
-
Windows: C:\Usuarios\Acceso público\Documentos\Adobe\eLearning Assets\12.0\designOptions
-
Cambie el nombre de las carpetas de opciones de diseño personalizadas para cada tipo de bloque de contenido o diseño de diapositiva en la carpeta de recursos de aprendizaje electrónico.
-
Abra un editor de texto y seleccione la opción de diseño personalizado de los recursos de aprendizaje electrónico. Los archivos se cargarán automáticamente en el editor.
Obtenga más información sobre las partes de un archivo de opciones de diseño.
-
Las opciones de diseño se incluyen en un archivo JSON. Vaya al archivo designOption.json para añadir un ID exclusivo para este diseño personalizado. A continuación, se muestra un ejemplo:
"designOptionId": "Custom Paragraph style 1"
Alerta:Asigne un ID exclusivo a "designOptionID" para distinguirlo de otras opciones de diseño personalizadas.
-
En el archivo designOption.json , asegúrese de establecer el valor "isDefault" en "false" (falso). Esto permite garantizar que no entra en conflicto con la opción de diseño instalada. Este paso es obligatorio.
-
Edite el archivo localized.json y actualice los valores de los campos de nombre y descripción. Este nombre aparecerá como información sobre herramientas de ese diseño personalizado dentro de Captivate cuando pase el ratón por encima de su miniatura en el panel Propiedades visuales.
"en-US": {
"name": "Paragraph Default Design Option",
"description": "Default design option For Paragraph"
},
-
Actualice la miniatura de la opción de diseño personalizada. Guarde esta imagen en la carpeta de opciones de diseño personalizadas y cambie el nombre del nuevo archivo PNG en miniatura. La miniatura debe tener un tamaño máximo de 130 x 78 px.
Nota:Asegúrese de actualizar el nombre de la miniatura en el archivo designOption.json mediante un editor de texto.
Actualizar el nombre de miniatura en el archivo JSON de opciones de diseño Actualizar el nombre de miniatura en el archivo JSON de opciones de diseño
Estilo y propiedades de CSS
Adobe Captivate es compatible con las propiedades CSS (hojas de estilo en cascada), lo que le permite modificar fácilmente las variables predefinidas para personalizar las opciones de diseño. Esta función simplifica el proceso de diseño y permite crear proyectos de aprendizaje electrónico profesionales y visualmente atractivos, adaptados al tema de su marca o proyecto.
Las propiedades de CSS controlan el aspecto y el comportamiento de los elementos HTML y XML. Ofrecen un control preciso sobre los colores, las fuentes, los diseños, el espaciado y muchos otros aspectos, lo que garantiza que los diseños se ajusten al estilo deseado.
Propiedades personalizadas
Captivate incluye propiedades personalizadas de CSS integradas que utilizan un sistema de diseño basado en cuadrícula con filas y columnas, ideal para crear diseños interactivos. Estas son todas las propiedades enumeradas en el panel Propiedades visuales. También puede modificar estas propiedades desde el archivo de opciones de diseño.
Estilos personalizados
La sección customStyles del archivo designOptions.json define las propiedades de estilo de CSS. Utilice esta sección para crear elementos de diseño únicos y personalizar sus proyectos de aprendizaje electrónico con total libertad y flexibilidad.
Los estilos personalizados son compatibles con todas las propiedades de CSS. Utilice el formato camelCase en lugar de atributos CSS separados por guiones.
Ejemplo: utilice flexDirection en lugar de "flex-direction".Las propiedades de CSS también se pueden aplicar en función del tamaño de pantalla del dispositivo.
Limitaciones
Al aplicar estilos y diseños al contenido mediante opciones de diseño, se establecen las siguientes restricciones:
Personalización del aspecto:
- El aspecto de los elementos de contenido (por ejemplo, colores y fuentes) solo puede modificarse utilizando los ajustes preestablecidos del tema. Deben evitarse los valores codificados.
- Si una propiedad visual es compatible con Propiedades personalizadas, no la incluya en Estilos personalizados. En ese caso, se codificará el valor, por lo que no se podrá modificar a través del panel Propiedades.
- Sin embargo, se pueden añadir propiedades como los márgenes mediante la clave customStyles del archivo JSON.
Contenedores principales:
- El contenedor o el elemento principales no pueden modificarse.
Contenedores ocultos:
- Los contenedores ocultos (que no se pueden seleccionar en Captivate), como los botones, deben transferirse como nodos secundarios en customStyles.
- Dado que estos contenedores no admiten customProperties, deben incluirse mediante una etiqueta de objeto como clave. Consulte los ejemplos de customStyles de nodos secundarios para obtener más información.
Componentes de la interfaz de usuario (UIC):
- Las propiedades de los UIC, como los botones de opción y los menús desplegables, estarán disponibles en una próxima versión. Actualmente, se admite un conjunto fijo de opciones de diseño para los UIC.
- Cuando estos componentes forman parte de un bloque de contenido, es posible aplicar estilo a todo el bloque. Los autores pueden utilizar la estructura modular de las opciones de diseño (como se ha descrito anteriormente) a través de un archivo externo de opciones de diseño.
Si conoce estas limitaciones, podrá diseñar con eficacia los contenidos y asignarles un estilo respetando las restricciones de la plataforma.
