VUES GRAPHIQUES

Imaginer... Créer...

Vues Graphiques

Imaginer… Créer…

Avec les vues graphiques, il n’y a plus de limites de design. Partez d’un écran vide puis mettez en place chacun de vos éléments. Il est possible de construire l’ensemble de l’Application uniquement avec des vues graphiques. Deux étapes sont nécessaires :

  • La construction de la vue graphique (l’ensemble de son contenu)
  • Sa mise en place dans l’application

Les gabarits

Chaque smartphone ancien, actuel et futur, a une résolution en nombre de pixels spécifique. Par exemple, voici les résolutions de quelques smartphones :

  • Iphone 6 : 750 x 1334 pixels avec 326 pixels par pouce (375×667)
  • Iphone X : 1 125 x 2 436 pixels à 458 ppp (375×812)
  • Samsung Galaxy S8+ : 1440 x 2960 pixels avec 531 ppp   (480×987)
  • Google Pixel : 1080 x 1920 pixels avec 441 ppp (360×640)

Le rapport Largeur/Hauteur est donc différent pour chaque smartphone.

Voici un document permettant de connaître l’ensemble des résolutions des smartphones IOS jusqu’a l’iphone Xs max :
Dimensions-iphone

 
Pour construire une vue graphique, il faut travailler sur au moins un gabarit. Un gabarit représente une zone de travail dont les dimensions sont en pixels. Tous les smartphones s’adapteront au mieux au gabarit sélectionné. Il est très simple de dupliquer un gabarit qui a une autre résolution afin d’adapter au mieux le résultat souhaité. Le choix du gabarit le mieux adapté se fera automatiquement lorsque le smartphone lance l’application.

4 éléments de base

Il y a 4 éléments de base qui pourront servir à construire votre application :

  • Zone générique : la plus souvent utilisée
  • Zone vidéo
  • Zone de prévisualisation de contenu (contenu existant d’une rubrique par exemple)
  • Zone Carrousel
Laissez votre imagination faire… bienvenue dans les vues graphiques !
Cette page en PDF :