Erstellen und Gestalten von Seiten mit Branding

Lernziele

Nachdem Sie diese Lektion abgeschlossen haben, sind Sie in der Lage, die folgenden Aufgaben auszuführen:

• Umgestalten Ihrer Seite in eine angepasste Seite mit Branding
  
• Anpassen und Hervorheben ausgewählter Widgets
  
• Erstellen eines Seitendesigns
  
• Veröffentlichen und Freigeben Ihrer Seite
  

Umgestalten Ihrer Seiten mit Branding

Nachdem Sie eine Sammlung erstellt und eine Dashboard- oder Anwendungsseite sowie Widgets hinzugefügt haben, können Sie Ihre Seite weiterentwickeln. Mit InstaBrand können Sie mit nur wenigen Klicks eine angepasste Seite mit eigenem Branding erstellen.

Zur Aktivierung von InstaBrand aktivieren Sie den Bearbeitungsmodus auf der Seite, die Sie mit einem Branding versehen möchten, indem Sie auf das Stiftsymbol (1) oben auf der Seite klicken. Klicken Sie anschließend auf die Registerkarte Design (2), auf der Sie eine Reihe von Anpassungsoptionen finden. Klicken Sie auf den Umschalter für InstaBrand (3), um InstaBrand zu aktivieren.

Fügen Sie dann unter Ressourcen für Branding Ihr Logo und ein Bild für den Hintergrund hinzu. Sie können sogar die Unsplash-Bibliothek mit Bildern nutzen, indem Sie auf das Bildfeld klicken. Hier können Sie ein Stichwort eingeben, um Hunderte von Bildern zu durchsuchen. Klicken Sie auf das Bild, das Sie als Hintergrundbild hinzufügen möchten, woraufhin Ihre Seite automatisch aktualisiert wird. Nach Auswahl des Bilds wird nicht nur das Bild zum Hintergrund hinzugefügt, sondern InstaBrand zaubert auch eine ansprechend gestaltete Seite, die der Farbpalette des gewählten Bilds entspricht. 

Ihre Seite wird umgehend in eine farblich auf Ihr Branding abgestimmte Seite verwandelt, die besonders professionell gestaltet ist. Auf Wunsch können Sie ein vordefiniertes Design im Optionsmenü DESIGN auswählen, das eine Reihe allgemeiner Designs bietet, die Sie sofort anwenden können.

Nach dem Erstellen oder Auswählen eines Designs können Sie weitere Anpassungen vornehmen, indem Sie die Farbpalette ändern, die Hintergrundeinstellungen anpassen oder die Schriftarten bearbeiten.   

Die Anpassung von Anwendungsseiten kann variieren. Einige Seiten sind vollständig anpassbar, andere bieten nur die Möglichkeit, das Branding zu verändern (z. B. Design und Farbpalette), während einige Seitendesigns nicht bearbeitet werden können. 

Anpassen von Widgets

Ihre Seite ist nun mit Branding versehen und ansprechend gestaltet. Machen Sie sie nun noch informativer, indem Sie bestimmte Widgets stärker hervorheben. Wählen Sie dazu das Widget aus und klicken Sie auf die Registerkarte Design. Passen Sie das Design Ihres Widgets mit den verfügbaren Einstellungsoptionen an. (Hinweis: Die Optionen auf der Registerkarte "Design" variieren je nach Widget-Typ.)

Es folgen die verfügbaren Optionen für das Design von Widgets:

• Raster: Legen Sie den Layout-Stil des Widgets fest. Es gibt drei Arten von Rasterstilen:
  

• Ohne: Bei dieser Option bleibt das Widget auf der Seite an der gleichen Stelle.
  
• Verankert: Bei dieser Option wird das Widget oben auf der Seite fixiert und verbleibt dort, wenn Benutzer weiterblättern.
  
• Unverankert: Mit dieser Option bewegt sich das Widget über den vorhandenen Widgets auf der Seite und bleibt dort, wenn Benutzer weiterblättern.
  

• Hintergrund: Passen Sie die Hintergrundanzeige des Widgets an, z. B. Farbe, Deckkraft, Helligkeit und Eckenformat.
  
• Schriftarten: Passen Sie die Schriftarten in Ihrem Widget an, z. B. für Überschriften und Achsen.
  
• Interaktionen: Fügen Sie dem Widget weitere Konfigurationen hinzu. Es gibt drei Optionen:
  

• Drilldown: Diese Option ermöglicht es, Ihre Daten mit geringerem Detailgrad zu betrachten.
  
• Hervorhebungsregeln: Mit dieser Option können Sie Werte innerhalb Ihres Widgets hervorheben.
  
• Tags für Kalenderereignisse: Mit dieser Option können Sie Ihrem Widget eine Ereignisbeschriftung hinzufügen, um Spitzen oder Rückgänge in den Daten hervorzuheben. So kann beispielsweise ein enormer Anstieg der Verkaufszahlen während des Black Friday in Ihrem Diagramm als "Black Friday" gekennzeichnet werden.
  

• Erweitert: Fügen Sie Ihrem Widget benutzerdefinierte Cascading Style Sheets (CSS) hinzu.
  

Erstellen eines Seitendesigns

Sobald Sie Ihre perfekte Seite erstellt haben, können Sie mit einem Seitendesign das gleiche Design allen Ihren Seiten zuweisen. Klicken Sie dazu auf eine beliebige Stelle außerhalb eines Widgets auf der Seite. Dadurch gelangen Sie auf die Registerkarte Design auf Seitenebene (1). Klicken Sie neben DESIGN auf die Schaltfläche Optionen (2) und wählen Sie Als neues Design speichern (3) aus. Benennen Sie Ihr Design (4) und klicken Sie auf Speichern (5). 

Ihr Design ist nun bei der Erstellung einer neuen Seite in der Dropdown-Liste DESIGN verfügbar.

Veröffentlichen und Freigeben Ihrer Seite

Sie können Ihre angepasste Seite nun für andere Beteiligte freigeben. Klicken Sie zunächst auf Speichern (1), dann auf das runde Symbol für Veröffentlichen (2) und anschließend auf Veröffentlichen (3), um Ihre Seite für alle Benutzer, die auf den Arbeitsbereich zugreifen, sichtbar zu machen. 

Konfigurieren Sie anschließend unter den Seitenoptionen (1) die Einstellungen für Freigeben/Einbetten (2). Diese Optionen sind verfügbar.

• Angemeldete Benutzer: Mit dieser Option wird die Seite für Benutzer freigegeben, die bei Ihrem Arbeitsbereich angemeldet sind.
  
• Alle: Mit dieser Option wird die Seite für alle Benutzer freigegeben, die einen Link zu dieser Seite haben.
  
• Nicht freigegeben: Diese Option verhindert, dass die Seite öffentlich freigegeben wird.
  

Nachdem Sie die Einstellungen für "Freigeben/Einbetten" konfiguriert haben, müssen Sie nur noch den Link kopieren (3) und ihn für die relevanten Beteiligten freigeben oder ihn in die gewünschte Webseite einbetten.

Schauen Sie sich dieses Video mit einer Live-Demo an, wie Sie Ihre Seiten anpassen und mit Branding versehen können.

In dieser Einheit haben Sie gelernt, wie Sie Ihre Seite in eine Seite mit Branding umgestalten, ausgewählte Widgets anpassen und eine Vorlage für das Seitendesign erstellen können. Fahren Sie mit der nächsten Einheit fort, in der Sie erfahren, wie Seiten durchsucht und exportiert werden können.