Introducción
La funcionalidad de Paleta de colores en el App Designer le permite crear, seleccionar, editar, duplicar y eliminar Paletas de colores para sus apps.
Accesible desde el menú de Herramientas en el editor del App Designer, esta funcionalidad introduce nuevas paletas predeterminadas: Light, Nature, Lavender, Autumn y Midnight, y le permite administrar paletas personalizadas para mejorar la apariencia visual y la consistencia de sus apps.
Administrar Paletas de colores
Las Paletas de colores se dividen en dos categorías: Predeterminadas y Personalizadas (creadas por usted). Dentro de las paletas Personalizadas, las recién creadas se etiquetan con el indicador Nuevo, mientras que los antiguos Temas (si existen) se marcan con la etiqueta Legado.
Si no hay Temas, todas las paletas se consideran nuevas, y no se mostrarán etiquetas, solo los nombres de las paletas, ya que las etiquetas no son necesarias.
Crear una nueva paleta
Puede crear una nueva Paleta de colores de dos maneras. La primera es desde la Página de inicio del App Designer haciendo clic en el menú de tres puntos en el panel derecho y seleccionando la opción Agregar paleta de colores.
El segundo método, más común, es haciendo clic en el botón Nueva paleta dentro de la opción Paleta de colores en las Herramientas del editor del App Designer.
Ambos métodos abren una ventana donde puede definir la nueva paleta para sus apps. Debe ingresar un nombre para la paleta y elegir los colores que la componen haciendo clic en el símbolo + en cada uno de los cuadros de color.
|
No se permiten nombres duplicados para las paletas. Puede modificar las paletas existentes si es necesario. |
Una Paleta de colores consta de los siguientes colores:
•Color primario: Se utiliza para los títulos de la app, etiquetas de formas, títulos de Colecciones y todos los botones principales y secundarios, así como vínculos a formas y las gráficas de Ask Ada.
•Color secundario: Se aplica a cargadores, pestañas, interruptores, botones de opción y casillas de verificación en modo de enfoque dentro de las apps y formas.
•Color terciario: Se aplica al menú lateral y sus elementos asociados.
•Cuarto color: Se utiliza para todo el texto excepto títulos. Este color está predefinido y no se puede cambiar (indicado por el icono de candado). Se deriva del color primario para garantizar el contraste adecuado y la accesibilidad en su app.
Después de nombrar la paleta y asignar sus colores, haga clic en Aceptar para crearla y guardarla.
Aparecerá un mensaje confirmando la creación exitosa de la paleta.
La nueva paleta ahora aparecerá en la sección Personalizadas del menú de Paletas de colores en las Herramientas del Editor del App Designer.
Editar paletas existentes
Para editar una paleta existente, haga clic en los tres puntos junto a la paleta deseada y seleccione Editar.
|
Esta opción solo está disponible para Paletas de colores Personalizadas. Las paletas Predeterminadas no se pueden editar. |
Realice los cambios necesarios y luego haga clic en Aceptar para guardar sus actualizaciones.
Duplicar paletas
Para duplicar una paleta, ya sea Predeterminada o Personalizada, haga clic en los tres puntos junto a la paleta y seleccione Duplicar.
Aparecerá la ventana de Duplicar Paleta de colores, permitiéndole nombrar la paleta duplicada y definir sus colores. Por defecto, la duplicada tiene el mismo nombre que la paleta original con el sufijo "copia [número de duplicación]".
Una vez que haya terminado, haga clic en Aceptar para crear la duplicada.
Eliminar paletas
Para eliminar una paleta, haga clic en los tres puntos junto a la paleta y seleccione Eliminar.
|
Esta opción solo está disponible para Paletas de colores Personalizadas. Las paletas Predeterminadas no se pueden eliminar. |
Aparecerá un mensaje de confirmación. Haga clic en Eliminar si está seguro de que desea eliminar la paleta.
Una vez eliminada, la paleta ya no será visible en la opción de Paleta de colores del menú de Herramientas del editor de App Designer.
Aplicar una Paleta de colores
Para seleccionar y aplicar una Paleta de colores, haga clic en el botón de selección antes del nombre de la paleta. Tenga en cuenta que una representación visual de los colores de la paleta se mostrará junto al nombre de la paleta.
Después de la selección, el fondo de su app se ajustará según el color terciario de la paleta elegida, aplicando un efecto de opacidad.
|
Tenga cuidado al usar colores terciarios claros, ya que esto podría hacer que el fondo y la barra lateral se mezclen, dificultando su distinción.
Para más información sobre cómo se aplican las paletas de colores, consulte la documentación de la Knowledge Base. |
Cambio entre Paletas de colores
Cambiar entre Paletas de colores, sean Predeterminadas o Personalizadas, aplicará la paleta y restablecerá los colores de los Controles personalizados sin mostrar una alerta.
Personalización de Controles de Botones y Menú Lateral
•Control de Botón: Cuando selecciona un Color de fondo específico para un Control de Botón, se genera automáticamente un conjunto de colores que se aplican a varios estados del botón, incluidos hover, activo y los colores del texto.
•Menú Lateral: Al elegir un Color de fondo específico para el Menú Lateral, se generan colores que se aplican a elementos como el fondo del Menú Lateral, los nombres de las Páginas y los estados activos.
•Color de fuente del Menú Lateral: Al seleccionar un Color de fuente de Página específico, este sobrescribe la configuración de la Paleta de colores y se aplica de manera uniforme en todos los estados de texto del Menú Lateral.
Consideraciones adicionales
•Nuevas apps: Al crear una nueva app y definir el estilo de la app, el estilo de fondo predeterminado se establece en Color con la paleta Light, y el estilo del contenedor se configura como Difuminado.
•Modificaciones del fondo: Los cambios en la Paleta de colores seleccionada no afectarán de inmediato el fondo de la app. El fondo solo se actualizará si se modifica a través de la Configuración de la app o al seleccionar una nueva paleta.
Last Updated 12/2/2024 10:55:51 AM