mar.

09

sept.

2014

Conseil design n°4 : Affinez le style de votre site


Avec les nouveaux modèles de design Jimdo et surtout le nouvel éditeur de style, il devient encore plus simple de créer un design moderne et professionnel ! Chaque texte, titre, zone de contenu peut aujourd’hui être mis en forme selon vos souhaits.

 

Si le nouvel éditeur de style offre beaucoup plus de flexibilité, il est cependant important, dans un but de lisibilité et d’esthétisme, de veiller à ne pas trop alourdir vos pages en mélangeant des couleurs, des polices d’écriture ou des styles trop différents. Voici nos recommandations pour sublimer votre contenu !

Nouvel éditeur de style  ♦  Beaucoup plus flexible


Optez pour l'une des variations de style prédéfinie.

Pour commencer le plus simplement possible, sachez que vous pouvez, en plus de choisir un design adapté à votre projet, choisir également l'une des déclinaisons de ce design. Chaque modèle de mise en page dispose en effet de plusieurs variations prédéfinies et pensées spécialement par nos designers pour vous assurer de faire, quoi qu'il arrive, le bon choix en matière de design et de style.

Comment choisir une des variations ?

  • Cliquez sur l'icône "Variations du design" dans le choix des modèles pour voir les différentes options. (Voir exemple ci-dessus )
  • Vous pouvez avoir un aperçu de votre site avec chaque variation avant de confirmer votre choix. Lorsque l'une d'elle vous plaît, enregistrez et le choix sera appliqué.
  • Notez que tous les designs offrent les mêmes options de style et que chacune des variations peut ensuite être modifiée.

En quoi consiste ces variations ?

  • Différentes couleurs, styles de police, tailles de texte et de titres pré-définis. 
  • Différentes largeurs et alignements de la zone de contenu principale.
  • Différents placements de la sidebar et de la navigation.
  • Plusieurs choix de couleurs et de transparences pour le bas de page.

Affinez votre style

Si chaque design prédéfini vous permet de mettre en place rapidement et efficacement une base cohérente et harmonieuse, il peut arriver que vous ayez néanmoins besoin d'affiner ce choix. Que ce soit en matière de couleurs ou de polices.

Le nouvel éditeur de style est là pour ça ! Il va vous permettre de retravailler le design et de mettre en place exactement ce que vous aviez imaginé pour votre page, afin de coller au plus près de votre charte graphique.

1 - Choix des bonnes couleurs

Si votre image de fond est centrale pour votre stratégie de communication par exemple ou si vous avez des codes couleurs précis issues de votre charte graphique , vous pouvez, grâce à notre palette de couleurs, retrouver exactement les couleurs dont vous avez besoin et établir vos gammes de teintes très facilement.

NOS CONSEILS :

  •  Limitez-vous à 2 ou 3 couleurs pour l'ensemble de votre site    
  • Utilisez des outils comme Kuler ou colourlovers de définir des tons qui s'harmonisent.
  • Évitez d'utiliser des couleurs trop vives pour les textes et les combinaisons de couleurs opposées.

Exemple à NE PAS suivre :

2 - Style de fond

Avec la nouvelle interface Jimdo vous pouvez changer le fond de votre page en insérant une image grâce à l'option "Arrière-plan" ou en modifiant la couleur. C'est facile, cliquez simplement sur la zone à modifier et choisissez votre teinte. Vous pouvez désormais jouer avec la transparence de la couleur de fond. 

NOS CONSEILS :

  • Choisissez des couleurs pour le fond et le texte avec un contraste suffisant pour une meilleure lisibilité.
  • Essayez d'utiliser des tons neutres dans les fonds, surtout si vous avez beaucoup de contenu tels que des images, des vidéos ou textes.
  • Réglez la couleur ou la transparence de l'arrière-plan dans la zone de contenu pour que le texte ressorte davantage.
  • Évitez les images ou les couleurs d'arrière-plan trop lumineux, car ils peuvent détourner l'attention du contenu.

Exemple à NE PAS suivre :

3 - Choix des polices d'écriture

La nouvelle interface Jimdo vous propose plusieurs centaines de polices d’écritures différentes.

Nous vous conseillons cependant d’en choisir 2 ou 3 seulement qui s’accordent (de la même famille comme par exemple Helvetica, Times ou Arial) et de personnaliser vos textes avec ces 2 à 3 déclinaisons seulement. Vos textes resteront ainsi très lisibles.

NOS CONSEILS :

  • Choisissez une police qui est facile à lire et une couleur qui contraste avec le fond. La taille conseillée pour le texte est de 14px ou 16px avec un interligne de 1,5.
  • Choisissez une police d'écriture un peu plus accrocheuse pour les titres et une police plus simple pour les textes.
  • S’il vous faut davantage de variations, jouez ensuite avec l’option “mettre en gras”. Cela vous permettra de mettre en lumière facilement et élégamment les parties de vos textes à accentuer.
  • Respectez la hiérarchie de taille dans le contenu. Pour les titres par exemple : "Titre 1" avec une taille comprise entre 44px et 50px, pour le "Titre 2" entre 32px et 38px, et pour le "Titre 3" entre 20px et 30px.
  • Évitez d'utiliser plus de 3 types ou styles de police sur l'ensemble du site.
  • N'écrivez pas de longues phrases ou des paragraphes en majuscules.

Exemple à NE PAS suivre :


Justine Perussel

Blogueuse pour la communauté !

 

Jérémie Er-Rafiqi

Chef de chantier sur aide.jimdo.com


Ces articles peuvent aussi vous intéresser :


Écrire commentaire

Commentaires : 20
  • #1

    Expert Jimdo (jeudi, 11 septembre 2014 12:36)

    Autre chose qui se fait souvent pour améliorer la lisibilité, vous pouvez utiliser un fond flouté.
    C'est facilement réalisable avec Pixlr par exemple. Attention au poids de l'image de fond !!!
    Bravo pour cet article, des conseils bons à rappeler.
    Bonne journée

  • #2

    Ursula Collombier (jeudi, 11 septembre 2014 15:20)

    Bonjour, Avant tout bravo pour votre nouvelle interface !

    Je souhaiterais mettre mes onglets horizontaux pour dont le sous-menu se déroule et posant la flèche.
    Il va de soi que je vais réduire mes onglets.

    Mon site connait en moyenne 200 visites par jour, que conseil me donneriez vous pour optimiser ma boutique.

    Dans l'attente de votre réponse,
    bravo encore !
    Naturellement
    Ursula

  • #3

    THAMEUR (jeudi, 11 septembre 2014 15:39)

    merci et bravo, conseils très utiles pour des effets faciles a réaliser.

  • #4

    Speed Presse Pitkiaye (jeudi, 11 septembre 2014 15:49)

    Bon, au boulot !!!
    Merci.

  • #5

    jeremy renault (jeudi, 11 septembre 2014 18:37)

    Merci Jimdo ;-)

  • #6

    BAKAYOKO SOUALIHO aliass charleget45 (jeudi, 11 septembre 2014 18:40)

    bon boulot les gars

  • #7

    Elsa (jeudi, 11 septembre 2014 18:55)

    Alors, il est beau mon site?

  • #8

    retraite-rurale (jeudi, 11 septembre 2014 23:23)

    merci jimdo :)

  • #9

    equipage-saint-goustan (vendredi, 12 septembre 2014 08:38)

    Bientôt j'y vais... Bon boulot l'équipage Jimdo !

  • #10

    Tone Ali'T 23 (vendredi, 12 septembre 2014 12:12)

    Très cool ses nouveaux designs! J'ai fait de mon site exactement ce que je voulais en faire... C'est à dire quelque chose de professionnel. Et c'est ce que j'ai eu! Merci à l'équipe Jimdo et hâte d'avoir de nouvelles options/designs/polices, pour les essayer!!!!

    Big up et passez voir s'que ça donne, pour tout les fanas de techno underground (Hardtek, Acid, Drum, Electro...).

  • #11

    bouvier jérôme (vendredi, 12 septembre 2014)

    moi, je ne sais plus que dire , tant je suis écrasé par la tâche qui m'attend si je veux devenir " attractif" ! "au boulot", comme dit Speede P.P. ci-dessus! et le jour, où j'aurais 200 visites / jour, comme nous le confie Ursula, eh bien, il fera plus chaud qu'aujourd'hui ( encore que ce ne soit pas si mal : en Normandie, à Broglie, beau temps d'automne ) LEON

  • #12

    Caroline (lundi, 15 septembre 2014 20:54)

    Bon ben y a plus qu'à !!! Merci à toute l'Equipe JIMDO !

  • #13

    forget-escaliers (mardi, 16 septembre 2014 22:30)

    ouais il est 22:30 et là je sens que je suis pas couché j'ai envie de m'amuser avec Jimdo.
    Franchement beau boulot à toute l'équipe

  • #14

    lautredanse (vendredi, 31 octobre 2014 18:09)

    Bonjour, peut-être que ce n'est pas l'espace pour cela,
    je voudrais disposer d'un fond spécifique pour chaque page.
    A part la gestion html qui me semble un peu trop pro, existe-il un moyen simplifié.
    merci beaucoup

  • #15

    Équipe Jimdo (lundi, 03 novembre 2014 09:29)

    Bonjour,

    En effet, le plus pratique est d'adresser ce type de demande directement à notre service de support. Cela nous permet de garder un historique de nos conversations avec vous et de mieux vous aider. Pour nous contacter, une seule adresse : http://aide.jimdo.com/contact/

    Concernant ensuite votre demande, il n'est pour le moment pas possible de disposer d'un fond spécifique pour chaque page. C'est en effet possible en utilisant du code : avez vous demandé sur le forum ? http://www.jimdoforum.fr/

    Cordialement,

    L'équipe Jimdo

  • #16

    Jorge (mercredi, 25 février 2015 12:25)

    Bonjour a toute l'équipe d'aide

    et merci pour ces bons conseils

  • #17

    mervacancescamargue (samedi, 28 mars 2015 18:44)

    Bonjour,
    Je voulais refaire mon site qu'une amie a commencé.
    je ne comprends pas les Designs obligatoires pour commencer le site.
    Personnellement ils ne me conviennent pas, vélos, restaurants, etc.....
    Je voudrais trouver soit des flamands roses, taureaux, chevaux, bref nous sommes en Camargue.
    Comment faire ?
    Merci

  • #18

    Allain Jessica (mardi, 15 septembre 2015 10:20)

    Bonjour, j'aimerai facilité la navigation pour mon client: actuellement, je figure une galerie de photos d'articles et le détail de leur prix, description sur la même page. Hors j'ai une vingtaine d'articles et voudrai trouver un moyen plus rapide pour le visiteur de trouver les informations concernant l'article qu'il recherche, directement (en cliquant sur la photo par exemple), en ne l'obligeant pas à faire défiler et chercher les infos voulues parmis les autres qui ne l'intéresserait pas forcément. Merci!

  • #19

    FERREIRA MISSAS MANUEL (vendredi, 15 avril 2016 10:33)

    Bonjour, je veaux mètre comme design dans mon site la plante ALOE VERA. Mas je ne saï pas comme faire svp aide-moi;

  • #20

    JimdoFrance (vendredi, 15 avril 2016 12:11)

    Bonjour @Ferreira, en fait vous voulez mettre une photo d'aloe vera dans l'en-tête de votre site, c'est ça ? Tout est expliqué ici : http://aide.jimdo.com/basiques/pr%C3%A9sentation/en-t%C3%AAte/ Bonne continuation !