Freigeben über

Entwurfssprache für Office-Add-Ins

  • Artikel

Die Office-Entwurfssprache ist ein übersichtliches und einfaches visuelles System, das oberflächenübergreifende Konsistenz sicherstellt. Sie enthält eine Reihe von visuellen Elementen, die Office-Oberflächen definieren, darunter:

  • Eine Standardschriftart
  • Eine allgemeine Farbpalette
  • Einen Satz von Schriftgraden und -breiten
  • Richtlinien für Symbole
  • Freigegebene Symbolobjekte
  • Animationsdefinitionen
  • Allgemeine Komponenten

Fluent UI ist das offizielle Front-End-Framework zum Erstellen mit der Office-Entwurfssprache. Die Verwendung der Fluent-Benutzeroberfläche ist optional, aber es ist die schnellste Möglichkeit, um sicherzustellen, dass Sich Ihre Add-Ins wie eine natürliche Erweiterung von Office anfühlen. Nutzen Sie die Fluent-Benutzeroberfläche, um Add-Ins zu entwerfen und zu erstellen, die Office ergänzen.

Viele Office-Add-Ins sind mit einer bereits vorhandenen Marke verknüpft. Sie können eine starke Marke und die zugehörige visuelle oder Komponentensprache in Ihrem Add-In beibehalten. Suchen Sie nach Möglichkeiten, Ihre eigene visuelle Sprache während der Integration in Office beizubehalten. Überlegen Sie, wie Sie Office-Farben, -Typografie, -Symbole oder andere stilistische Elemente durch Elemente Ihrer eigenen Marke ersetzen können. Überlegen Sie, wie Sie gängige Add-In-Layouts oder UX-Entwurfsmuster beibehalten können, während Sie Steuerelemente und Komponenten einfügen, die Ihren Kunden vertraut sind.

Wenn Sie eine stark firmenspezifische HTML-basierte Benutzeroberfläche in Office einfügen, kann dies bei Kunden zu Dissonanzen führen. Suchen Sie nach einer ausgewogenen Lösung, die nahtlos in Office passt, gleichzeitig jedoch eine klare Ausrichtung an Ihrer Dienstleistungs- oder übergeordneten Marke zeigt. Wenn ein Add-In nicht zu Office passt, liegt dies häufig daran, dass stilistische Elemente in Konflikt geraten. Beispielsweise ist die Typografie zu groß und außerhalb des Rasters, Farben sind kontrastierend oder besonders auffällig, oder Animationen sind überflüssig und verhalten sich anders als in Office. Das Aussehen und Verhalten von Steuerelementen oder Komponenten weicht zu stark von Office-Standards ab.

Überprüfen der Richtlinien für visuelle Elemente

Erfahren Sie mehr über jedes visuelle Element, aus dem ein Office-Add-In besteht, einschließlich Richtlinien und empfohlenen Methoden.

Design-Toolkits zum Download

Um Ihnen den Einstieg zu erleichtern, haben wir Toolkits für die Verwendung mit der Sketch-Anwendung für Mac oder der Adobe XD-Anwendung für Windows oder Mac erstellt. Die folgenden Downloads enthalten alle verfügbaren Muster sowie kurze Beschreibungen und Layoutempfehlungen.