Freigeben über


Verwenden eines Microsoft Entra UX-Webdesigns in Active Directory-Verbunddiensten

Die AD FS Formularanmeldung spiegelt derzeit nicht die Azure/O365-Anmeldeoberfläche wider. Um eine einheitlichere und nahtlose Benutzererfahrung für Endbenutzer bereitzustellen, haben wir das folgende Cascading Stylesheet-Webdesign veröffentlicht, das auf Ihre AD FS-Server angewendet werden kann. Derzeit sieht die Formularanmeldung für AD FS unter Windows Server 2016 wie folgt aus:

Aktuelle Anmeldung

Mit dem neuen Stylesheet sieht die Benutzeroberfläche eher wie die Azure- und Office 365-Anmeldeerfahrung aus.

Herunterladen des CSS-Stylesheets

Sie können das Webdesign aus dem folgenden Github-Speicherort herunterladen.

Neues Web-Thema aktivieren

Gehen Sie wie folgt vor, um das neue Webdesign zu aktivieren:

So aktivieren Sie das neue Microsoft Entra UX-Webdesign in AD FS

  1. Starten von PowerShell als Administrator
  2. Erstellen eines neuen Webdesigns mithilfe von PowerShell: New-AdfsWebTheme –Name custom –StyleSheet @{path="c:\NewTheme.css"}
  3. Festlegen des neuen Designs als aktives Design mithilfe von PowerShell: Set-AdfsWebConfig -ActiveThemeName customPowerShell
  4. Testen Sie die Anmeldung, indem Sie zu https://< AD FS name.domain>/adfs/ls/idpinitiatedsignon.htm Anmelden wechseln.

! [HINWEIS] Sie müssen sicherstellen, dass idpinitiatedsignon aktiviert wurde. Sie ist standardmäßig nicht aktiviert. Verwenden Sie den folgenden PowerShell-Befehl, um idpinitiatedsignon zu aktivieren: Set-AdfsProperties –EnableIdpInitiatedSignonPage $True

Bildempfehlungen

Wenn Sie die zentrierte Benutzeroberfläche aktivieren, können Sie dieselben Bilder für Hintergrund und Logo verwenden, die Sie möglicherweise bereits für das Microsoft Entra-Unternehmensbranding haben. Im Allgemeinen gelten die gleichen Empfehlungen für Größe, Verhältnis und Format.

BESCHREIBUNG Zwänge Empfehlungen
Das Logo wird über dem Anmeldebereich angezeigt. Transparentes JPG oder PNG
Max. Höhe: 36 px
Max. Breite: 245 px
Verwenden Sie hier das Logo Ihrer Organisation.
Verwenden Sie ein transparentes Bild. Gehen Sie nicht davon aus, dass der Hintergrund weiß ist.
Fügen Sie keine Abstände um Ihr Logo im Bild hinzu, oder Ihr Logo sieht unverhältnismäßig klein aus.

Hintergrund

BESCHREIBUNG Zwänge Empfehlungen
Diese Option wird im Hintergrund der Anmeldeseite angezeigt, ist in der Mitte des sichtbaren Raums verankert und skaliert und wächst, um das Browserfenster auszufüllen.
Auf schmalen Bildschirmen wie Mobiltelefonen wird dieses Bild nicht angezeigt.
Über diesem Bild wird beim Laden der Seite eine schwarze Maske mit einer Deckkraft von 0,55 angewendet.
JPG oder PNG
Bildabmessungen: 1920x1080 px
Dateigröße: < 300 KB

Verwenden Sie Bilder, bei denen kein starker Betrefffokus vorhanden ist. Das undurchsichtige Anmeldeformular wird über der Mitte dieses Bilds angezeigt und kann je nach Größe des Browserfensters einen beliebigen Teil des Bilds abdecken.
Halten Sie die Dateigröße klein, um schnelle Ladezeiten sicherzustellen.

Nächste Schritte