Design-Richtlinien für optisch ansprechende Experiences Aktualisiert 3. Juli 2024 15:44 Heben Sie sich ab und seien Sie kreativ mit Ihren Experiences. Sie können das Experience-Design mit geeigneten Hintergründen, Titelbildern, Logos und Standard-Ordnersymbolen anpassen, die dem Branding und der Branche Ihres Unternehmens entsprechen. Mit dem Essential-Preisplan von Showpad und höher können Sie klassische Experiences schaffen. Mit Showpad Plus und Ultimate können Sie erweiterte Experiences entwerfen. Sehen Sie, wie es aussieht Hauptmerkmale Heben Sie sich von der Konkurrenz ab, und präsentieren Sie Inhalte in einem visuell ansprechenden Stil Fügen Sie ein benutzerdefiniertes Titelbild für eine Experience hinzu, damit die Benutzer schnell finden, was sie brauchen Laden Sie unsere PSD-Vorlagen für Photoshop herunter, um loszulegen Sie benötigen dies, um erfolgreich zu sein Showpad Essential und höher für klassische Experiences Bei Showpad Plus und Ultimate können erweiterte Experiences aktiviert werden Design- und Photoshop-Kenntnisse Der schnelle Weg zur Faszination Klassische Experience Festlegen eines Hintergrunds Festlegen eines Logos Hochladen eines Titelbilds Festlegen eines Standard-Ordnersymbols Download von Richtlinien für klassische Experiences und PSD-Vorlagen Erweiterte Experiences Ansehen der Optionen auf der Registerkarte Design Hochladen eines Titelbilds Download von PSD-Vorlagen für erweiterte Experiences Zurück nach oben Klassische Experiences Festlegen eines Hintergrunds Der Hintergrund einer Experience ähnelt dem Hintergrundbild auf Ihrem Desktop. Es verleiht Ihrer Experience ein individuelles Aussehen und ergänzt den Inhalt der Experience. Wir empfehlen eine Bildgröße von 2048px x 2048px, um ein optimales Ergebnis zu erzielen. Diese Größe ist erforderlich, weil mobile Geräte sowohl im Hoch- als auch im Querformat verwendet werden können. Klicken Sie auf die Registerkarte „Bibliothek“. Wählen Sie gegebenenfalls eine Abteilung aus. Öffnen Sie den Experience Builder. Wählen Sie die Experience aus, die Sie anpassen möchten. Klicken Sie auf „Design“. Klicken Sie auf „Experience-Hintergrund“. Klicken Sie auf die Schaltfläche „Datei auswählen“, um einen auf Ihrem Computer gespeicherten Hintergrund auszuwählen, oder ziehen Sie ihn per Drag & Drop in den Abschnitt „Hochladen“. Wenn Sie keinen eigenen Hintergrund hochladen möchten, klicken Sie auf einen der Standardhintergründe unter dem Abschnitt „Hochladen“. Öffnen Sie die Dropdown-Liste „Ankerposition“ und wählen Sie die gewünschte Ankerposition für Ihren Hintergrund. Klicken Sie auf die Schaltfläche „Speichern“. Zurück nach oben Festlegen eines Logos Auf der Experience wird an einem Ort Ihrer Wahl das Logo der Experience angezeigt. Die empfohlene Positionierung des Logos ist unten rechts, unten oder unten links.Fügen Sie Ihrem Logo transparente Ränder hinzu, wenn Sie nicht wollen, dass es zu dicht am Rande der Experience erscheint. Hinweis: Es gibt keine genaue Begrenzung für die Größe Ihres Logos. Wir empfehlen jedoch eine Höhe von 100px. Klicken Sie auf die Registerkarte „Bibliothek“ und wählen Sie gegebenenfalls die Abteilung aus. Wählen Sie im Experience Builder eine Experience aus. Klicken Sie auf „Design“. Klicken Sie auf „Logo hinzufügen“. Klicken Sie auf die Schaltfläche „Durchsuchen“ und wählen Sie das Logo aus, das Sie hinzufügen möchten. Wählen Sie die Stelle, an der das Logo angezeigt werden soll aus, indem Sie die Position des Ankers auswählen. Klicken Sie auf die Schaltfläche „Speichern“. Zurück nach oben Hochladen eines Titelbilds Mit Hilfe von Titelbildern können Sie Ihren Nutzern einen sehr eindrucksvollen, markengerechten und visuell ansprechenden Home Screen anbieten. Das macht es für sie einfacher, eine Vorschau der klassischen und der erweiterten Experiences zu sehen. Titelbilder helfen Ihren Vertriebsmitarbeitern, schnell zu den gewünschten Inhalten zu navigieren. Öffnen Sie die Experience, um ein Titelbild hinzuzufügen. Klicken Sie auf „Design“. Wählen Sie das Titelbild. Sie werden feststellen, dass der Hintergrund der Experience standardmäßig als Titelbild verwendet wird. Auf dem nächsten Bildschirm können Sie eine Vorschau vom Erscheinungsbild sehen, wie es auf einem Desktop oder einem mobilen Gerät angezeigt wird. Laden Sie Ihr benutzerdefiniertes Titelbild hoch, indem Sie das Bild per Drag & Drop ziehen oder es von Ihrem Laufwerk auswählen. Hinweis: Wir empfehlen für ein hervorragendes Ergebnis eine 2400 Pixel breite JPG- oder PNG-Datei. Ein Fokuspunkt ermöglicht die Fokussierung auf einen wichtigen Bereich des Titelbildes. Klicken Sie auf „Speichern“ und Ihr Titelbild wird nun auf der Seite Home Screen des Nutzers angezeigt. Beim Öffnen der Experience sehen Benutzer weiterhin den Hintergrund, den Sie zuvor erstellt und hochgeladen haben. Zurück nach oben Festlegen eines Standard-Ordnersymbols Sie können das Standard-Ordnersymbol ändern, um ein einheitliches Design für Ihre Experience zu gewährleisten. Beachten Sie, dass sich das Ändern des Standardsymbols für Ordner nur auf die Ordner in der Experience auswirkt, die Sie ändern. Bei der Erstellung eines neuen Ordners können Sie ein eigenes Ordnersymbol auswählen. Die empfohlenen Abmessungen dieses Ordnersymbols sind 420px x 460px. Sie können die Ordnersymbole mit oder ohne Beschriftung erstellen. Exportieren Sie die Symbole als PNG-Datei, um die Transparenz zu erhalten. Design-Symbol mit einer Beschriftung: Wenn Sie eine Textbeschriftung in Ihr Symbol einfügen, können Sie den gesamten Platz für die Positionierung Ihres Symbols nutzen. Design-Symbol ohne Beschriftung: wenn Sie die Standard-Ordnerbeschriftungen von Showpad verwenden, werden sie unter dem Icon-Bereich (420px x 460px) platziert. Wir empfehlen, Ihr Design nahe am unteren Rand der Zeichenfläche zu positionieren, damit das Symbol näher an der Beschriftung angezeigt wird, wie Sie im obigen Beispiel sehen. Gehen Sie zu der Experience, die Sie anpassen möchten. Klicken Sie auf „Design“. Klicken Sie auf das Symbol für den Standardordner. Klicken Sie auf das Ordnersymbol, das Sie als Standardsymbol verwenden möchten. Klicken Sie auf die Schaltfläche „Speichern“. Sie können bei der Erstellung eines neuen Ordners auch Ihre eigenen Ordnersymbole hinzufügen, so dass Sie nicht unbedingt die Standardsymbole verwenden müssen. Um Ihr Ordnerlogo zu bearbeiten, klicken Sie darauf und bewegen Sie den Mauszeiger über das Ordnersymbol, bis Sie den Mülleimer sehen. Beachten Sie, dass das Symbol vollständig verschwindet, wenn Sie auf das Mülleimersymbol klicken. Sie können es ersetzen, indem Sie ein neues hochladen und „Speichern“ wählen. Zurück nach oben Erweiterte Experiences Wenn Sie im Experience Builder auf die Registerkarte „Design“ klicken, wird ein Fenster geöffnet, in dem Sie die globalen Designeinstellungen für die ausgewählte Experience ändern können. Sie sehen immer eine Live-Vorschau auf der rechten Seite des Bildschirms. Sie finden die Photoshop-Designvorlagen für jede verfügbare Experience am Ende dieses Artikels.Im Allgemeinen besteht das Design von Showpad-Experiences aus Logos, Seitenstilen, Breadcrumbs und Schaltflächen. Im Logos-Abschnitt können Sie ein Header-Logo hochladen. Seitenstil Die Hintergrundfarbe bleibt gleich, unabhängig davon, welcher Knoten besucht worden ist. Sie können eine oder zwei Farben auswählen, die im Hintergrund gemischt werden sollen. Wenn zwei Farben gemischt werden, werden beide Farben nach einem Farbverlauf aufgetragen. Eine Farbe wird für die Mitte und die Andere für die Umgebung verwendet.Die maximal zulässige Größe für das Hintergrundbild beträgt 3840px x 2160px. Die Breadcrumbs sind Hinweise auf die Abschnitte und Unterabschnitte, die der Nutzer gerade besucht. Der Nutzer kann durch Anklicken oder Antippen eines Breadcrumbs zum aktuellen und vorherigen Abschnitten zurückkehren. Hier können Sie den Hintergrund und die Schriftfarben ändern.So wird es Ihr Nutzer sehen: Zurück nach oben Cover Image.zip 200 kB Herunterladen Classic Experience.zip 3 MB Herunterladen Atom Experience.zip 800 kB Herunterladen Selector Experience.zip 400 kB Herunterladen All Templates.zip 5 MB Herunterladen Mapper Experience.zip 200 kB Herunterladen Verwandte Beiträge Beste Verfahren für das Hochladen von Videos in Showpad. Visualisieren Sie Produkte auf einer Karte mit Mapper Experience Ihr Page-Layout einrichten Verbessern Sie Ihre Präsentationen mit Showpad Advanced Experiences Google-Schriftarten für Webseiten und Startseiten definieren