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 prvku | Rozměry | Formát | Poznámky |
---|
Vyskakovací marketingová zpráva | 570×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ázek | 306×260 pixelů | JPG | Obrázek hry včetně loga (text bude přidán automaticky) Podrobnosti |
Obrázek hlavní upoutávky | 1850×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ávky | 940×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ýprodeje | Rozměry jsou určeny v šabloně | JPG, PNG | Obrá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 obchodu | 1100×160 pixelů | JPG, PNG | Obrá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, PNG | Menší 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 ŠABLONVyskakovací 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: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á akce | Nové DLC |
| | |
| | |
Slevové šílenství | Nově aktualizováno | |
| | |
| | |
Předobjednejte si | Předstáhněte si | |
| | |
| | |
Bezplatný víkend | |
|
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: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.
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.
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.
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.
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.
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.