Partilhar via


Idioma de design de suplemento do Office

A linguagem de design do Office é um sistema visual claro e simples que garante a consistência nas experiências. Ela contém um conjunto de elementos visuais que definem as interfaces do Office, incluindo:

  • Um tipo de fonte padrão
  • Uma paleta de cores comuns
  • Um conjunto de pesos e tamanhos tipográficos
  • Diretrizes de ícones
  • Ativos de ícones compartilhados
  • Definições de animação
  • Componentes comuns

A Fluent UI é a arquitetura de front-end oficial para criar com o idioma de design do Office. Utilizar a IU Fluente é opcional, mas é a forma mais rápida de garantir que os seus suplementos se sentem como uma extensão natural do Office. Tire partido da IU Fluent para conceber e criar suplementos que complementam o Office.

Vários suplementos do Office estão associados a uma marca pré-existente. Você pode manter uma marca forte e sua linguagem visual ou de componente no suplemento. Procure oportunidades para manter sua própria linguagem visual durante a integração ao Office. Considere maneiras de substituir cores, tipografia, ícones ou outros elementos estilísticos pelos elementos de sua própria marca do Office. Considere maneiras de seguir layouts comuns de suplemento ou padrões de design da experiência do usuário durante a inserção de controles e componentes que são familiares para seus clientes.

Inserir uma interface do usuário baseada em HTML com uma forte identidade visual no Office pode criar dissonâncias para os clientes. Encontre um equilíbrio que se ajuste perfeitamente ao Office, mas também se alinhe claramente à sua marca pai ou serviço. Quando um suplemento não se encaixa no Office, muitas vezes é porque os elementos estilísticos entram em conflito. Por exemplo, a tipografia é muito grande e está fora da grade, as cores são contrastantes ou particularmente fortes ou as animações são supérfluas e se comportam de maneira diferente do Office. A aparência e o comportamento de controles ou componentes se desviam demasiadamente dos padrões do Office.

Rever diretrizes para elementos visuais

Saiba mais sobre cada elemento visual que compõe um Suplemento do Office, incluindo diretrizes e práticas recomendadas.

Estruturar toolkits para transferência

Para ajudá-lo a começar, criámos toolkits para utilizar com a aplicação Sketch para Mac ou a aplicação Adobe XD para Windows ou Mac. As transferências seguintes incluem todos os nossos padrões disponíveis, juntamente com breves descrições e recomendações de esquema.