Modifier les paramètres de Design


Cette fonctionnalité est incluse dans tous les plans.


Ce guide décrit les fonctions de chacun des paramètres de Design. Il y a beaucoup de fonctionnalités différentes pour vous de jouer avec. Chacun travaille de façon indépendante, alors choisissez autant ou aussi peu que vous voulez personnaliser votre design!


Voici la liste de ce que vous pouvez faire dans l'onglet Design.

  1. Templates de design
  2. Mise en page
  3. Logo
  4. Couleurs
  5. Arrière-plan
  6. Texte
  7. Boutons
  8.  Éléments de design supplémentaires


Vous devez être connecté pour apporter des modifications à votre questionnaire. Nous travaillons dans l'onglet Design. Assurez-vous de sauvegarder les modifications régulièrement.


Modifier le design - onglet Design


1 Templates de design

Choisissez un design prêt à l'emploi pour un look professionnel instantané. Il y a beaucoup de styles différents que vous trouverez en faisant défiler en utilisant les flèches gauche et droite.


Modifier le Design - templates de design


2 Mise en page

Choisissez la position de votre logo, texte et boutons. Cliquez sur l'icône indiquant comment les différentes dispositions apparaîtront à l'écran - à gauche, Centré ou Compact.


Modifier le design - mise en page


Conseil: Sur la droite, vous verrez un mini-écran de prévisualisation de votre questionnaire. Cela vous suivra sur l'écran pendant que vous faites défiler jusqu'à différentes options de conception et mises à jour lorsque vous apportez des modifications.


Téléchargez votre logo en cliquant sur Télécharger un logo. Votre logo sera redimensionné à 400px de hauteur. Assurez-vous que votre logo est aussi grand que celui-ci ou plus grand afin de garantir une bonne qualité.


Modifier le Design - télécharger un logo


Conseil: Votre logo sera toujours mieux lorsque vous optez pour un logo transparent. Le meilleur format pour le logo est PNG.


Une boîte de dialogue affichera les couleurs détectées et vous demandera si vous souhaitez utiliser ces couleurs. Cliquez sur Oui, svp si vous êtes heureux d'utiliser ces couleurs dans votre conception. Si vous n'êtes pas sûr des couleurs, cliquez sur Non merci pour l'instant.


Modifier le logo - couleurs du logo


Conseil: Vous pouvez utiliser un modèle avec les couleurs de votre logo. Les couleurs de votre logo seront utilisées pour différentes parties du texte et du modèle.


Si vous décidez par la suite que vous souhaitez réellement utiliser les couleurs du logo, cliquez sur Détecter les couleurs pour détecter automatiquement les couleurs du logo que vous avez téléchargé, puis cliquez sur Oui svp pour utiliser les couleurs du logo.


Modifier le design - détecter les couleurs du logo

 

4 Couleurs

Ce n'est pas tout! Vous pouvez même personnaliser la couleur pricipale en cliquant sur l'outil sélecteur de couleur.


Modifier le Design - couleur principale


Voyons maintenant comment sélectionner votre couleur ...


Modifier le design - choisir le couleur principale


Le moyen le plus rapide et le plus simple est de cliquer sur l'une des couleurs générées pour vous. Si vous souhaitez changer la couleur, déplacez le cercle le long de la ligne de couleur ou à l'intérieur de la boîte colorée jusqu'à la couleur désirée.


Conseil: Si le logo de votre entreprise comporte un code de couleur, vous pouvez le sélectionner ici. Utilisez les flèches pour choisir HEX, RGB ou HSL.


5 Arrière-plan

Dans cette section, vous pouvez choisir votre propre image à utiliser comme arrière-plan ou sélectionner une couleur unie.


Cliquez sur Mettre à jour l'arrière-plan pour télécharger votre propre image. Les images téléchargées doivent avoir une largeur minimale de 1920 px. Si votre questionnaire ne sera affiché que sur des smartphones ou des tables, la largeur minimale devrait être de 621 px et la hauteur minimale de 1104 px.


Conseil: Si vous utilisez votre questionnaire sur une tablette spécifique, vous pouvez utiliser les tailles de cette tablette pour la taille de votre arrière-plan pour une utilisation optimale.


Modifier le design - mettre a jour l'arriere-plan


Si vous préférez ne pas avoir d'image et une seule couleur, cliquez sur l'outil de sélection de couleur. Vous aurez les quatre options pour ajuster la couleur de fond à la nuance de vos rêves! Voir l'explication détaillée ci-dessus.


Modifier le design - couleur solide pour l'arriere-plan


Outre la personnalisation de l'image ou de la couleur d'arrière-plan principale, vous pouvez également personnaliser la couleur de la fenêtre de contenu.


La fenêtre de contenu est la boîte où le texte de la question est écrit et est superposée sur l'image d'arrière-plan.


Modifier le design - fenetre de contenu


Cliquez sur l'outil de sélection de couleur pour ajuster la couleur de la fenêtre de contenu et faites glisser le cercle pour ajuster la transparence de la boîte. Toutes les modifications que vous apportez seront immédiatement visibles dans l'écran d'aperçu.


Modifier le design - couleur et transparence de la fenetre de contenu


6 Texte

Vous avez quatre options différentes ici. Cliquez sur la flèche vers le bas pour un menu déroulant pour modifier la police ou la taille de la police.

Utilisez l'outil de sélection de couleur pour ajuster la couleur de la police et la couleur du lien. Lisez l'explication détaillée sur le choix d'une couleur ci-dessus


Modifier le design - police


7 Boutons

Ici, vous pouvez changer la couleur du bouton ou la couleur du texte du bouton en cliquant sur l'outil sélecteur de couleur.

Il vous sera proposé différentes manières de choisir la couleur souhaitée. Lisez l'explication détaillée sur le choix d'une couleur ci-dessus.


Modifier le design - boutons


8 Éléments de design supplémentaires

Il y a des éléments de design supplémentaires que vous pouvez modifier, voyons ce qu'ils sont.


8.1 Barre de progression

Cliquez sur la flèche vers le bas pour choisir l'apparence de la barre de progression en haut de votre sondage. L'écran d'aperçu affiche la design de la flèche, mais vous pouvez passer à "Bullet" ou Caché si vous ne voulez pas l'afficher du tout.


L'option "Bullet" est disponible uniquement dans les plans Professionnel et Entreprise.


Modifier le design - barre de progression


8.2 Numéro de page dans la barre de progression

Lorsque vous avez défini la barre de progression comme flèches, vous pouvez choisir ici si vous souhaitez que le numéro de page soit affiché dans la flèche ou masqué.


Modifier le design - numéro de page

Modifier le design - numéro dans la barre de progression exemple


8.3 Angles arrondis

Basculez le bouton pour activer ou désactiver les coins arrondis. Voir l'exemple ci-dessous qui montre la différence dans les coins des cases.


Modifier le design - angles arrondis

Modifier le design - exemple d'angle arrondis


8.4 Le Logo de Survey Anyplace

Avec n'importe quelle licence payante, vous pouvez basculer le bouton ci-dessous pour supprimer le logo de Survey Anyplace.


Modifier le design - logo de Survey Anyplace


8.5 Bouton 'Précedent'

Basculez le bouton pour supprimer le bouton Précédent. Les répondants ne pourront pas accéder à une page précédente du questionnaire.


Modifier le design - montrez bouton Précedent


8.6 Icône

Une icône est l'image qui sera montrée aux utilisateurs dans l'onglet du navigateur et des liens courts sur les tablettes et les smartphones.


Ajoutez une icône à votre sondage pour donner un niveau supplémentaire d'image de marque et de familiarité aux utilisateurs. Cliquez sur Mettre à jour l'icône et une boîte apparaîtra vous permettant de télécharger votre icône.


Modifier le design - icone


8.7 CSS personalisé

L'ajout de CSS personnalisé est une option pour le plan Entreprise uniquement.


CSS personnalisé vous permet de modifier d'autres éléments de votre conception (par exemple, agrandir les réponses, créer des boutons hors des liens, etc.) qui ne sont pas inclus dans l'onglet Conception.


Créez un fichier CSS ou texte avec les modifications souhaitées et téléchargez-le en cliquant sur Ajouter un fichier CSS personnalisé.


Modifier le design - ajouter css personalisée