Tutoriel – Éléments Graphiques pour Créer une Application

De manière générale, tous les fichiers image ne doivent pas comporter d’accent dans leur nom.

Icône de l’application

L’icône correspond à l’image qui va représenter l’application sur le mobile. 

dimensions_iconeRésolution :

  • Largeur : 1000 pixels 
  • Hauteur : 1000 pixels

Format de l’image : JPEG (nom de fichier en .jpg exclusivement) ou PNG

Attention : les coins arrondis ne doivent pas être réalisés dans l’image du logo. Il s’agit ici d’un exemple d’icône iPhone dont les coins ont été arrondis automatiquement par Apple.

 
icone 

L’écran de lancement

L’écran de lancement est la première image qui va apparaître pendant le chargement de l’application.

dimension_imange_lancementmarges_image_lancement

image_lancementRésolution :

–          Largeur : 2208 pixels

–          Hauteur : 2208 pixels

Format de l’image : JPEG (nom de fichier en .jpg exclusivement) ou PNG

Attention : si un texte figure dans cette image, il doit être centré horizontalement et verticalement pour qu’il apparaisse sur tous les écrans quels que soient leur tailles et résolutions. De plus, une marge de 500 pixels à gauche et à droite, en haut et en bas doit être laissée sur l’image.

 


Le logo titre

Le logo est affiché sur la page d’accueil uniquement
dimensions_image_titreRésolution :

  • illustrat_image_titreLargeur : 200 pixels
  • Hauteur : 43 pixels

Format de l’image : JPEG (nom de fichier en .jpg exclusivement) ou PNG

Le logo n’est pas obligatoire. S’il n’est pas indiqué, le titre de la page d’accueil sera affiché.

 


La page d’accueil

dimensions_vitrineLa page d’accueil de votre application est composée d’une liste verticale d’images.

Résolution :

–         Largeur : 1000 pixels

–         Hauteur : Libre

Si vous souhaitez afficher une image unique en page d’accueil, afin d’être certain qu’il n’y ait pas de blanc en dessous de votre image, nous recommandons d’utiliser une image dont le format est le suivant :

–         Largeur : 1000 pixels

–         Hauteur : 1750 pixels

–         Ne pas positionner de texte en dessous de 1500 px de hauteur car sur certains écrans plus petits, le texte risque d’être tronqué.

Format de l’image : JPEG (nom de fichier en .jpg exclusivement) ou PNG

 

 
 

Le fond d’écran

Le fond d’écran est affiché en arrière plan sur toutes les pages de l’application.

dimensions_fond_ecranRésolution :

–         Largeur : 1000 pixels

–         Hauteur : 1500 pixels

Format de l’image : JPEG (nom de fichier en .jpg exclusivement) ou PNG

Le fond d’écran n’est pas obligatoire. S’il n’est pas indiqué, la couleur de fond sera affichée en arrière plan sur toutes les pages.

Le fond d’écran doit être choisi avec précaution. Il est de préférence neutre, homogène avec les couleurs choisies pour l’application et peut être flouté.

Typiquement, un bon fond d’écran doit permettre de paramétrer une couleur de fond semi-transparents pour les « cadres de contenus ».

 

 
 

Les cadeaux

Les cadeaux peuvent être illustrés par des images.

Carte de fidélité, messages, jeux

illustration_cadeauxRésolution :

–         Largeur : 500 pixels

–         Hauteur : 500 pixels

Format de l’image : JPEG (nom de fichier en .jpg exclusivement) ou PNG

dimensions_cadeaux

 

Jeux

Un jeu est représenté par un « Bandit manchot » dont les 3 images sont paramétrables.

illustration_jeuxRésolution :

–       Largeur : 500 pixels

–       Hauteur : 500 pixels

Format de l’image : JPEG (nom de fichier en .jpg exclusivement) ou PNG

A savoir : la première image correspond au trio gagnant. Cela signifie que l’utilisateur a gagné quand il obtient 3 fois la première image.

dimensions_jeux


Magasins

Chaque point de vente peut être illustré par une image

illustration_magasinRésolution :

–          Largeur : 500 pixels

–          Hauteur : 500 pixels

Format de l’image : JPEG (nom de fichier en .jpg exclusivement) ou PNG

dimensions_magasins

 

Messages

Un message peut comporter une image

Résolution :

–          Largeur : 500 pixels

–          Hauteur : 500 pixels

Format de l’image : JPEG (nom de fichier en .jpg exclusivement) ou PNG


 Événements

Les catégories d’événements sont illustrées par des images

Résolution :

–          Largeur : 1000 pixels

–          Hauteur : 300 pixels

Format de l’image : JPEG (nom de fichier en .jpg exclusivement) ou PNG

evenements_images_categories


 Forum

Les catégories du forum sont illustrées par des images

Résolution :

–          Largeur : 1000 pixels

–          Hauteur : 300 pixels

Format de l’image :JPEG (nom de fichier en .jpg exclusivement) ou PNG

evenements_images_categories


Poids des images

Pour des raisons d’optimisation et de fluidité de l’application, toutes les images ne doivent pas dépasser 150 ko.