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 hinzufügen und die Farben so ändern, dass Sie mit dem Rest Ihrer Marke übereinstimmen.You can add your company logo and change the colors to match the rest of your brand. Sie können sogar einen Ziel Link hinzufügen, zu dem Benutzer navigieren, wenn Sie auf Ihr Logo klicken.You can even add a destination link for users to navigate to when clicking on your logo. Sie können hier das Standarddesign und das benutzerdefinierte Design Ergebnis in Office 365 sehen.You can see here the default theme and custom theme result in Office 365.

Standard Office 365 Design und benutzerdefiniertes Office 365 Design

Passen Sie Ihr Design im Microsoft 365 Admin Center an.Customize 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. Navigieren Sie zu EinstellungenEinstellungen: Profil aktualisieren, Software installieren und mit der Cloud verbinden > Organisationsprofil.Navigate 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 gewünschten Designelemente für Ihre Organisation.Change the theme elements you want for your organization. Ihre Änderungen werden auf dieser Seite in der Vorschau angezeigt:Your changes will be previewed on this page:

  • Logobild: Legen Sie fest, ob ein Bild aus einer URL verwendet oder ein Bild hochgeladen werden soll.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 200 x 30 Pixel eines beliebigen Formats beliebiger Größe ist.If you use a URL, please ensure that the URL uses HTTPS and 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 im Format JPG, PNG, GIF oder SVG ist.You may upload a logo under 10 KB that is 200 x 30 pixels in JPG, PNG, GIF, or SVG format .

  • URL für ein klickable Logo: Sie können Ihr Logo in der Navigationsleiste als Link zu einer beliebigen Unternehmensressource verwenden.URL for a clickable logo: You may 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 may enter the URL for the logo here, starting with http:// or https://. Dies ist optional.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 Theme außerKraft setzen: kippen Sie diese Umschaltfläche, um zu verhindern, dass Benutzer ihr eigenes Design 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. Dadurch wird verhindert, dass Benutzer kein Design mit hohem Kontrast festlegen können.This does not prevent users from being able to set a high contrast theme.

  • 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.

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

  • Benutzername: Wählen Sie aus, ob der vollständige Name eines Benutzers an der Einstiegsstelle für den Konto-Manager oben rechts auf der Seite angezeigt werden soll, wenn der Benutzer angemeldet ist.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 werden Benutzern Ihr Foto oder Ihre Initialen angezeigt, wenn kein Foto hochgeladen wurde.By default, users will see their photo or their initials if a photo hasn't been uploaded.

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

Sie sehen Ihr neues Design sofort im Microsoft 365 Admin Center 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

Bei der Auswahl eines Logo Bildswird empfohlen, nach Möglichkeit einen SVG-Dateityp zu verwenden, damit Ihr Logo auf allen Bildschirmen und auf allen Zoomebenen mit hoher Auflösung aussieht.When choosing a Logo image, we recommend using an SVG file type, wherever possible, so that your logo will have a high resolution appearance on all screens and at all zoom levels.

Wenn Sie benutzerdefinierte Farben auswählen, wählen Sie eine Navigationsleiste Hintergrundfarbe , die ein hohes Kontrastverhältnis mit dem Logo Bild , das Sie ausgewählt hat.When choosing custom colors, choose a Nav bar background color that has a high contrast ratio with the Logo image that you picked. Wählen Sie auch eine Text-und Symbol Farbe mit einem hohen Kontrastverhältnis zur Hintergrundfarbe der Navigationsleiste aus, um sicherzustellen, dass der gesamte Text und die Symbole leicht sichtbar sind.Also choose a Text and icons color with a high contrast ratio to the Nav bar background color to ensure that all text and icons are easily visible.

Wenn Sie benutzerdefinierte Farben auswählen, wählen Sie eine Akzentfarbe aus, die auf einem weißen oder hellen 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. Beispielsweise wird die Akzentfarbe verwendet, um Elemente im Posteingang eines Benutzers und auf der Office.com-Portalseite zu färben.For example, the Accent color is used to color elements in a user's inbox and on their Office.com portal page.

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.

Hier ist ein einfaches Flussdiagramm, mit dem Sie sich schnell mit einem visuell ansprechenden benutzerdefinierten Office 365 Design für Ihre Organisation einrichten können:Here is a simple flow chart to help you quickly get set up with a visually appealing custom Office 365 theme for your organization:

  • Ich möchte eine bunte Version unseres Logos verwenden.I would like to use a colorful version of our logo.
    • Wir empfehlen die folgenden Einstellungen:We recommend the following settings:
      • Logobild: das bunte Logo Ihrer Organisation.Logo image: Your organization's colorful logo.
      • Farbe der Navigationsleiste: eine neutrale Farbe.Navigation bar color: A neutral color. Wir empfehlen #FAF9F7 für eine helle Farbe und #252423 für eine dunkle Farbe.We recommend #FAF9F7 for a light color and #252423 for a dark color.
      • Text-und Symbol Farbe: eine Farbe, die die Farbe der Navigationsleistekontrastiert.Text and icon color: A color to contrast the Navigation bar color. Wir empfehlen #FAF9F7 für eine helle Farbe und #252423 für eine dunkle Farbe.We recommend #FAF9F7 for a light color and #252423 for a dark color.
      • Akzentfarbe: eine dunkle Markenfarbe.Accent color: A dark brand color. Bei bestimmten Anwendungen muss diese Farbe auf einem hellen Hintergrund angezeigt werden.With certain applications, this color must be visible on a light background.
  • Ich möchte eine neutrale Version unseres Logos verwenden und die Farbe in der Navigationsleiste darstellen.I would like to use a neutral version of our logo and represent color in the navigation bar.
    • Wir empfehlen die folgenden Einstellungen:We recommend the following settings:
      • Logo Bild: neutrales Logo Ihrer Organisation.Logo image: Your organization's neutral logo.
      • Navigationsleisten Farbe: eine Markenfarbe, die gegen Ihr Logo steht.Navigation bar color: A brand color that contrasts against your logo.
      • Text-und Symbol Farbe: Wählen Sie eine Farbe, die gegen die von Ihnen gewählte Markenfarbe für die Navigationsleisten Farbekontrastiert.Text and icon color: Choose a color that contrasts against the brand color you chose for the Navigation bar color. Für eine helle Farbe wird #252423 für eine dunkle Farbe und #FAF9F7 empfohlen.We recommend #252423 for a dark color and #FAF9F7 for a light color.
      • Akzentfarbe: eine dunkle Markenfarbe.Accent color: A dark brand color. Bei bestimmten Anwendungen muss diese Farbe auf einem hellen Hintergrund angezeigt werden.With certain applications, this color must be visible on a light background.

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