Passen Sie das Microsoft 365-Design für Ihr Unternehmen anCustomize the Microsoft 365 theme for your organization

Als Administrator Ihres Microsoft 365 for Business-Abonnements können Sie das Standarddesign ändern, das in der oberen Navigationsleiste für alle Mitarbeiter der Organisation angezeigt wird:As the admin of your Microsoft 365 for business subscription, you can change the default theme that appears in the top navigation bar for everyone in the organization:

  • Fügen Sie Ihr Firmenlogo hinzu.Add your company logo.
  • Ändern Sie die Farben, um sie an den Rest Ihrer Marke anzupassen.Change the colors to match the rest of your brand.
  • Fügen Sie einen Ziellink hinzu, zu dem Benutzer gehen, wenn sie Ihr Logo auswählen.Add a destination link users go when they select your logo.

Anpassen Ihres Designs im Admin CenterCustomize your theme in the admin center

  1. Gehen Sie im Admin-Center auf die Seite Einstellungen > Org-Einstellungen und wählen Sie dann die Registerkarte Organisationsprofil.In the admin center, go to the Settings > Org Settings page, and then choose the Organization profile tab.

  2. Wählen Sie auf der Registerkarte Organisationsprofil die Option Benutzerdefinierte Designs.On the Organization profile tab, choose Custom themes.

  3. Ändern Sie im Bedienfeld Benutzerdefinierte Designs die gewünschten Designelemente für Ihr Unternehmen:On the Customs themes panel, change the theme elements that you want for your organization:

    • Benutzerdefiniertes Logobild verwenden: Wählen Sie, ob Sie ein Bild aus einer URL verwenden oder ein Bild hochladen möchten.Use a custom logo image: Choose whether to use an image from a URL or to upload an image. Wenn Sie eine URL verwenden, stellen Sie sicher, dass die URL HTTPS verwendet und dass das Bild ein Format von 200 x 30 Pixeln in beliebiger Größe hat.If you use a URL, make sure that the URL uses HTTPS and that the image is 200 x 30 pixels of any format of any size. Sie können ein Logo unter 10 KB hochladen, das 200 x 30 Pixel groß ist, im JPG-, PNG-, GIF- oder SVG-Format.You can upload a logo under 10 KB that is 200 x 30 pixels in JPG, PNG, GIF, or SVG format.

      Hinweis

      Damit das Logo in der SharePoint Mobile App erscheint, verwenden Sie nur SVG-Bilder.For the logo to appear in the SharePoint mobile app, use only SVG images. Bilder, die in einem anderen Format hochgeladen werden, werden in der App nicht angezeigt.Images uploaded in any other format don't display in the app. Logos sind in der SharePoint Mobile App nicht anklickbar.Logos are not clickable in the SharePoint Mobile app.

    • Logo anklickbar machen: Sie können Ihr Logo in der Navigationsleiste als Link zu einer beliebigen Unternehmensressource verwenden.Make logo clickable: You can use your logo in the navigation bar as a link to any company resource. Sie können hier die URL für das Logo eingeben, beginnend mit http:// oder https://.You can enter the URL for the logo here, starting with http:// or https://. Dies ist optional.This is optional.

    • Hintergrundbild auswählen: Wählen Sie das Bild aus und laden Sie Ihr eigenes JPG, PNG oder GIF mit einer Auflösung von 1366 x 50 Pixeln, nicht größer als 15 KB, hoch.Select background image: Select the image and upload your own JPG, PNG, or GIF with a resolution of 1366 x 50 pixels, no larger than 15 KB. Das Hintergrundbild erscheint in der oberen Navigationsleiste auf jeder Seite.The background image appears in the top navigation bar on every page.

      Hinweis

      Bilder, die Text enthalten, werden möglicherweise nicht wie erwartet angezeigt.Images that contain text might not display as expected. Eingebaute Elemente, die auf der rechten und linken Seite der Navigationsleiste erscheinen, können bei verschiedenen Diensten unterschiedlich sein, und Ihr Text wird möglicherweise von diesen Elementen verdeckt.Built-in elements that appear on the right and left sides of the navigation bar can vary across services, and your text might be obscured by those elements.

    • Farbe der Navigationsleiste: Wählen Sie eine Farbe, die für den Hintergrund der Navigationsleiste verwendet werden soll.Navigation bar color: Select a color to use for the background of the navigation bar. Die Navigationsleiste erscheint oben auf jeder Seite.The navigation bar appears at the top on every page.

    • Text und Symbole: Wählen Sie eine Farbe für den Text und die Symbole in der oberen Navigationsleiste aus.Text and icons: Select a color to use for the text and icons on the top navigation bar.

    • Akzentfarbe: Wählen Sie eine Farbe aus, die für die Schwebefarbe der Navigationsleistenschaltfläche und für Seitenakzente wie Schaltflächen und Text in bestimmten Anwendungen verwendet werden soll.Accent color: Select a color to use for the navigation bar button hover color and page accents like buttons and text on certain applications.

    • Benutzer am Überschreiben des Designs hindern: Schalten Sie diesen Schalter um, um zu verhindern, dass Benutzer ihr eigenes Designs aus unserer Designauswahl auswählen.Prevent users from overriding theme: Flip this toggle to prevent users from choosing their own theme from our theme selection. Dies hindert den Benutzer nicht daran, ein kontrastreiches Design einzustellen.This doesn't prevent users from being able to set a high contrast theme.

    • Den Benutzernamen anzeigen: Wählen Sie, ob der vollständige Name eines Benutzers am Einstiegspunkt zum Kontomanager oben rechts auf der Seite angezeigt werden soll, wenn der Benutzer angemeldet ist.Show the user name: Choose whether to show a user's full name at the entry point to the account manager in the top right of the page when the user is signed in. Standardmäßig sehen Benutzer ihr Foto oder ihre Initialen, wenn kein Foto hochgeladen wurde.By default, users see their photo or their initials, if no photo was uploaded.

  4. Wählen Sie Änderungen speichern aus.Select Save changes.

Sie können Ihr neues Design sofort im Admin-Center sehen.You can see your new theme in the admin center right away. Nach einer kurzen Verzögerung können Sie es in ganz Microsoft 365 sehen, einschließlich auf Seiten in Outlook, SharePoint, SharePoint Mobile App für iOS und SharePoint Mobile App für Android.After a short delay, you can see it throughout Microsoft 365, including on pages in Outlook, SharePoint, SharePoint mobile app for iOS, and SharePoint mobile app for Android.

Sie können das benutzerdefinierte Symbol oder die benutzerdefinierten Farben jederzeit entfernen.You can remove your custom icon or custom colors at any time. Kehren Sie einfach zur Designseite zurück, und wählen Sie Benutzerdefiniertes Design entfernen aus.Just return to the theme page and select Remove custom theming.

Bewährte MethodenBest Practices

  • Logobild: Verwenden Sie einen SVG-Dateityp, damit Ihr Logo in hoher Auflösung auf allen Bildschirmen und in allen Zoomstufen erscheint.Logo image: Use an SVG file type so that your logo appears at high resolution on all screens and at all zoom levels.

  • Benutzerdefinierte Farben: Wählen Sie eine Hintergrundfarbe für die Navigationsleiste mit einem hohen Kontrastverhältnis zu dem von Ihnen gewählten Logo-Bild.Custom colors: Choose a Nav bar background color with a high contrast ratio with the Logo image that you picked. Wählen Sie eine Text- und Symbolfarbe mit einem hohen Kontrastverhältnis zur Hintergrundfarbe der Navigationsleiste, damit alle Texte und Symbole gut sichtbar sind.Choose a Text and icons color with a high contrast ratio to the Nav bar background color so that all text and icons are clearly visible.

  • Akzentfarbe: Wählen Sie eine Farbe, die auf einem weißen oder hellen Hintergrund gut zur Geltung kommt.Accent color: Pick one that shows up well on a white or light background. Die Akzentfarbe wird verwendet, um einige Links und Schaltflächen einzufärben, die auf einem weißen oder hellen Hintergrund angezeigt werden.The accent color is used to color some links and buttons that show up on a white or light background. Die Akzentfarbe wird z. B. zur Einfärbung von Elementen im Posteingang eines Benutzers und auf seiner Office.com-Portalseite verwendet.For example, the accent color is used to color elements in a user's inbox and on their Office.com portal page.

  • Kontrastverhältnis: Das empfohlene Kontrastverhältnis zwischen Text-, Symbol- oder Tastenfarbe und Hintergrundfarbe beträgt 4,5:1.Contrast ratio: The recommended contrast ratio between text, icon, or button color and background color is 4.5:1.

Hinzufügen benutzerdefinierter Kacheln zur Seite "Meine Apps" und zum App-StartprogrammAdd custom tiles to the My apps page and app launcher