Responsive web design

Simplifiez et réutilisez le contenu sur tous les terminaux. Les éléments tels que la mise en page, la taille du texte, le contenu, la navigation et les images s'adaptent automatiquement au terminal de prédilection de vos clients.


Plusieurs terminaux. Une seule expérience web.

Combien de fois vous est-il déjà arrivé qu'une page web s'affiche correctement sur votre poste de travail, mais pas sur votre terminal mobile ? Si votre site web n'est pas optimisé pour l’ensemble des plates-formes et terminaux — mobiles ou autres —, vous risquez de diffuser une expérience en ligne incohérente et de frustrer vos clients. Après tout, un seul clic vous sépare de votre concurrent.

Le responsive web design vous permet de créer des pages web qui s'adaptent facilement à tous les terminaux. Votre site web vous permet ainsi d'interagir efficacement et de manière cohérente avec vos clients sur toutes les plates-formes. Le responsive web design reconfigure la mise en page, la taille du texte, le contenu et les outils de navigation en fonction des différentes tailles d'écran et fonctionnalités. Avant de mettre en ligne votre site web, vous pouvez le prévisualiser et optimiser ses performances sur différents terminaux. Vous pouvez également activer le redimensionnement automatique sur les différents terminaux pour améliorer la vélocité du contenu et gagner du temps.

Le principe de fonctionnement.

Développement de grilles fluides
Créez une grille fluide servant de cadre dans lequel votre contenu peut parfaitement s'insérer. Les grilles fluides se redimensionnent automatiquement en fonction de la taille de l'écran du terminal.

Prévisualisation pour certains terminaux
Choisissez les appareils, y compris les tablettes et smartphones, sur lesquels vous souhaitez prévisualiser votre page et nous vous montrerons comment elle s'affichera.

Mise à l'échelle du contenu
Avec le responsive web design, non seulement le comportement de votre contenu écrit est impeccable où qu'il soit diffusé, mais les images sont mises à l'échelle en conformité avec le contenu présenté. Finies les images mal proportionnées.

Optimisation des images
En fonction de la bande passante, de la taille de l'écran et de la résolution, vous pouvez diffuser de façon optimale le meilleur format d'image pour l'expérience que vous créez.

En savoir plus sur le responsive web design dans Adobe Experience Manager Sites.

Découvrez le design web pour terminaux mobiles.

Découvrez dans notre documentation comment utiliser les requêtes multimédias, les images adaptatives et les grilles fluides pour créer une expérience web cohérente. 

En savoir plus

Adaptez-vous à l'évolution constante des tailles d'écran.

Découvrez dans notre blog Adobe comment conserver une longueur d'avance malgré l'évolution constante des tailles d'écran.

En savoir plus

Fonctionnalités associées.

Conception

Facilitez et réutilisez le contenu sur tous les terminaux grâce à des éléments tels que la mise en page, la taille du texte, le contenu, la navigation et les images, qui s'adaptent automatiquement au terminal de prédilection de vos clients.

Système de style

Standardisez le style et le design de tous les composants ou pages sans développement en back-end. À partir d'une liste de styles prédéfinis, il vous suffit de faire votre choix entre différentes variantes pour adapter instantanément les polices, couleurs et formats.

Composants prêts à l'emploi

Créez des pages à l'aide de composants prêts à l'emploi rétrocompatibles, tels que les fils d'Ariane, les formulaires, la navigation dans les pages, les accroches de recherche et la recherche, qui font gagner du temps aux auteurs et aux développeurs.

Nous sommes là pour vous expliquer comment Adobe Experience Manager Forms peut aider votre entreprise.

Nous sommes là pour vous expliquer comment Adobe Experience Manager Forms peut aider votre entreprise.