Design bestimmt, wie Ihre Plattform aussieht: das Logo, die Farben, die Schrift und wo die Navigation sitzt. Eine Plattform in Ihrer eigenen Marke wirkt wie Ihr Produkt und nicht wie ein gemietetes Tool, und Mitglieder erkennen sie auf einen Blick.
Um hier Änderungen zu speichern, braucht Ihre Rolle zusätzlich zum Zugang zu den Einstellungen Plattformdesign verwalten. Eigentümer und Administrator haben beides. Der Tab Community ist die Ausnahme, siehe unten.
Die Tabs
Design ist aufgeteilt in Branding, Layout, Anmeldung & Registrierung, Ladebildschirm, Community, Kurse und Video-Player. Die ersten beiden prägen die ganze Plattform, die übrigen gestalten jeweils einen Bereich.
Logo und Favicon
Unter Branding nehmen Logo und Favicon jeweils zwei Bilder auf: eines für Light Mode und eines für Dark Mode. Klicken Sie auf eine Kachel, um ein Bild aus Ihrer Mediathek zu wählen.
- Das Logo eignet sich am besten als SVG oder PNG im Verhältnis 5:1, ideal sind 1000 x 200 px.
- Das Favicon eignet sich am besten als SVG oder PNG im Verhältnis 1:1, ideal sind 512 x 512 px.
Das Favicon ist das kleine Symbol im Browser-Tab und das Zeichen auf dem Ladebildschirm. Das Logo für Light Mode ist auch das Logo Ihrer Systemmails, bis Sie für diese ein eigenes festlegen.
Farben für hellen und dunklen Modus
Farbe enthält vier Farben je Modus: Primär, Text, Hervorheben und Hintergrund. Jede ist ein sechsstelliger Hex-Wert wie #0084FF.
Ändern Sie die Primärfarbe, bietet ein Hinweis Hintergrund an die Primärfarbe angleichen an. Anwenden mischt 2 % Ihrer Primärfarbe in den Seitenhintergrund, sodass er einen leichten Ton Ihrer Marke trägt. Schließen lässt den Hintergrund, wie er ist.
Warum beide Paletten zählen
Jede Person wechselt selbst zwischen hell und dunkel, mit Darkmode in ihrem Kontomenü. Neue Konten starten im hellen Modus. Sie können den Modus für Ihre Mitglieder nicht festlegen. Prüfen Sie also, ob Logo, Text und Hintergrund in beiden gut lesbar sind. Die Schaltfläche Hell-/Dunkelmodus über der Vorschau wechselt ihn für Sie, während Sie arbeiten.
Schrift und Avatare
Typografie legt eine Schriftfamilie für die gesamte Plattform fest. Schriftarten suchen filtert die Liste, und jeder Eintrag zeigt eine Beispielzeile in dieser Schrift. Ab Werk verwendet die Plattform Roboto.
Mitglieder-Avatare wählt die Form der Profilbilder überall: Rund oder Quadratisch.
Layout
Layout steuert den Rahmen um jede Seite.
- Navigationsposition: Seitenleiste (links) ist das klassische senkrechte Menü, Obere Leiste legt das Menü quer über den oberen Rand und zeigt Inhalte in voller Breite, und Top kombiniert zeigt oben eine Meta-Leiste und darunter das Hauptmenü als Mega-Menü.
- Seitenleiste erscheint nur bei Seitenleiste (links) und bietet Hell, Dunkel, Glas und Akzent.
- Kopfbereich ist entweder Animiert, ein farbiges Band mit langsam treibenden Formen, oder Ruhig, eine schlichte Leiste auf dem Seitenhintergrund.
- Kartenstil legt fest, wie stark sich Karten vom Hintergrund abheben: Pauschal, Standard oder Erhöht.
- Ecken rundet Schaltflächen und Boxen in fünf Stufen von Keine bis Rund ab.
- Glasfärbung und Glass Blur (Glasunschärfe) steuern die Milchglasflächen wie Kopfzeilen, ausklappende Panels und Auswahlmenüs: wie deckend sie sind und wie stark sie verwischen, was dahinter liegt.
Eine neue Plattform startet mit Seitenleiste (links), einer Seitenleiste in Hell, einem Kopfbereich Animiert, Karten Pauschal und Ecken Mittel.
Vorschau, zurücksetzen und speichern
Die Vorschau neben Branding und Layout zeigt eine Beispielseite mit Ihrer aktuellen Auswahl, bevor Sie speichern. Wechseln Sie zwischen Desktop und Mobil, schalten Sie Hell-/Dunkelmodus um oder öffnen Sie sie im Vollbild.
Weicht ein Abschnitt vom Standard ab, zeigt er Zurücksetzen. Bestätigen Sie mit Zurücksetzen im Dialog Auf Standard zurücksetzen, setzt das den Abschnitt im Formular auf die Standardwerte zurück. Gespeichert wird erst, wenn Sie speichern.
Speichern Sie mit Speichern in der Leiste unten. Neue Farben, Schrift und Ecken gelten sofort, ohne dass die Seite neu lädt.
Anmeldeseite und Ladebildschirm
Anmeldung & Registrierung gestaltet die Seiten, die Menschen vor der Anmeldung sehen. Wählen Sie ein Layout, Karte oder Geteilte Ansicht, einen Kartenstil und den Logo-Typ: Logo, Favicon oder Keine. Hintergrundbilder und Texte legen Sie im selben Tab je Seite fest.
Ladebildschirm legt die Animation fest, die erscheint, während Ihre Plattform lädt. Unter Ladeanimation wählen Sie eine von sechs: Aurora, Puls, Kacheln, Skeleton, Ring und Konstellation. Aurora ist der Standard, und Aufzeichnung in der Vorschau spielt Ihre Auswahl erneut ab.
Legen Sie das Favicon fest, bevor Sie eine Ladeanimation wählen. Jede Animation baut sich um das Favicon herum auf.
Community, Kurse und der Video-Player
Die letzten drei Tabs gestalten jeweils einen Bereich. Community und Kurse legen das Header-Layout dieser Seiten fest, dazu die Header-Einstellungen für das gewählte Design. Der Tab Community speichert nur, solange Community unter Einstellungen > Funktionen eingeschaltet ist, und er braucht Community-Einstellungen verwalten statt Plattformdesign verwalten. Video-Player umfasst die Anordnung der Steuerleiste, die Ecken Abgerundet, den Hintergrund der Steuerelemente und die Player-Extras für jedes Video auf Ihrer Plattform.