Galerie

Galerie

Galerie

Télécharger

les gabarits officiels

Photoshop HTML5 Hype

Inspirations

Icône

Galerie

Les points placés sous la galerie permettent aux lecteurs de mieux comprendre la navigation. Si les points sont difficilement perceptibles, l’usage des flèches peut être autorisé pour maximer la compréhension du lecteur.

La taille des points de navigation doit se situer entre 7px et 15px pour offrir une visibilité optimale. S'ils sont placés sur une photographie ou texture, il est recommandé de les positionner sur une forme ovale opaque noire ou blanche.

Les points de navigation doivent toujours être placés et centrés sous la galerie. Ce code est aussi utilisé dans la mise en page des galeries rédactionnelles.

Orientations

Orientations possibles de l'interaction : verticale et horizontale.

Note

  • La galerie ne doit pas présenter un défilement de photos à l'infini (en boucle).
  • La galerie doit contenir de 3 à 5 photos (attention à la qualité de compression des images; le poids total de l'annonce pourrait restreindre le nombre maximum d'images).

Formats supportés

  • Plein écran

    Plein écran

    980 x 670
    500 Ko
  • Demi-écran

    Demi-écran

    480 x 670
    400 Ko
  • ¼ Vertical

    ¼ Vertical

    230 x 670
    200 Ko
  • ¼ Horizontal

    ¼ Horizontal

    480 x 325
    200 Ko
  • ⅙ Horizontal

    ⅙ Horizontal

    480 x 210
    200 Ko

Important


Zone de sécurité utilisée pour le changement d’écran.

Afin de faciliter le changement d’écran et éviter l’ouverture accidentelle du nouveau panneau Slide Over dans iOS 9, cette zone placée dans le format plein écran doit être libérée de toute interaction utilisant un mouvement de glissement du doigt sur l’écran. De plus, il est recommandé que les éléments utilisés en pied de page tels le logo d’entreprise, le +WEB ou l’appel à l’action demeurent statiques.