Diretrizes de cor para Suplementos do Office

A cor é geralmente usada para enfatizar a marca e reforçar a hierarquia visual. Ela ajuda a identificar uma interface, além de orientar os clientes em uma experiência. Dentro do Office, a cor é utilizada para os mesmos objetivos, mas é aplicada de forma propositada e mínima. Ela nunca sobrecarrega o conteúdo do cliente. Mesmo quando cada aplicação do Office é marcada com a sua própria cor dominante, é utilizada com moderação.

O Fluent UI React e o Fabric Core incluem um conjunto de cores de tema predefinidas. Quando estas bibliotecas são aplicadas aos componentes ou esquemas de um Suplemento do Office, aplicam-se os mesmos objetivos. A cor deve comunicar a hierarquia, levando intencionalmente os clientes à ação, sem interferir no conteúdo. As cores do tema da IU Fluent React ou fabric core podem introduzir uma nova cor de destaque na interface geral. Estas cores de destaque podem entrar em conflito com a imagem corporativa de aplicações do Office e a hierarquia. Considere maneiras de evitar conflitos e interferência. Utilize acentos neutros ou substitua as cores do tema para corresponder à imagem corporativa de aplicações do Office ou às suas próprias cores de marca.

Nas aplicações do Office, os clientes personalizam as respetivas interfaces ao aplicar um tema da IU do Office. Os clientes escolhem entre quatro temas de IU para variar o estilo de fundos e botões no Excel, Outlook, PowerPoint, Word e outras aplicações no conjunto de aplicações do Office. Para que os seus suplementos se sintam como uma parte natural do Office e respondam à personalização, utilize as nossas APIs de Temas. Por exemplo, as cores de tela de fundo do painel de tarefas alternam para um cinza escuro em alguns temas. Com as APIs de Temas, siga o exemplo e ajuste o texto em primeiro plano para garantir a acessibilidade.

Dica

• Para garantir que o seu suplemento aplica as combinações de cores corretas na IU, teste-o com os quatro temas do Office, incluindo a opção Utilizar definição do sistema .
• Para obter orientações sobre como corresponder dinamicamente à estrutura do seu suplemento do PowerPoint com o documento atual ou o tema do Office, consulte Utilizar temas de documento nos seus suplementos do PowerPoint.

Aplique as seguintes diretrizes gerais para a cor.

• Use as cores com moderação para comunicar a hierarquia e reforçar a marca.
• O uso exagerado de uma cor de realce única aplicada aos elementos interativos e não interativos pode causar confusão. Por exemplo, evite usar a mesma cor para itens selecionados e não selecionados em um menu de navegação.
• Evite conflitos desnecessários com cores de aplicativo da identidade visual do Office.
• Use as cores de sua própria marca para criar a associação com seu serviço ou empresa.
• Certifique-se de que todo o texto está acessível. Certifique-se de que existe uma proporção de contraste de 4,5:1 entre o texto em primeiro plano e o fundo.
• Tenha em atenção a cegueira da cor. Utilize mais do que apenas cor para indicar interatividade e hierarquia.
• Para saber mais sobre como estruturar ícones de comandos de suplementos com a paleta de cores do ícone do Office, consulte diretrizes de ícones.