Freigeben über


Websitedesign

Das Design ist ein leistungsstarkes Tool, mit dem SharePoint-Websitebesitzer und Viva Connections-Operatoren zusammenhängende und visuell ansprechende Farben auf ihre Webräume anwenden können. Durch die Nutzung dieser Themen können Organisationen ein einheitliches Aussehen und Verhalten auf ihren Websites schaffen und so sowohl ästhetische Harmonie als auch Markenkonsistenz gewährleisten. Die von Designs bereitgestellten Anpassungsoptionen ermöglichen es Benutzern, ihre Websitedesigns so anzupassen, dass sie ihre einzigartigen Markenidentitäten widerspiegeln, während die Funktionalität und Barrierefreiheit beibehalten werden.

Prinzipien von SharePoint-Designs

Geführt

Unser Designsystem greift global. Aktualisierungen lassen sich konsistent auf sämtliche Websites anwenden. So können Benutzer Ihre Websites mühelos optimieren.

Intelligent und effizient

Unser Designsystem erstellt anhand intelligenter Algorithmen Optionen für maximale Attraktivität. Das beschleunigt die Websiteerstellung.

Professionell

Unsere Themen verkörpern ein professionelles Erscheinungsbild, das Kohärenz gewährleistet und die Marke unserer Unternehmenszielgruppe vermittelt

Barrierefrei

Unsere integrierte Barrierefreiheitsprüfung sorgt für universelles Design auf allen Themenebenen. Für Benutzer, die sich für die Anpassung entscheiden, bieten wir hilfreiche Anleitungen zum Entwerfen von Barrierefreiheit.

Standarddesigns von Microsoft

  • Teal
  • Blau
  • Orange
  • Rot
  • Purpur
  • Grün
  • Immergrün
  • Kobalt

Diese Sammlung von Designs wurde für die Barrierefreiheit entworfen und spiegelt Farben der Marke Microsoft wider, was unsere gemeinsamen Ziele und Persönlichkeit offenbart.

Anatomie eines Designs

Farbkombinationen

Farbkombinationen sind die Grundlage Ihres Designs, sodass mehrere Markenfarben die Markenidentität und Persönlichkeit Ihres organization widerspiegeln. Jedes Design unterstützt bis zu 16 Farbpaare, wobei jedes Paar aus einer Akzentfarbe und einer Hintergrundfarbe besteht. Um die Lesbarkeit sicherzustellen, wird die Textfarbe basierend auf dem Kontrastverhältnis der Hintergrundfarbe automatisch auf Schwarz oder Weiß festgelegt.

Anwendungszonen

Designfarben werden auf wichtige Bereiche der SharePoint-Website angewendet:

  • Kopf- und Fußzeile der Website: Wird von Websitebesitzern verwaltet, um ein konsistentes Branding einzurichten.
  • Abschnittsentwurf: Seitenautoren können Farbkombinationen auf einzelne Abschnitte anwenden, um die visuelle Unterscheidung zu gewährleisten.
  • Text-Webpart (Rich-Text-Editor): Designfarben verbessern die Textformatierung und -formatierung.
  • Designideen: Farbkombinationen spiegeln sich in vorgeschlagenen Layouts und visuellen Verbesserungen wider.

Erstellen eines eigenen Designs

Im SharePoint-Markencenter kann ein Markenmanager benutzerdefinierte Designs für Ihre organization erstellen. Diese Designs sind unter Ändern des Aussehens für Websitebesitzer und Viva Connections-Operatoren verfügbar, um sie auf ihre Websites und Erfahrungen anzuwenden.

Hinweis

Um benutzerdefinierte Designs im Markencenter zu erstellen, muss Ihr Administrator das Markencenter aus dem Microsoft 365 Admin Center aktiviert haben. Sie können nur ein älteres benutzerdefiniertes Design lesen oder löschen, das aus Primärfarbe, Textfarbe, Hintergrundfarbe und Akzentfarbe besteht. Das ältere benutzerdefinierte Design wird nicht automatisch auf das neue benutzerdefinierte Designformat aktualisiert.

Besuchen Sie die SharePoint- oder Viva Connections Brandingerfahrungen, und wählen Sie Neues Design aus.

  • Schritt 1: Wählen Sie Ihre primären, sekundären Farben mithilfe Ihrer Markenfarben oder durch Hinzufügen einer benutzerdefinierten Farbe aus. Fügen Sie bis zu 16 Kombinationen innerhalb der primären und sekundären Farben hinzu. In jeder Farbkombination können Sie die Hintergrund-/Akzentfarbe wechseln.
  • Schritt 2: Benennen Sie Ihr Design und Ihre Vorschau in SharePoint-Umgebungen.

Screenshot: Erstellen eines neuen Designs

Achten Sie auf Barrierefreiheit

Farbe und Kontrast sind für die Barrierefreiheit wichtig. Personen mit Sehschwäche, z. B. solche mit Makuladegeneration, benötigen einen bestimmten Kontrast, um sehen zu können, was sich auf dem Bildschirm befindet. Es ist auch wichtig, bei der Farbauswahl vorsichtig zu sein, da farbblinde Menschen die Unterschiede zwischen bestimmten Farben nicht erkennen können. Beispielsweise sieht jemand mit Rot-Grün-Farbenblindheit Rot und Grün als die gleiche Farbe. In dieser Designerstellungsumgebung stellen wir eine Farbkontrastprüfung bereit, die in die Vorschau der Ui-Elemente integriert ist, um Sie beim Erstellen barrierefreier Designs zu unterstützen.

Siehe auch

SharePoint-Websitedesign