Comment créer le graphisme ?
La première étape consiste à utiliser le wireframe, car il offre une représentation schématique claire de la disposition des éléments sur chaque page de votre campagne de jeu. Ensuite, vous pouvez utiliser le pack graphique général pour concevoir les éléments graphiques principaux, car cela vous offre une base solide pour votre conception. Enfin, pour les éléments spécifiques à chaque mécanique de jeu, vous pouvez consulter les packs graphiques dédiés dans les articles correspondants.
Pack graphique général
Adictiz Box vous permet de personnaliser vos campagnes de jeu sur Desktop, Mobile et Bornes. Consultez notre fichier téléchargeable pour simplifier la création graphique de vos campagnes, avec des exemples PSD pour Desktop et Mobile. Il comprend les nomenclatures standard et une organisation couramment utilisée sur notre plateforme.
Contenu du fichier
Contenu du fichier
Ce fichier contient les éléments suivants :
Une notice graphique générale
Une notice sur les bonnes pratiques
Un dossier contenant les templates PSD mobile & desktop
Un dossier templates boutons SVG
Un dossier templates banicon
Un dossier template popin
Spécifications graphiques générales
La plateforme Adictiz Box n’étant pas responsive, vous devrez donc produire des écrans distincts pour desktop et mobile.
Paramètres de Production
Nous recommandons de travailler avec les spécifications suivantes:
Résolution : 72 dpi
Espace de travail : RVB
Profil colorimétrique : sRGB IEC61966-2.1
Logiciels recommandés : Photoshop (.psd), Figma ou Canva
🎨 Des Templates PSD sont disponibles dans le Pack graphique général (ci-dessus) aux bonnes spécifications graphiques.
Vous pouvez également utiliser les éléments Figma disponibles ici
Organisation des Fichiers Source (.psd)
Pour une meilleure réutilisation et intégration, veuillez suivre ces bonnes pratiques:
Utilisez un seul .psd pour tous vos écrans desktop et un seul .psd pour tous vos écrans mobile.
Importez vos éléments en tant qu'Objet dynamique.
N'utilisez pas la pixelisation des calques.
Organisez et renommez vos calques et groupes de calques.
Des templates .psd sont disponibles pour respecter les bonnes spécifications graphiques.
Exemple arborescence des calques d’un fichier .psd unique pour tous les écrans desktop :
Création et dimensions des écrans Desktop et Mobile
Retrouvez dans cet article toutes les informations concernant nos recommandations sur la dimension des arrières plans en fonction des vues.
Vous y trouverez également les informations sur les lignes de flottaison.
En ce qui concerne l'exportation pour intégration dans la plateforme, vous devez :
Exporter un fond par écran de jeu desktop.
Ils ne doivent pas contenir d'éléments dynamiques qui seront intégrés par-dessus lors de la configuration de la campagne sous Adictiz Box.
Les fonds (Desktop & Mobile) doivent donc être exportés : SANS les éléments dynamiques intégrés (Bouton - Formulaire - Mécanique de jeu - Classement - Slideshow...)
Les fonds mobile doivent être rognés en hauteur si besoin pour éviter un scroll inutile.
Méthode d’exportation (voir section)
Création des boutons
Deux options s'offrent à vous :
La création des boutons en image, en format .svg (recommandé) ou .png / .jpg / .gif
Utiliser l'outil de création de bouton intégré à la plateforme
Création des visuels Banicons
Ces visuels vous permettent d'améliorer l'expérience utilisateurs et de rendre le partage de vos campagnes plus agréable, vous pouvez donc créer :
un visuel de campagne et de partage Facebook
un visuel d'application Facebook
un favicon
Un template Photoshop est disponible dans le dossier "Pack graphique général".
Pour plus d'informations, consultez cet article.
Utilisation des polices
Afin d'optimiser les créations graphiques de vos jeux, et d'être fidèle à votre charte graphique, vous avez la possibilité de télécharger votre propres typo au format WOFF ou WOFF2.
Méthode d'exportation
Afin d’optimiser le poids des fichiers exportés nous préconisons l’utilisation de cette méthode.
Fichier > Exportation > Enregistrer pour le Web (hérité)
Sélectionnez les paramètres suivants dans la popin d’exportation :
Format : JPEG Qualité Maximum - 100 Optimisé : activé Incorporer le profil couleur : activé Convertir en sRVB : activé | Format : PNG-24 Convertir en sRVB : activé |
Graphisme d'une mécanique de jeu
Pour créer les graphismes d'une mécanique de jeu, dirigez-vous vers notre centre d'aide et recherchez le nom de la mécanique de jeu ou allez directement sur cette collection qui recense l'ensemble des spécifications graphiques.
Vous trouverez facilement l'article "Création graphique" correspondant à votre mécanique de jeu. Si disponible, téléchargez le pack graphique associé à cette mécanique. Il contient un template Photoshop .psd.
✍️ Note : Certaines mécaniques de jeu n'ont pas de pack graphique car les éléments graphiques à produire sont simples.