Documentazione di Steamworks
Risorse grafiche degli eventi promozionali
Se stai cercando le specifiche delle risorse su Steam, consulta la panoramica delle risorse

Molti dei principali eventi su Steam, tra cui le promozioni classiche, includono immagini di dimensioni ben definite create appositamente per quegli spazi promozionali.

Puoi accedere ai modelli completi di Photoshop e ai dettagli qui: MODELLI ATTUALI
(Nota: usa questo nuovo modello e rimuovi tutte le precedenti versioni)


Puoi creare molte di queste risorse in autonomia, con i tuoi team di progettazione. Inviale a Valve con almeno una settimana di anticipo, così da poterti dare un feedback a riguardo e lasciare tempo a sufficienza al nostro team di localizzazione. Traduciamo sempre i banner di Steam in oltre 26 lingue.
NOTA: tutte le risorse inviate devono includere:
  • **Tutte le risorse devono avere dimensioni inferiori a 5 MB**
  • File di Photoshop (PSD) a livelli
    • Un'immagine del gioco/personaggio principale nella maggior risoluzione possibile (oggetto avanzato, ove possibile). In questo modo potremo riutilizzare queste risorse per creare altre immagini promozionali per Steam ove necessario.
    • Il logo (oggetto avanzato, ove possibile), separato dall'immagine.
    • Qualunque testo dovrebbe essere modificabile in una cartella distinta "text" all'interno del documento PSD, in modo da poter essere facilmente tradotto dal nostro team.
  • Tutti i font utilizzati (specialmente quelli personalizzati)
Risorse animate
  • Per le risorse animate, fornisci anche una sequenza che si ripeta senza interruzioni in formato MP4 e PNG e che non contenga scritte o loghi. Le scritte non dovranno essere animate, in modo da poter essere tradotte facilmente dal nostro team.
  • Le animazioni dovrebbero avere preferibilmente una durata di circa 3-5 secondi. In questo modo si riesce a limitare la dimensione finale del file per la visualizzazione su Steam. Tutti i file finali esportati devono avere una dimensione non superiore ai 5 MB.
  • Cerca di rendere le animazioni lente e che non disturbino gli occhi. L'animazione deve integrarsi nell'ambiente.
  • Lo scopo è creare un'animazione a ciclo continuo. Tieni presente che Steam è impostato in modo da riprodurre l'animazione a ciclo continuo. Tale funzionalità non può essere disattivata. Una sequenza a ciclo continuo non è obbligatoria, ma è fortemente consigliata per ottenere i migliori risultati visivi.
  • Tutti i messaggi di marketing animati saranno esportati come file WebM e MP4.
  • Tutti i testi (a parte i loghi del gioco o dello sviluppatore) che esprimono un messaggio agli utenti (ad esempio, "disponibile ora" o "nuovo aggiornamento") devono restare modificabili in modo che sia possibile tradurli:
  • I testi non possono essere animati e non ci possono essere effetti animati sopra i testi.
  • Non appiattire i testi sullo sfondo dell'animazione.
  • Quando esporti la tua sequenza PNG, o file MP4, assicurati di disattivare tutti i livelli di testo in modo che quest'ultimo non sia appiattito sullo sfondo.
  • Tutte le informazioni essenziali devono restare all'interno della zona sicura verde indicata nel modello, poiché tutto ciò che si trova al di fuori risulterà troncato sugli schermi più piccoli.

    COSA INVIARCI
  • File di Photoshop configurati con una sequenza temporale video contenente l'immagine, i messaggi e la sequenza di animazione PNG.
  • Una cartella contenente l'intera sequenza (o sequenze) di animazione PNG.
  • Se non puoi fornire una sequenza PNG, è accettabile anche un file MP4 per l'animazione.
  • Tutti i font esclusivi utilizzati, specialmente quelli personalizzati.

Nome della risorsaDimensioniFormatoNote
Messaggi popup di marketing570 px x 600 pxJPG, PNG. MP4 e Webm se animatoImmagine del gioco o di un aggiornamento con il logo del gioco. Breve invito all'azione.
Mostra dettagli
Banner sotto i riflettori306 x 260 pxJPGImmagine del gioco con il logo. Il testo verrà aggiunto automaticamente nella parte inferiore.
Mostra dettagli
Banner in primo piano1850 px x 450 pxJPG, PNG. MP4 e Webm se animatoImmagine del gioco o dell'aggiornamento con logo del gioco. Breve invito all'azione.
Mostra dettagli
Banner in primo piano (cellulare)500 px x 350 pxJPG, PNG. MP4 e Webm se animatoUna versione più piccola del banner in primo piano.
Obbligatorio per le promozioni che prevedono un banner in primo piano
Mostra dettagli
Banner in secondo piano940 px x 150 pxJPG, PNG. MP4 e Webm se animatoImmagine del gioco o dell'aggiornamento con logo del gioco. Breve invito all'azione.
Mostra dettagli
Sfondo della pagina degli scontiConsulta il modello per le dimensioni e il posizionamento.JPG, PNGImmagine che appare nella parte superiore e sullo sfondo della tua pagina dei saldi.
Obbligatoria se esiste una pagina principale dei saldi personalizzata
Vedi i dettagli
Banner della pagina del Negozio1100 px x 160 pxJPG, PNGBanner che mette in evidenza il tuo evento di saldi.
Obbligatorio se esiste una pagina principale dei saldi personalizzata
Vedi i dettagli
Banner della pagina del Negozio (dispositivi mobili)500 px x 160 pxJPG, PNGVersione più piccola del banner della pagina del Negozio.
Obbligatoria se esiste una pagina principale dei saldi personalizzata
Vedi i dettagli

I modelli per le risorse elencate sopra sono disponibili qui: MODELLI ATTUALI

Messaggi popup di marketing

Utilizzo: finestra popup di Steam e nella pagina iniziale di Steam.

Posizioni di esempio su Steam:


popupexample.PNG

frontpageexample394.PNG

Aspetto: per un risultato migliore, assicurati che il logo sia ben leggibile e che includa SOLO un riquadro che descriva il tipo di promozione (Affare di metà settimana, Affare del weekend, Preacquisto, Disponibile ora, In arrivo e così via), senza la percentuale di sconto o le date dell'evento. Il prezzo e il pulsante di invito all'azione appariranno automaticamente al di sotto dell'immagine. Se c'è un logo regionale che deve essere usato per regioni specifiche, includilo nel file PSD.

Dimensioni: 570 x 600 px, JPEG
Dimensioni del video: 570 x 600 px, MP4 e WebM

Esempi:
Disponibile oraAffare del weekendNuovo DLC disponibile
IM_spark.jpgIM_doom.jpgnewdlcsc377x394.jpg
Affare di metà settimanaNuovo aggiornamento
lamplighters_MM_MD.jpgIM_Update.jpg
Preacquista oraScarica in anticipo adesso
IM_prepurchase.jpgIM_preload.jpg
Weekend gratis
IM_freeweekend.jpg

Banner sotto i riflettori

Utilizzo: i banner sotto i riflettori vengono mostrati vicino alla parte superiore della pagina iniziale di Steam per promozioni specifiche come gli Affari di metà settimana o del weekend. Vengono visualizzati anche negli hub del Negozio pertinenti, come le pagine dei generi o le pagine delle etichette.

Aspetto: questo banner dovrebbe essere incentrato esclusivamente sulle illustrazioni del tuo gioco e del relativo logo. I banner sotto i riflettori mostreranno automaticamente una sezione sotto l'immagine contenente un testo che descrive il tipo di promozione (come "Affare del weekend") e la sua data conclusiva.

Dimensioni: 306 x 260 px, JPEG

Posizione di esempio su Steam:

spotlightlocation.PNG

Banner in primo piano

Utilizzo: i banner in primo piano su Steam vengono usati soltanto per il rilascio di giochi estremamente popolari o per determinate campagne promozionali degli editori. Questo banner viene mostrato in cima alla pagina iniziale del Negozio di Steam.

Aspetto: le immagini in primo piano su Steam devono essere semplici e accattivanti. Di solito si tratta di un'immagine con le illustrazioni chiave che rappresentano il tuo brand e il logo del prodotto. È possibile sfumare i bordi dell'immagine o realizzare una transizione di colore se il colore primario contrasta troppo con il blu del Negozio di Steam.

Dimensioni: 1850 x 450 px, PNG
Dimensioni del video: 1850 x 450 px, MP4 e WebM

Frontpage_Takeover.jpg

FrontPage_Takeover_EXAMPLE.jpg

Banner in primo piano (cellulare)

Utilizzo: si tratta della versione per cellulari del banner in primo piano su Steam. Verrà mostrato nei browser con una larghezza inferiore a 500 px.

Aspetto: deve corrispondere a quello del banner in primo piano, ma in dimensioni ridotte. Utilizza tutto lo spazio a disposizione inserendo il logo e un invito all'azione.

Dimensioni: 500 x 350 px, PNG
Dimensioni del video: 500 x 350 px, MP4 e WebM

Banner in secondo piano

Utilizzo: i banner in secondo piano su Steam vengono usati soltanto per il rilascio di giochi estremamente popolari o per determinate campagne promozionali degli editori. Questo banner viene mostrato vicino alla parte superiore della pagina iniziale del Negozio di Steam, subito sotto al banner a scorrimento delle capsule principali.

Aspetto: le immagini in secondo piano su Steam devono essere semplici e accattivanti. Di solito si tratta di un'immagine con le illustrazioni chiave che rappresentano il tuo brand e il logo del prodotto. L'immagine verrà mostrata nella pagina sotto forma di banner, quindi puoi usare tutto lo spazio a disposizione senza sfumare i bordi.

Dimensioni: 940 x 150 px, PNG
Dimensioni del video: 940 x 150 px, MP4 e WebM

take_under.jpg

Banner in secondo piano (cellulare)

Utilizzo: si tratta della versione per cellulari del banner in secondo piano su Steam. Verrà mostrato nei browser con una larghezza inferiore a 500 px.

Aspetto: deve corrispondere a quello del banner in secondo piano, ma in dimensioni ridotte. Utilizza tutto lo spazio a disposizione inserendo il logo e un invito all'azione.

Dimensioni: 500 x 160 px, PNG
Dimensioni del video: 500 x 160 px, MP4 e WebM

take_under_mobile.jpg

Sfondo della pagina dei saldi

Utilizzo: questa è l'immagine che appare nella parte superiore e sullo sfondo della tua pagina dei saldi.

Aspetto: i contenuti essenziali devono essere collocati all'interno della zona sicura del modello indicata dal riquadro verde acido largo 940 pixel. Le immagini possono fuoriuscire dai margini laterali e inferiore della pagina, se lo desideri. Ad esempio, puoi eseguire le immagini dello sfondo a una larghezza di 1789 pixel con una sfumatura in dissolvenza su una tinta unita sui lati e sulla parte inferiore, quindi impostare il colore di sfondo della pagina in modo che corrisponda a questa tinta unita in Steamworks.

1.png

Banner della pagina del Negozio

Utilizzo: il banner della pagina del Negozio può essere impostato in modo da apparire in cima alla pagina del Negozio di ogni gioco elencato all'interno del tuo evento. Puoi usare i banner delle pagine del Negozio solo se i creatori di ogni singolo gioco incluso nella tua pagina dei saldi sono a conoscenza e approvano tale uso. In altre parole, la presenza di un banner in cima alla pagina del Negozio di un gioco non dovrebbe essere una sorpresa per gli sviluppatori.

Aspetto: le immagini del banner della pagina del Negozio devono essere semplici e accattivanti. In genere si tratta della singola illustrazione che rappresenta l'evento di saldi.

Dimensioni: 1100 x 160 px, PNG

gamebanner.png

Banner della pagina del Negozio (dispositivi mobili)

Utilizzo: si tratta della versione per dispositivi mobili del banner della pagina del Negozio. Verrà mostrato nei browser con una larghezza inferiore a 500 px.

Aspetto: deve corrispondere a quello del banner della pagina del Negozio, ma in dimensioni ridotte. Utilizza tutto lo spazio a disposizione inserendo il logo e un invito all'azione.

Dimensioni: 500 x 160 px, PNG