Directrices de color para complementos de Office

El color se suele usar para resaltar la marca y reforzar la jerarquía visual. Permite identificar una interfaz y guiar a los clientes a través de una experiencia. Dentro de Office, el color se usa para los mismos objetivos, pero se aplica a propósito y mínimamente. En ningún momento satura el contenido del cliente. Incluso cuando cada aplicación de Office tiene su propio color dominante, se usa con moderación.

Fluent UI React y Fabric Core incluyen un conjunto de colores de tema predeterminados. Cuando estas bibliotecas se aplican a los componentes o diseños de un complemento de Office, se aplican los mismos objetivos. El color debe comunicar una jerarquía, que guíe deliberadamente a los clientes a la acción sin interferir en el contenido. Los colores del tema de Fluent UI React o Fabric Core pueden introducir un nuevo color de énfasis en la interfaz general. Estos colores de énfasis pueden entrar en conflicto con la personalización de marca de aplicaciones de Office y la jerarquía. Piense en maneras de evitar conflictos e interferencias. Use acentos neutros o sobrescriba los colores del tema para que coincidan con la personalización de marca de la aplicación de Office o con sus propios colores de marca.

En las aplicaciones de Office, los clientes personalizan sus interfaces aplicando un tema de interfaz de usuario de Office. Los clientes eligen entre cuatro temas de interfaz de usuario para variar el estilo de fondos y botones en Excel, Outlook, PowerPoint, Word y otras aplicaciones del conjunto de aplicaciones de Office. Para que los complementos se sientan como una parte natural de Office y respondan a la personalización, use nuestras API de creación de temáticas. Por ejemplo, en algunos temas, los colores de fondo del panel de tareas cambian a gris oscuro. Con las API de creación de temáticas, siga los pasos y ajuste el texto en primer plano para garantizar la accesibilidad.

Sugerencia

• Para asegurarse de que el complemento aplica las combinaciones de colores correctas en su interfaz de usuario, pruébelo con los cuatro temas de Office, incluida la opción Usar configuración del sistema .
• Para obtener instrucciones sobre cómo hacer coincidir dinámicamente el diseño del complemento de PowerPoint con el documento actual o el tema de Office, vea Usar temas de documento en los complementos de PowerPoint.

Aplique las siguientes directrices generales para el color.

• Use los colores con moderación para comunicar una jerarquía y reforzar la marca.
• El uso excesivo de un color de énfasis aplicado a elementos interactivos y no interactivos puede resultar confuso. Por ejemplo, evite usar el mismo color para los elementos seleccionados y los no seleccionados de un menú de navegación.
• Evite que se produzcan conflictos innecesarios con los colores de marca de las aplicaciones de Office.
• Use sus propios colores de marca para crear una asociación con su servicio o empresa.
• Asegúrese de que todo el texto es accesible. Asegúrese de que hay una relación de contraste 4.5:1 entre el texto en primer plano y el fondo.
• Tenga en cuenta el daltonismo. Use algo más que colores para indicar la interactividad y la jerarquía.
• Para obtener más información sobre el diseño de iconos de comandos de complementos con la paleta de colores de iconos de Office, consulte directrices de iconos.