Parallaxe

Parallaxe

Parallaxe

Télécharger

les gabarits officiels

Photoshop HTML5 Hype

Inspirations

  • Boursin
    Voir la vidéo Expérience HTML
    Boursin
  • Gaz Métro
    Voir la vidéo Expérience HTML
    Gaz Métro
  • Rouge FM
    Voir la vidéo Expérience HTML
    Rouge FM
  • Brault et Martineau
    Voir la vidéo Expérience HTML
    Brault et Martineau

Icône

Parallaxe
Pour assurer la compréhension des lecteurs, toujours utiliser ces flèches en paire en les plaçant aux extrémités de la bande avec une transparence d'environ 30 % d'opacité. Ces icônes sont utilisées comme références visuelles et non comme des boutons que le lecteur touche pour activer une interaction.

Orientations

Orientations possibles de l'interaction : verticale et horizontale.

Note

  • Utilisez les flèches de 65 px avec une transparence d'environ 30 % d'opacité pour les publicités de formats plein écran et demi-écran. Pour les formats plus petits, utilisez les flèches de 40 px avec une transparence d'environ 30 % d'opacité.

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.