SharePoint Seiten Designs

Farben, Design, SharePoint und Teams. Wir stellen dir heute das neue Markencenter in SharePoint vor, nehmen uns Designs in SharePoint und Teams vor und gehen kurz auf die Farbenlehre im Unternehmenskontext ein.

 

 

 

 

SharePoint Brand Center

Der SharePoint Brand Center ist eine zentrale Markenverwaltungsanwendung, die es deinem Markenmanagern oder designierten Markenbesitzern ermöglicht, das Erscheinungsbild und die Benutzererfahrung deiner SharePoint-Seiten anzupassen. Es bietet eine Plattform, um Farben, Schriftarten, Bilder und andere Ressourcen zu verwalten. Aktuell noch in der Vorschau verfügbar, wird es bald komplett verfügbar sein.

Über das Admin Center -> Einstellungen -> Einstellungen für die Organisation -> Markencenter gelangst du dorthin, um es zu aktivieren. Stand heute ist nur ein Markencenter pro Unternehmen zulässig.

 

Das Brand Center nutzt die SharePoint-Organisationsobjektbibliothek (OAL), um Assets im Hintergrund zu speichern und zu verwalten. Die Brand Center-App befindet sich auf einer bestimmten Website innerhalb deines Mandanten und erfordert die Verwendung des öffentlichen CDN. Somit hast du auch in SharePoint endlich eine zentrale Anlaufstelle, um deine Marke zu verwalten. So weit so gut. Jetzt kommt vielleicht die Frage auf, wie kann ich denn Unternehmensspezifische Designs erstellen?

 

 

SharePoint Theme Creator

Eine Möglichkeit ist, mit dem SharePoint Theme Creator, auch bekannt als Theme Generator Tool Designs zu erstellen. Dieser ist ein Online-Tool, das von Microsoft bereitgestellt wird, um benutzerdefinierte Themen für SharePoint-Seiten zu erstellen.

Mit diesem Tool kannst du die primären Farben (mit HEX-Code), Textfarben und Hintergrundfarben für dein SharePoint-Design auswählen und anpassen. Es bietet eine Echtzeitvorschau, wie die Farben zusammen aussehen, und enthält einen Zugänglichkeitsprüfer, der dich über mögliche Zugänglichkeitsprobleme informiert und Anleitungen zur Behebung bietet. Wie du sehen kannst, gibt es „nur“ drei Möglichkeiten die Unternehmensfarben anzupassen, was die Kreativität etwas einschränkt.

 

Sobald du mit deinem Design zufrieden bist, kannst du das Thema exportieren und die erforderlichen Codes erhalten, um das benutzerdefinierte Thema auf deiner SharePoint-Site zu installieren. Die Installation eines benutzerdefinierten Themas erfolgt in der Regel über PowerShell-Befehle, und du musst sicherstellen, dass du die neueste Version der SharePoint Online Management Shell installiert hast, bevor du fortfährst.

So sieht beispielsweise der Code für PowerShell aus.

 

Aussehen ändern in SharePoint

Jetzt kommen wir zum „einfachen“ Part der Designänderung. Sobald ein neues Design erstellt, heruntergeladen und installiert wurde, können die Nutzer mit der passenden Berechtigung das Aussehen problemlos ändern.

Dafür gehst du in SharePoint rechts oben neben deinem Profilbild auf das Zahnrad und klickst auf „Aussehen ändern“.

Im nächsten Schritt kannst du sehen, dass du nicht nur das Design ändern könntest, sondern auch die Schriftart (hierfür kann auch ein Schriftartenpaket im Markencenter für dein Unternehmen hinterlegt werden), das Navigationsfeld und die Kopf- bzw. Fußzeile (je nach Berechtigung).

Im Designbereich siehst du schon, dass es vorgegebene Designs von Microsoft gibt und deine selbst erstellten. Nun kannst du das passende Design auswählen und auf speichern klicken.

 

Farbenlehre kurz und bündig

Bleiben wir beim Thema Design und was könnte da wichtiger sein als die Farben. Gründest du kein neues Unternehmen, gibt es im Normalfall Unternehmensfarben, die vorgegeben sind und mit denen Designs erstellt werden dürfen. Um im Corporate Design zu bleiben, empfiehlt es sich auch auf den SharePoint Seiten dieses Farbschema zu verwenden. Solltest du dir komplett unschlüssig sein und freie Auswahl an Farben haben, können dir folgende Tipps vielleicht helfen, mit deinem Design keinen Augenkrebs zu verursachen.

Überlege welches Gefühl du bei den Besuchern vermitteln möchtest. Welche Zielgruppe wird das Design dann sehen? Hier sind ein paar Assoziationen zu den gängigsten Farben.

 

• Rot – Signalfarbe, steht für Energie und Aktion, Freude, Aufregung, Wärme Zuversicht, Motivation, Liebe, Stärke, Kraft, Mut usw.
• Orange – freundliche, lebendige Farbe. Steht für Abenteuer, Spaß, Enthusiasmus, Offenheit, Selbstvertrauen, Kreativität, Warmherzigkeit usw.
• Gelb – positive, optimistische Farbe. Steht für Kreativität, Verspieltheit, Spaß, Glück, Optimismus, Wärme
• Grün – beruhigende Farbe. Steht für Gesundheit, Natur, Freundlichkeit, Sympathie, Ausgeglichenheit, Sicherheit usw.
• Türkis – ausgleichende Farbe. Steht für Sauberkeit, Heilung, Ruhe, Harmonie, Kommunikation, Klarheit usw.
• Blau – kundenbindende Farbe. Steht für Zuverlässigkeit, Sicherheit, Verantwortungsbewusstsein, Vertrauen, Ordnung, Ehrlichkeit, Spannungs- und Angstreduktion
• Braun – starke und beruhigende Farbe. Steht für Einfachheit, Haltbarkeit, Stabilität, Demut, Gemütlichkeit, Bodenständigkeit, Glaubwürdigkeit
• Grau – neutrale Farbe. Steht für Professionalität, Macht, Würde, Raffinesse, Kontrolle, Stabilität
• Weiß – ebenso neutrale Farbe. Steht für Sauberkeit, Einfachheit, Unschuld, Ruhe, Ordnung und lässt alle anderen Farben strahlen durch ihre Zurückhaltung
• Schwarz – harte, auffällige Farbe. Steht für Eleganz, Geheimnis, Luxus, Kontrolle, Anspruch, Selbstvertrauen, Förmlichkeit, Würde, Zeitlosigkeit

 

Um bei Farbschemas zu bleiben gibt es folgende Erfahrungswerte dazu.

Wähle warme Töne (Bsp. Gelb, Orange, Rot) für lebendige Websites/SharePoint Seiten (Beispielsweise für Spielzeug). Die kalten Töne (Bsp. Schwarz, Dunkelblau) lassen sich gut für moderne Websites verwenden. Um deine Seite professionell wirken zu lassen, solltest du eher klassische Farben wählen (Bsp. Grau, Dunkelbraun, Weiß). Für minimalistisch, modern aussehende Websites empfehlen sich monochrome Farben mit einem Hauptton. Luxuriöse Websites sehen sehr gut mit scharfen, dunklen Farben (Bsp. Dunkelblau, Schwarz) aus. Eine Kombi aus kontrastreichen Farben wie Schwarz, Weiß und Gelb eignet sich gut für jüngeres Publikum. Im Gegensatz dazu passen Pastelltöne hervorragend zu Seiten für eher weibliches Publikum.

Die passenden Farbkombis zu wählen, kann ein langer Prozess sein, der sich am Ende lohnen wird. Auch wenn es „nur“ für die eigenen Intranetseiten ist.

 

 

Besprechungsdesigns in Teams Besprechungen

Um das Thema Design abzurunden haben wir für dich noch einen Tipp zum Schluss. In der Teams Premium Lizenz hast du die Möglichkeit ein Besprechungsdesign zu erstellen, um dein Corporate Design zu unterstreichen. Das klassische Teams Besprechungsfenster sieht wie folgt aus.

Ein angepasstes Design ans Unternehmen kann so aussehen.

 

Dieses Design wird dann von allen Nutzern, die einer Teams Besprechung in deinem Unternehmen beitreten angezeigt. Nur der Admin mit Zugriff auf das Admin Center kann solch ein Design erstellen.

Hierbei ist zu beachten, dass die Bilder und Logos urheberrechtlich geschützt sein sollten. Microsoft überprüft diesen Punkt nicht. Hier Erstellen und Verwalten von Besprechungsdesigns für Teams-Besprechungen – Microsoft Teams | Microsoft Learn findest du noch weitere Spezifikationen für das Erstellen des Designs, wie beispielsweise die Größe des Logos.

 

---

Wie du also sehen kannst, sind Farben und Designs wirklich ausschlaggebend für das Auftreten eines Unternehmens bzw. einer Marke. Egal wie nichtig die Farben erscheinen mögen, spielen sie doch eine Hauptrolle.

Wir freuen uns wie immer von dir zu hören per E-Mail, Kontaktformular oder auf Social Media.

Wusstest du, dass du diese Folge ganz einfach mit deinen Freunden teilen kannst? Klicke hier auf den gewünschten Kanal und fertig. Probiere es gleich mal aus.

nuboLinks

Fluent UI – Get started (microsoft.com)
Lizenzierung von Markenschriftarten – SharePoint in Microsoft 365 | Microsoft Learn
SharePoint-Websitedesigns | Microsoft Learn
Fluent UI Theme Designer (windows.net)
Download SharePoint Online-Verwaltungsshell from Official Microsoft Download Center
Create and Deploy a Custom Theme for SharePoint Modern Site (mrsharepoint.guru)
How to create CUSTOMISED colour themes in SharePoint Online like a pro!
Introduction to the SharePoint Web UI Kit
Home – Fluent 2 Design System (microsoft.design)
Beautiful, website-like SharePoint Intranet Solution (origamiconnect.com)
Verbessern Sie Ihre Website im Jahr 2024 mit den besten Website-Farbschemata (capcut.com)