Steamworks-Dokumentation
Promo-Elemente für den Shop
Spezifikationen für die Steam-Elemente finden Sie in der Elemente-Übersicht.

Bei vielen großen Steam-Events, inklusive der regelmäßigen kuratierten Promotionen, werden Artworks in spezifischen Größen angezeigt, die ausschließlich für diese Promotionsbereiche verwendet werden.

Sie können hier auf die vollständigen Photoshop-Vorlagen und Informationen zugreifen: AKTUELLE VORLAGEN
(Hinweis: Bitte verwenden Sie diese neuen Vorlagen und entfernen Sie sämtlichen veralteten Versionen.)


Sie können viele dieser Elemente selbst mit Ihren eigenen Designteams erstellen. Bitte senden Sie diese mindestens eine Woche im Voraus an Valve, um uns und unserem Lokalisierungsteam ausreichend Zeit für Feedback und Lokalisierung zu geben. Steam-Banner werden stets in mehr als 26 Sprachen übersetzt.
HINWEIS: Für Ihre Elemente gelten folgende Anforderungen:
  • **Elemente dürfen 5 MB nicht überschreiten**

    EINZUREICHENDE DATEN
  • Photoshop-Dateien (PSD) mit Ebenen
    • Artworks für Hauptspiel/Protagonist(in) können in der höchsten Auflösung angezeigt werden (Smart-Objekte bevorzugt). So können wir diese Elemente zur Erstellung anderer Promotionsgrafiken wiederverwenden.
    • Logo (Smart-Objekte bevorzugt), separat von Ihren Artworks
    • Jeder Text sollte in einem separaten Textdateiordner innerhalb des PSD-Dokuments bearbeitet werden können, damit er von unserem Team problemlos lokalisiert werden kann.
  • Jedwede verwendete Schriftarten (vor allem nutzerdefinierte Schriften)
Animierte Elemente
  • Für animierte Elemente benötigen wir eine sich nahtlos wiederholende MP4- und PNG-Sequenz ohne Text und Logo. Texte sollten aus Gründen der Lokalisierung nicht animiert sein.
  • Animationen sollten um die 3 bis 5 Sekunden lang sein. Dies hilft dabei, die endgültige Dateigröße zur Anzeige auf Steam gering zu halten. Alle exportierten Dateien dürfen 5 MB nicht überschreiten..
  • Versuchen Sie, langsame und für das Auge angenehme Animationen zu erstellen, die perfekt in ihre Umgebung integriert sind.
  • Versuchen Sie, die Schleife Ihrer Animation so nahtlos und flüssig wie möglich zu gestalten. Bitte beachten Sie, dass Steam Ihre Animation stets in einer Schleife abspielt. Diese Funktion kann nicht abgeschaltet werden. Eine nahtlose Schleife ist nicht zwingend erforderlich, führt aber zu den besten visuellen Ergebnissen.
  • Alle animierten IMs (Marketing-Benachrichtigungen) werden als WebM- und MP4-Dateien exportiert.
  • Sämtliche Texte (außer den Spiel- und Entwicklerlogos), die Nutzern eine Nachricht vermitteln (z. B. „Jetzt verfügbar“ oder „Kürzlich aktualisiert“) müssen editierbar sein, damit diese lokalisiert werden können.
  • Texte können weder animiert noch von Effektanimationen überlagert werden.
  • Bitte reduzieren Sie Texte nicht auf die Ebene des Hintergrunds oder der Animation.
  • Schalten Sie sämtliche Textebenen aus, wenn Sie Ihre PNG-Sequenz oder MP4-Datei exportieren, damit der Text nicht auf die Hintergrundebene reduziert wird.
  • Alle essenziellen Informationen sollten in den grün gekennzeichneten Bereich der Vorlage passen, da sämtliche Elemente außerhalb dieses sicheren Bereichs auf kleinen Bildschirmen abgeschnitten werden.

    EINZUREICHENDE DATEN
  • Photoshop-Dateien mit einer erstellten Video-Zeitleiste, die Ihr Artwork, Ihre Marketingnachricht und die animierte PNG-Sequenz enthalten.
  • Ein Ordner mit all Ihren animierten PNG-Sequenzen.
  • Falls Sie keine PNG-Sequenz bereitstellen können, akzeptieren wir auch eine MP4-Datei der Animation.
  • Sämtliche verwendeten einzigartigen Schriftarten, insbesondere benutzerdefinierte Schriftarten.

ElementnameGrößeTypHinweise
Pop-up-Mitteilungen zu Marketingzwecken570 × 600 PixelJPG, PNG. MP4 & Webm, falls animiertMit dem Spiellogo versehenes Artwork des Spiels oder des Updates. Kurze Handlungsaufforderung.
Siehe Details
Spotlight-Banner306 × 260 PixelJPGSpielartwork mit Logo. Der Text wird automatisch im unteren Bereich hinzugefügt.
Siehe Details
Großes Shop-Banner1850 × 450 PixelJPG, PNG. MP4 & Webm, falls animiertMit dem Spiellogo versehenes Artwork des Spiels oder des Updates. Kurze Handlungsaufforderung.
Siehe Details
Großes Shop-Banner für Mobilgeräte500 × 350 PixelJPG, PNG. MP4 & Webm, falls animiertKleinere Version des Großen Shop-Banners
Erforderlich, wenn ein Shop-Banner verwendet wird.
Siehe Details
Kleines Shop-Banner940 × 150 PixelJPG, PNG. MP4 & Webm, falls animiertMit dem Spiellogo versehenes Artwork des Spiels oder des Updates. Kurze Handlungsaufforderung.
Siehe Details
Takeunder Mobile Banner500 × 160 PixelJPG, PNG. MP4 & WebM if animatedMit dem Spiellogo versehenes Artwork des Spiels oder des Updates. Kurze Handlungsaufforderung.
Siehe Details
Hintergrund der AktionsseiteSiehe Vorlage zum Formatieren und Zuschneiden.JPG, PNGArtwork wird oben im Hintergrund Ihrer Shopseite angezeigt.
Erforderlich für benutzerdefinierte Aktionsstartseiten.
Siehe Details
Shopseitenbanner1100 × 160 PixelJPG, PNGBanner zur Hervorhebung Ihrer Rabattaktion.
Erforderlich für benutzerdefinierte Aktionsstartseiten.
Siehe Details
Shopseitenbanner (Mobilgerät)500px x 160pxJPG, PNGKleinere Version Ihres Shopseitenbanners.
Erforderlich für benutzerdefinierte Aktionsstartseiten.
Siehe Details

Vorlagen für die oben genannten Elemente sind hier verfügbar: AKTUELLE VORLAGEN

Pop-up-Mitteilungen zu Marketingzwecken

Verwendung: Für das Pop-up-Fenster in Steam-Mitteilungen und auf der Steam-Startseite

Beispielorte auf Steam:


popupexample.PNG

frontpageexample394.PNG

Design: Für optimale Ergebnisse sollte das Logo gut lesbar sein und einen Handlungsaufruf zur Werbeaktion beinhalten (Deal zur Wochenmitte, Wochenend-Deal, „Jetzt vorbestellen“, „Jetzt verfügbar“, „Neues Update“ etc.). Der Prozentsatz des Rabatts und die Termine der Aktion sollten auf dieser Grafik nicht angegeben sein. Der Preis und die Schaltfläche der Handlungsaufforderung werden automatisch unter dem Bild angezeigt. Falls Sie für bestimmte Regionen ein anderes Logo verwenden, fügen Sie dieses bitte in die PSD-Datei ein.

Größe: 570 × 600 Pixel (JPEG)
Vidoegröße: 570 × 600 Pixel (MP4, WebM)

Beispiele:
Jetzt verfügbarWochenendangebotNeuer DLC verfügbar
IM_spark.jpgIM_doom.jpgnewdlcsc377x394.jpg
Deal zur WochenmitteKürzlich aktualisiert
lamplighters_MM_MD.jpgIM_Update.jpg
Jetzt vorbestellenJetzt vorausladen
IM_prepurchase.jpgIM_preload.jpg
Gratiswochenende
IM_freeweekend.jpg

Spotlight-Banner

Verwendung: Spotlight-Banner werden bei bestimmten Aktionen wie z. B. dem Wochenend-Deal oder dem Deal zur Wochenmitte auf der Startseite von Steam angezeigt. Sie erscheinen auch in den relevanten Shop-Hubs, wie Genre-Seiten oder Tag-Seiten.

Design: In diesem Banner sollte nur das Artwork und das Logo Ihres Spiels im Vordergrund stehen. Spotlight-Banner verfügen automatisch über einen gerenderten Bereich im unteren Teil des Bildes mit einer Beschreibung (z. B. „Wochenend-Deal“) und dem Enddatum der Werbeaktion.

Größe: 306 × 260 Pixel (JPEG)

Beispielorte auf Steam:

spotlightlocation.PNG

Großes Shop-Banner

Verwendung: Dieses Banner wird nur für die größten Spielveröffentlichungen und bestimmte Publisher-Aktionen verwendet. Es erscheint oben auf der Startseite des Steam-Shops.

Design: Diese Bilder sollten simpel sein, sofort ins Auge springen und Ihre Marke sowie Ihr Produktlogo in den Fokus rücken. Die Ränder des Bildes können verwischt werden oder in eine andere Farbe übergehen, wenn die Hauptfarbe zu stark vom standardmäßigen Blau des Steam-Shops abweicht.

Größe: 1850 × 450 Pixel (PNG)
Vidoegröße: 1850 × 450 Pixel (MP4, WebM)

Frontpage_Takeover.jpg

FrontPage_Takeover_EXAMPLE.jpg

Großes Shop-Banner für Mobilgeräte

Verwendung: Dies ist die Version des großen Shop-Banners für Mobilgeräte. Es wird in Browsern mit einer Breite von weniger als 500 Pixeln angezeigt.

Design: Sollte sich nur in der Größe vom großen Shop-Banner unterscheiden. Nutzen Sie die gesamte Fläche für Ihr Logo und die entsprechende Handlungsaufforderung.

Größe: 500 × 350 Pixel (PNG)
Vidoegröße: 500 × 350 Pixel (MP4, WebM)

Banner unter dem Karussell

Verwendung: Dieses Banner wird nur für die größten Spielveröffentlichungen und bestimmte Publisher-Aktionen verwendet. Es wird im oberen Bereich der Startseite des Steam-Shops direkt unterhalb des Hauptkapselkarussells angezeigt.

Design: Diese Bilder sollten simpel sein, sofort ins Auge springen und Ihre Marke sowie Ihr Produktlogo in den Fokus rücken. Da diese Grafik als Banner auf der Seite erscheint, können Sie die vollständigen Maße verwenden (ohne verwischte Ränder).

Größe: 940 × 150 Pixel (PNG)
Vidoegröße: 940 × 150 Pixel (MP4, WebM)

take_under.jpg

Banner unter dem Karussell für Mobilgeräte

Verwendung: Dies ist eine Mobilversion des Banners unter dem Karussell. Es wird in Browsern mit einer Breite von weniger als 500 Pixeln angezeigt.

Design: Sollte sich nur in der Größe vom Banner unter dem Karussell unterscheiden. Nutzen Sie die gesamte Fläche für Ihr Logo und die entsprechende Handlungsaufforderung.

Größe: 500 × 160 Pixel (PNG)
Vidoegröße: 500 × 160 Pixel (MP4, WebM)

take_under_mobile.jpg

Hintergrund der Aktionsseite

Verwendung: Dieses Bild wird oben auf Ihrer Aktionsseite und als Hintergrund verwendet.

Design: Die wichtigsten Inhalte sollten sich innerhalb des „sicheren“ Bereichs der Vorlage befinden, der durch das 940 Pixel breite grüne Feld gekennzeichnet ist. Die Seiten und den unteren Rand des Artworks können Sie nach Ihrem eigenen Ermessen verblassen lassen. Beispielsweise können Sie einen Hintergrund mit einer Breite von 1789 Pixeln erstellen und die Seiten sowie den unteren Rand in eine Volltonfarbe übergehen lassen. Wählen Sie in Steamworks dieselbe Farbe als Hintergrundfarbe für Ihre Aktionsseite aus.

1.png

Shopseitenbanner

Verwendung: Dieser Shopseitenbanner wird bei entsprechender Einstellung oben auf den Shopseiten aller am Event teilnehmenden Spiele angezeigt. Sie können Shopseitenbanner verwenden, wenn die Entwickler jedes einzelnen auf Ihrer Aktionsseite aufgenommenen Spiels darüber benachrichtigt wurden und einem solchen Banner zustimmen. In anderen Worten: Es sollte keine Überraschung für Entwickler sein, dass Ihr Banner oben auf den Shopseiten teilnehmender Spiele erscheint.

Design: Das Artwork für Shopseitenbanner sollte simpel sein und sofort ins Auge springen. In der Regel handelt es sich dabei um das zentrale Artwork Ihres Events.

Größe: 1100 × 160 Pixel (PNG)

gamebanner.png

Shopseitenbanner (Mobilgerät)

Verwendung: Dies ist eine kleine Version des Shopseitenbanners für Mobilgeräte. Es wird in Browsern mit einer Breite von weniger als 500 Pixeln angezeigt.

Design: Sollte sich nur in der Größe vom Shopseitenbanner unterscheiden. Nutzen Sie die gesamte Fläche für Ihr Logo und die entsprechende Handlungsaufforderung.

Größe: 500 × 160 Pixel (PNG)