Anpassen des Office 365-Designs für Ihre OrganisationCustomize the Office 365 theme for your organization

Erfahren Sie, wie Sie Ihr Design im Microsoft 365 Admin Center anpassen.Learn how to customize your theme in the Microsoft 365 admin center. Als Administrator Ihres Office 365 Business-Abonnements können Sie das Standarddesign, das in der oberen Navigationsleiste angezeigt wird, für alle Mitglieder Ihrer Organisation ändern.As the admin of your Office 365 for business subscription, you can change the default theme that appears in the top navigation bar for everyone in the organization. Sie können Ihr Firmen Logo, ihre Farben und einen Link hinzufügen, damit Sie mit dem Rest Ihrer Marke übereinstimmen.You can add your company logo, colors, and a link to match the rest of your brand. Hier sehen Sie das Standarddesign und das benutzerdefinierte Design Ergebnis in Office 365.You can see here the default theme and custom theme result in Office 365.

Office 365-Standarddesign und benutzerdefiniertes Office 365-Design

Anpassen des Designs im Microsoft 365 Admin CenterCustomize your theme in the Microsoft 365 admin center

  1. Melden Sie sich bei Office 365 mit Ihrem Geschäfts- oder Schulkonto an.Sign in to Office 365 with your work or school account.

  2. Navigieren Sie zum Microsoft 365 Admin CenterNavigate to the Microsoft 365 admin center

  3. Wählen Sie Einstellungen: Aktualisieren Sie Ihr Profil, installieren Sie Software, und verbinden Sie es > mit dem Cloud- Organisationsprofil.Choose to SettingsSettings: update your profile, install software and connect it to the cloud > Organization profile.

  4. Klicken oder tippen Sie neben Benutzerdefinierte Designs für Ihre Organisation verwalten auf Bearbeiten.Next to Manage custom themes for your organization, click or tap Edit.

    Tap or click Edit to change your theme

  5. Ändern Sie die Designelemente für Ihre Organisation:Change the theme elements you want for your organization:

  • Benutzerdefiniertes Logo: Wählen Sie das Bild aus, und laden Sie Ihre eigene JPG-, PNG- oder GIF-Grafik mit einer Auflösung von 200 x 30 Pixeln hoch, die nicht größer als 10 KB sein darf. Dieses Bild wird auf jeder Seite in der oberen Navigationsleiste angezeigt.Custom logo: Select the image and upload your own JPG, PNG, or GIF with a resolution of 200 x 30 pixels, no larger than 10 KB. This appears in the top navigation bar on every page.

  • URL für ein klickbares Logo: Geben Sie die URL für das Logo ein, beginnend mit http:// oder https://. Dieser Schritt ist optional.URL for a clickable logo: Enter the URL for the logo, starting with http:// or https://. This is optional.

  • Hintergrundbild: Wählen Sie das Bild aus, und laden Sie Ihre eigene JPG-, PNG- oder GIF-Datei mit einer Auflösung von 1366 x 50 Pixel und nicht größer als 15 KB hoch. Das Hintergrundbild wird in der oberen Navigationsleiste auf jeder Seite angezeigt.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. The background image appears in the top navigation bar on every page.

    Hinweis

    Bilder, die Text enthalten, werden möglicherweise nicht wie erwartet angezeigt. Integrierte Elemente, die rechts und links von der Navigationsleiste angezeigt werden, können in Diensten variieren, und Ihr Text wird möglicherweise durch diese Elemente verdeckt. Aufgrund der dynamischen Natur der Navigationsleiste können wir zu diesem Zeitpunkt keine Anleitung für Bildtextabstand bereitstellen, die zu einer konsistenten Erfahrung führen würde.Images that contain text may not display as expected. Built-in elements that appear on the right and left sides of the navigation bar can vary across services, and your text may be obscured by those elements. Due to the dynamic nature of the navigation bar, at this time we are unable to provide guidance for image padding that would result in a consistent experience.

  • Verhindern, dass Benutzer Design überschreiben: Aktivieren Sie dieses Kontrollkästchen, um Designs auf Benutzerebene zu deaktivieren, sodass jede Person in der Organisation das Design sieht, das Sie erstellen. Die Ausnahme ist ein Design mit hohem Kontrast für Barrierefreiheit.Prevent users from overriding theme: Check this box to disable theming at the user level so that everyone in the organization sees the theme you create. The exception to this is a high contrast theme used for accessibility purposes.

  • Akzentfarbe: Wählen Sie eine Farbe für das Symbol des App-Startprogramms, eine Mouseover-Farbe und andere Akzente aus.Accent color: Select a color to use for the app launcher icon, mouse over color, and other accents.

  • Klicken oder tippen Sie auf Speichern.Click or tap Save.

  • Hintergrundfarbe der Navigationsleiste: Wählen Sie eine Farbe für den Hintergrund der Navigationsleiste aus. Sie wird oben auf jeder Seite angezeigt.Nav bar background color: Select a color to use for the background of the navigation bar. The appears at the top on every page.

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

  • App-Startfeldsymbol: Wählen Sie eine Farbe für das App-Startfeldsymbol unten links aus.App launcher icon: Select a color to use for the app launcher icon in the upper left.

  • Benutzername: Wählen Sie aus, dass die vollständigen Namen und Fotos der Benutzer auf der oberen Navigationsleiste angezeigt werden sollen, wenn Sie angemeldet sind.User name: Choose to show users' full names and photos on the top navigation bar when they are signed in. Standardmäßig werden Benutzern Ihr Foto angezeigt.By default, users will see their photo.

  1. Klicken oder tippen Sie auf Speichern.Click or tap Save.

Ihr neues Design wird sofort im Microsoft 365 Admin Center angezeigt, und nach einer kurzen Verzögerung sehen Sie es in Office 365, einschließlich Outlook und SharePoint-Seiten.You'll see your new theme on the Microsoft 365 admin center right away and after a short delay, you'll see it throughout Office 365, including Outlook and SharePoint pages. 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 Design Seite zurück, und wählen Sie benutzerdefinierte Designs entfernen aus.Just return to the theme page and choose Remove custom theming

Bewährte MethodenBest Practices

Wählen Sie bei benutzerdefinierten Farben eine Akzentfarbe aus, die auf weißem oder hellem Hintergrund gut angezeigt wird.When choosing custom colors, pick an Accent color that shows up well on a white or light background. Die Akzentfarbe wird verwendet, um einige Links und Schaltflächen zu färben, die auf weißem oder hellem 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 beispielsweise zum Färben von Links im App-Startfeld verwendet.For example, the Accent color is used to color links in the app launcher. Darüber hinaus wird die Akzentfarbe verwendet, um Elemente im Posteingang eines Benutzers und auf der Office.com-Portalseite zu färben.Additionally, the Accent color is used to color elements in a user's inbox and on their Office.com portal page.

Wenn Sie benutzerdefinierte Farben auswählen, wählen Sie eine Navigationsleiste Hintergrundfarbe und Text und Symbole Farbe mit einem hohen Kontrastverhältnis, um sicherzustellen, dass alle Text und Symbole leicht sichtbar sind.When choosing custom colors, pick a Nav bar background color and Text and icons color with a high contrast ratio to ensure that all text and icons are easily visible.

Das empfohlene Kontrastverhältnis zwischen Text, Symbol oder Schaltflächenfarbe und Hintergrundfarbe ist 4,5:1.The recommended contrast ratio between text, icon, or button color and background color is 4.5:1.

Siehe auchSee Also

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