Dokumentace systému Steamworks
Propagační grafické prvky pro obchod
Pokud hledáte podrobnosti ohledně dalších grafických prvků použitých ve službě Steam, navštivte stránku Grafické prvky – přehled.

Řada z větších událostí v obchodu služby Steam, a to včetně pravidelných slev spravovaných společností Valve, vyžaduje obrázky konkrétních rozměrů, které nejsou použity na jiných místech.

Všechny šablony použitelné v programu Photoshop jsou ke stažení zde: AKTUÁLNÍ VERZE ŠABLON
(Poznámka: Používejte vždy pouze aktuální šablony a starší verze mažte.)


Většinu z prvků popsaných na této stránce jistě dokážete vytvořit sami s pomocí svých designérů. Nám (společnosti Valve) je prosím pošlete alespoň týden předem, abychom Vám mohli poskytnout případnou zpětnou vazbu a měli jsme dostatek času na lokalizaci, jelikož prvky jsou vždy překládány do všech jazyků podporovaných službou Steam.
POZNÁMKA: Na prvky se vztahují následující požadavky:
  • **Každý prvek musí být menší než 5 MB.**
  • Prvky musí být odeslány jako soubory formátu PSD (Photoshop) s vrstvami.
    • Hlavní obrázek (např. vyobrazující postavu) by měl mít co nejvyšší možné rozlišení a ideálně by se mělo jednat o inteligentní objekt. Díky tomu bude možné prvek snadno použít při různých příležitostech.
    • Logo musí být oddělené od obrázku a ideálně by se mělo jednat o inteligentní objekt.
    • Veškerý text by mělo být možné upravit a měl by se v rámci souboru formátu PSD nacházet v oddělené složce „text“, abychom ho mohli snáze lokalizovat.
  • Musíte poskytnout všechny použité fonty (především vlastní fonty).
Animované prvky
  • Co se animovaných prvků týče, požadujeme také čistě uzavřenou sekvenci (nelze určit konec ani začátek) ve formátu MP4 nebo PNG bez textu a loga. Žádný text by neměl být animovaný, abychom ho mohli snáze lokalizovat.
  • Animace by měly být dlouhé kolem 3 až 5 sekund. Tím je zajištěna přijatelná velikost finálního souboru, protože i animované prvky musí být po exportu menší než 5 MB.
  • Animace by měly být pomalé (nemlátit do očí) a působit přirozeně vůči zbytku prvku/obrázku.
  • Animace by měly být čistě uzavřené smyčky. Upozorňujeme, že veškeré animace ve službě Steam jsou přehrávány neustále dokola a nelze to změnit. Čistě uzavřená smyčka tedy není vyžadovaná, ale pro dosažení co nejlepších výsledků ji důrazně doporučujeme.
  • Všechny animované marketingové zprávy jsou exportovány jako soubory formátu WebM a MP4.
  • Veškerý text (kromě log hry nebo vývojářů/vydavatelů) se zprávou pro uživatele (např. „Nyní dostupné“ nebo „Nově aktualizováno“) musí být možné upravit, abychom ho mohli lokalizovat:
  • Text nesmí být animovaný a nesmí být ani částečně zakryt animací.
  • Text nesmí být sloučen do pozadí nebo animace.
  • Při exportování sekvence formátu PNG nebo MP4 nezapomeňte vypnout viditelnost všech textových vrstev, aby se text nesloučil do pozadí.
  • Všechny klíčové informace by se měly nacházet v zelené „bezpečné oblasti“ vyznačené v šabloně, protože vše mimo tuto oblast bude na menších obrazovkách/displejích useknuto.

    CO NÁM POSLAT
  • Soubory formátu PSD s předpřipravenou časovou osou videa zahrnující obrázek, zprávu a sekvenci ve formátu PNG.
  • Složku obsahující celou sekvenci ve formátu PNG (příp. více sekvencí).
  • Pokud nemůžete sekvenci poskytnout ve formátu PNG, lze použít také formát MP4.
  • Všechny použité fonty (především vlastní fonty).

Název prvkuRozměryFormátPoznámky
Vyskakovací marketingová zpráva570×600 pixelůJPG, PNG. MP4 a WebM (animace)Obrázek hry nebo aktualizace včetně loga a krátká výzva pro zákazníky
Podrobnosti
Prominentní obrázek306×260 pixelůJPGObrázek hry včetně loga (text bude přidán automaticky)
Podrobnosti
Obrázek hlavní upoutávky1850×450 pixelůJPG, PNG. MP4 a WebM (animace)Obrázek hry nebo aktualizace včetně loga a krátká výzva pro zákazníky
Podrobnosti
Obrázek hlavní upoutávky (mobil)500×350 pixelůJPG, PNG. MP4 a WebM (animace)Menší verze obrázku hlavní upoutávky
Vyžadováno, pokud je používána hlavní upoutávka
Podrobnosti
Obrázek vedlejší upoutávky940×150 pixelůJPG, PNG. MP4 a WebM (animace)Obrázek hry nebo aktualizace včetně loga a krátká výzva pro zákazníky
Podrobnosti
Pozadí stránky výprodejeRozměry jsou určeny v šabloněJPG, PNGObrázek tvořící vršek a pozadí stránky Vašeho výprodeje.
Vyžadováno, pokud je přítomna vstupní stránka vlastního výprodeje
Podrobnosti
Banner na stránce v obchodu1100×160 pixelůJPG, PNGObrázek poutající na Váš výprodej na stránkách zahrnutých her
Vyžadováno, pokud je přítomna vstupní stránka vlastního výprodeje
Podrobnosti
Banner na stránce v obchodu (mobil)500×160 pixelůJPG, PNGMenší verze banneru na stránce v obchodu
Vyžadováno, pokud je přítomna vstupní stránka vlastního výprodeje
Podrobnosti

Šablony pro výše popsané prvky jsou ke stažení zde: AKTUÁLNÍ VERZE ŠABLON

Vyskakovací marketingová zpráva

Použití: Ve vyskakovacím propagačním oknu klienta služby Steam a na hlavní stránce obchodu služby Steam.

Ukázky použití ve službě Steam:


popupexample.PNG

frontpageexample394.PNG

Design: Ideálně zajistěte, aby bylo možné bez problémů přečíst logo a zahrňte POUZE text s výzvou odkazující na typ propagační akce (slevové šílenství, víkendová akce, předobjednávka, vydání hry, nová aktualizace apod.). Nezahrnujte procentuální výši slevy ani data konání. Cena a tlačítko pro přechod na stránku v obchodě budou pod obrázek přidány automaticky. Pokud pro vybrané regiony potřebujete použít jiné logo, zahrňte ho v souboru formátu PSD.

Rozměry: 570×600 pixelů, JPG.
Rozměry (animace): 570×600 pixelů, MP4 a WebM.

Ukázky:
Nyní dostupnéVíkendová akceNové DLC
IM_spark.jpgIM_doom.jpgnewdlcsc377x394.jpg
Slevové šílenstvíNově aktualizováno
lamplighters_MM_MD.jpgIM_Update.jpg
Předobjednejte siPředstáhněte si
IM_prepurchase.jpgIM_preload.jpg
Bezplatný víkend
IM_freeweekend.jpg

Prominentní obrázek

Použití: Prominentní obrázek mohou zákazníci vidět ve vrchní části domovské stránky obchodu služby Steam, kde je spojen se specifickou propagační akcí, například slevovým šílenstvím nebo víkendovou akcí. Také se zobrazí v odpovídajících centrech obchodu (např. stránky žánrů nebo značek).

Design: Tento obrázek by se měl zaměřit čistě na charakteristickou grafiku a logo Vaší hry. Sekce popisující typ propagační akce (např. „Víkendová akce“) a informující o datu ukončení této akce je pod každý prominentní obrázek přidána automaticky.

Rozměry: 306×260 pixelů, JPG.

Ukázka použití ve službě Steam:

spotlightlocation.PNG

Obrázek hlavní upoutávky

Použití: Hlavní upoutávka je vyhrazena pouze pro vydání velkých her nebo vybrané výprodeje. Tento obrázek je použit na vrchu domovské stránky obchodu služby Steam.

Design: Obrázek hlavní upoutávky by neměl být přeplácaný a měl by dostávat svému názvu – poutat pozornost. Běžně se jedná o jeden klíčový obrázek zahrnující logo Vaší hry a její branding. Obrázek může mizet do ztracena nebo přecházet do jiné jednolité barvy, pokud je jeho primární barva příliš v kontrastu se standardní modrou barvou obchodu služby Steam.

Rozměry: 1850×450 pixelů, PNG.
Rozměry (animace): 1850×450 pixelů, MP4 a WebM.

Frontpage_Takeover.jpg

FrontPage_Takeover_EXAMPLE.jpg

Obrázek hlavní upoutávky (mobil)

Použití: Verze hlavní upoutávky pro mobilní zařízení. Je použita v oknech prohlížečů, která jsou užší než 500 pixelů.

Design: Měl by odpovídat obrázku hlavní upoutávky, akorát být menší. Využijte celou plochu a místo vyplňte logem a výzvou pro zákazníky.

Rozměry: 500×350 pixelů, PNG.
Rozměry (animace): 500×350 pixelů, MP4 a WebM.

Obrázek vedlejší upoutávky

Použití: Vedlejší upoutávka je vyhrazena pouze pro vydání velkých her nebo vybrané výprodeje. Tento banner je použit ve vrchní části domovské stránky obchodu služby Steam, přímo pod kolotočem hlavního výběru.

Design: Obrázek vedlejší upoutávky by neměl být přeplácaný a měl by dostávat svému názvu – poutat pozornost. Běžně se jedná o jeden klíčový obrázek zahrnující logo Vaší hry a její branding. Jelikož se jedná o oddělený banner, můžete zaplnit celou plochu (a okraje by neměly mizet do ztracena).

Rozměry: 940×150 pixelů, PNG.
Rozměry (animace): 940×150 pixelů, MP4 a WebM.

take_under.jpg

Obrázek vedlejší upoutávky (mobil)

Použití: Verze vedlejší upoutávky pro mobilní zařízení. Je použita v oknech prohlížečů, která jsou užší než 500 pixelů.

Design: Měl by odpovídat obrázku vedlejší upoutávky, akorát být menší. Využijte celou plochu a místo vyplňte logem a výzvou pro zákazníky.

Rozměry: 500×160 pixelů, PNG.
Rozměry (animace): 500×160 pixelů, MP4 a WebM.

take_under_mobile.jpg

Pozadí stránky výprodeje

Použití: Tento obrázek tvoří vrchní část a pozadí stránky Vašeho výprodeje.

Design: Klíčový obsah by se měl nacházet v bezpečné oblasti, která je v šabloně vyznačena jako 940 pixelů široký limetkově zelený obdélník. Jinak může obrázek dle libosti zasahovat do stran / dolů. Váš obrázek tedy může být 1 789 pixelů široký a po stranách postupně přecházet do jednolité barvy, kterou poté v systému Steamworks nastavíte pro zbytek pozadí stránky.

1.png

Banner na stránce v obchodu

Použití: Banner je vystavený na vrchu stránky v obchodě každé hry zahrnuté ve Vašem výprodeji. Banner máte povoleno použít pouze, pokud ho schválili tvůrci všech her zahrnutých ve výprodeji. Jinými slovy, pro žádného vývojáře účastnícího se Vašeho výprodeje by nemělo být překvapením, že se na vrchu stránky jeho hry v obchodě objeví banner odkazující na výprodej.

Design: Banner na stránce v obchodu by neměl být přeplácaný a měl by poutat pozornost. Běžně se jedná o jeden klíčový obrázek reprezentující daný výprodej.

Rozměry: 1100×160 pixelů, PNG.

gamebanner.png

Banner na stránce v obchodu (mobil)

Použití: Verze banneru na stránce v obchodu pro mobilní zařízení. Je použita v oknech prohlížečů, která jsou užší než 500 pixelů.

Design: Měl by odpovídat banneru na stránce v obchodu, akorát být menší. Využijte celou plochu a místo vyplňte logem a výzvou pro zákazníky.

Rozměry: 500×160 pixelů, PNG.