{"id":487,"date":"2015-03-01T18:51:14","date_gmt":"2015-03-01T18:51:14","guid":{"rendered":"http:\/\/www.majory-cubizolles.fr\/blog\/?p=487"},"modified":"2015-07-06T19:35:19","modified_gmt":"2015-07-06T19:35:19","slug":"les-bases-de-la-typographie","status":"publish","type":"post","link":"https:\/\/www.majory-cubizolles.fr\/blog\/les-bases-de-la-typographie\/","title":{"rendered":"Les bases de la typographie &#8211; Indispensable pour les Webdesigners"},"content":{"rendered":"<p>La typographie joue un r\u00f4le majeur <span class=\"st\">dans le design et la lisibilit\u00e9 d&rsquo;un site web.<br \/>\n<\/span><\/p>\n<p>M\u00eame si un webdesigner n&rsquo;est pas un typographe, il me semble important d&rsquo;avoir quelques notions.<\/p>\n<p>Cette infographie met en avant et de mani\u00e8re compr\u00e9hensive, les bases \u00e0 avoir :<\/p>\n<p><!--more--><\/p>\n<p><a href=\"http:\/\/www.majory-cubizolles.fr\/blog\/wp-content\/uploads\/2015\/03\/42d7df923da50f405048cdd2bc36991d.jpg\"><img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-full wp-image-488\" src=\"http:\/\/www.majory-cubizolles.fr\/blog\/wp-content\/uploads\/2015\/03\/42d7df923da50f405048cdd2bc36991d.jpg\" alt=\"Les bases de la typographie\" width=\"736\" height=\"4232\" srcset=\"https:\/\/www.majory-cubizolles.fr\/blog\/wp-content\/uploads\/2015\/03\/42d7df923da50f405048cdd2bc36991d.jpg 736w, https:\/\/www.majory-cubizolles.fr\/blog\/wp-content\/uploads\/2015\/03\/42d7df923da50f405048cdd2bc36991d-52x300.jpg 52w, https:\/\/www.majory-cubizolles.fr\/blog\/wp-content\/uploads\/2015\/03\/42d7df923da50f405048cdd2bc36991d-178x1024.jpg 178w, https:\/\/www.majory-cubizolles.fr\/blog\/wp-content\/uploads\/2015\/03\/42d7df923da50f405048cdd2bc36991d-624x3588.jpg 624w\" sizes=\"(max-width: 736px) 100vw, 736px\" \/><\/a><\/p>\n<!-- Begin Yuzo --><div class='yuzo_related_post style-2'  data-version='5.12.88'><!-- without result --><div class='yuzo_clearfixed yuzo__title yuzo__title'><h2>Articles similaires<\/h2><\/div>\n\t\t\t\t\t\t<div class=\"relatedthumb yuzo-list  \" style=\"\"  >  \n\t\t\t\t\t\t  <a  href=\"https:\/\/www.majory-cubizolles.fr\/blog\/le-design-du-bouton-ajouter-au-panier-et-le-taux-de-conversion\/\" class=\"image-list\" target='_blank' >\n\t\t\t\t\t\t  <div class=\"yuzo-img-wrap \" style=\"width: 185px;height:150px;\">\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t <div class=\"yuzo-img\" style=\"background:url('https:\/\/www.majory-cubizolles.fr\/blog\/wp-content\/uploads\/2015\/02\/les-boutons-et-convertion-HEADER-300x187.png') 50% 50% no-repeat;width: 190px;height:150px;margin-bottom: 5px;background-size:  cover;  \"><\/div>\n\t\t\t\t\t\t  <\/div>\n\t\t\t\t\t\t  <\/a>\n\t\t\t\t\t\t  <a  class=\"link-list yuzo__text--title\" href=\"https:\/\/www.majory-cubizolles.fr\/blog\/le-design-du-bouton-ajouter-au-panier-et-le-taux-de-conversion\/\" style=\"font-size:15px;font-weight:bold;;line-height:23px;\"> Le design du bouton \u00ab ajouter au panier \u00bb et le taux de conversion  <div class='yuzo_views_post yuzo_icon_views yuzo_icon_views__bottom' style='font-size:13px;'>views 1522<\/div><\/a>\n\t\t\t\t\t\t\t\t<span class=\"yuzo_text\" style=\"font-size:11px;\" >Le site PerceptionIT met en avant l'impact que peut avoir le bouton \"ajouter au panier\" \u00e0 travers une infographie.\r\n\r\n- les boutons de couleur rouge et vert convertissent le mieux,\r\n- les boutons aux formes arrondies ont plus d'impact,\r\n- le terme \u00ab ajouter au panier \u00bb est plus efficace que \u00ab acheter maintenant \u00bb,\r\n- la taille du bouton moyen serait de 150px sur 30px.\r\n\r\n\r\n\r\n<\/span>\n\t\t\t\t\t\t   \n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<div class=\"relatedthumb yuzo-list  \" style=\"\"  >  \n\t\t\t\t\t\t  <a  href=\"https:\/\/www.majory-cubizolles.fr\/blog\/configurer-le-moteur-de-recherche-prestashop-1-7\/\" class=\"image-list\" target='_blank' >\n\t\t\t\t\t\t  <div class=\"yuzo-img-wrap \" style=\"width: 185px;height:150px;\">\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t <div class=\"yuzo-img\" style=\"background:url('https:\/\/www.majory-cubizolles.fr\/blog\/wp-content\/uploads\/2019\/08\/moteurderechercheprestashop1.7-400x249.jpg') 50% 50% no-repeat;width: 190px;height:150px;margin-bottom: 5px;background-size:  cover;  \"><\/div>\n\t\t\t\t\t\t  <\/div>\n\t\t\t\t\t\t  <\/a>\n\t\t\t\t\t\t  <a  class=\"link-list yuzo__text--title\" href=\"https:\/\/www.majory-cubizolles.fr\/blog\/configurer-le-moteur-de-recherche-prestashop-1-7\/\" style=\"font-size:15px;font-weight:bold;;line-height:23px;\"> Configurer le moteur de recherche \u2013 Prestashop 1.7  <div class='yuzo_views_post yuzo_icon_views yuzo_icon_views__bottom' style='font-size:13px;'>views 8815<\/div><\/a>\n\t\t\t\t\t\t\t\t<span class=\"yuzo_text\" style=\"font-size:11px;\" >Le tutoriel d'aujourd'hui va vous permettre de configurer le moteur de recherche internet de votre boutique Prestashop 1.7 et ainsi de rendre visible vos produits lorsque qu\u2019un client effectuera une recherche.\r\n\r\nTout d'abord, connectez \u00e0 votre back-office et dans le menu de gauche, s\u00e9lectionnez Configurer -> Param\u00e8tres de la boutique -> Rechercher.\r\n\r\n\r\n\r\nVous arrivez sur une page qui vous ...<\/span>\n\t\t\t\t\t\t   \n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<div class=\"relatedthumb yuzo-list  \" style=\"\"  >  \n\t\t\t\t\t\t  <a  href=\"https:\/\/www.majory-cubizolles.fr\/blog\/lenteur-enregistrement-produit-bo-1-6-0-11\/\" class=\"image-list\" target='_blank' >\n\t\t\t\t\t\t  <div class=\"yuzo-img-wrap \" style=\"width: 185px;height:150px;\">\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t <div class=\"yuzo-img\" style=\"background:url('http:\/\/www.majory-cubizolles.fr\/blog\/wp-content\/uploads\/2015\/03\/Capture-d\u2019e\u0301cran-2015-03-01-a\u0300-15.52.06.png') 50% 50% no-repeat;width: 190px;height:150px;margin-bottom: 5px;background-size:  cover;  \"><\/div>\n\t\t\t\t\t\t  <\/div>\n\t\t\t\t\t\t  <\/a>\n\t\t\t\t\t\t  <a  class=\"link-list yuzo__text--title\" href=\"https:\/\/www.majory-cubizolles.fr\/blog\/lenteur-enregistrement-produit-bo-1-6-0-11\/\" style=\"font-size:15px;font-weight:bold;;line-height:23px;\"> Lenteur Enregistrement Produit BO 1.6.0.11  <div class='yuzo_views_post yuzo_icon_views yuzo_icon_views__bottom' style='font-size:13px;'>views 1954<\/div><\/a>\n\t\t\t\t\t\t\t\t<span class=\"yuzo_text\" style=\"font-size:11px;\" >Vous avez t\u00e9l\u00e9charg\u00e9 la version Prestashop 1.6.011 et l\u00e0 grand probl\u00e8me lorsqu'on acc\u00e8de \u00e0 la fiche produit on s'aper\u00e7oit que les boutons \"enregistrer et rester\" et \"enregistrer\" sont gris\u00e9s avec un logo de chargement et il faut attendre un bon moment pour qu'ils deviennent actifs.\r\n\r\n\r\n\r\n\r\n\r\nApr\u00e8s plusieurs recherches, j'ai trouv\u00e9 la solution qui a fonctionn\u00e9 gr\u00e2ce \u00e0 sandrocirlin, un membre du fo...<\/span>\n\t\t\t\t\t\t   \n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<div class=\"relatedthumb yuzo-list  \" style=\"\"  >  \n\t\t\t\t\t\t  <a  href=\"https:\/\/www.majory-cubizolles.fr\/blog\/3-erreurs-peuvent-ruiner-site-e-commerce\/\" class=\"image-list\" target='_blank' >\n\t\t\t\t\t\t  <div class=\"yuzo-img-wrap \" style=\"width: 185px;height:150px;\">\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t <div class=\"yuzo-img\" style=\"background:url('https:\/\/www.majory-cubizolles.fr\/blog\/wp-content\/uploads\/2016\/07\/wsi-imageoptim-ecommerce-1-400x249.jpg') 50% 50% no-repeat;width: 190px;height:150px;margin-bottom: 5px;background-size:  cover;  \"><\/div>\n\t\t\t\t\t\t  <\/div>\n\t\t\t\t\t\t  <\/a>\n\t\t\t\t\t\t  <a  class=\"link-list yuzo__text--title\" href=\"https:\/\/www.majory-cubizolles.fr\/blog\/3-erreurs-peuvent-ruiner-site-e-commerce\/\" style=\"font-size:15px;font-weight:bold;;line-height:23px;\"> 3 erreurs qui peuvent ruiner votre site e-commerce  <div class='yuzo_views_post yuzo_icon_views yuzo_icon_views__bottom' style='font-size:13px;'>views 474<\/div><\/a>\n\t\t\t\t\t\t\t\t<span class=\"yuzo_text\" style=\"font-size:11px;\" >Aujourd\u2019hui de plus en plus d\u2019entreprises d\u00e9cident de se lancer dans l\u2019e-commerce sans pour autant maitriser \u00e0 100% les codes du web et du webmarketing. R\u00e9sultats\u00a0: de nombreuses erreurs sont commises, pouvant transformer son projet en vrai fiasco.\r\nVoici une liste de 3 erreurs classiques \u00e0 \u00e9viter absolument.\r\n\r\n\r\nErreur n\u00b01 : Faire l\u2019impasse sur votre webmarketing\r\nLors de la r\u00e9alisation de votre...<\/span>\n\t\t\t\t\t\t   \n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<div class=\"relatedthumb yuzo-list  \" style=\"\"  >  \n\t\t\t\t\t\t  <a  href=\"https:\/\/www.majory-cubizolles.fr\/blog\/desactiver-le-bouton-comparer-astuce-prestashop\/\" class=\"image-list\" target='_blank' >\n\t\t\t\t\t\t  <div class=\"yuzo-img-wrap \" style=\"width: 185px;height:150px;\">\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t <div class=\"yuzo-img\" style=\"background:url('https:\/\/www.majory-cubizolles.fr\/blog\/wp-content\/uploads\/2016\/07\/wsi-imageoptim-comparaison-produit-prestashop1-400x249.png') 50% 50% no-repeat;width: 190px;height:150px;margin-bottom: 5px;background-size:  cover;  \"><\/div>\n\t\t\t\t\t\t  <\/div>\n\t\t\t\t\t\t  <\/a>\n\t\t\t\t\t\t  <a  class=\"link-list yuzo__text--title\" href=\"https:\/\/www.majory-cubizolles.fr\/blog\/desactiver-le-bouton-comparer-astuce-prestashop\/\" style=\"font-size:15px;font-weight:bold;;line-height:23px;\"> D\u00e9sactiver le bouton Comparer | Astuce Prestashop 1.6  <div class='yuzo_views_post yuzo_icon_views yuzo_icon_views__bottom' style='font-size:13px;'>views 2438<\/div><\/a>\n\t\t\t\t\t\t\t\t<span class=\"yuzo_text\" style=\"font-size:11px;\" >On me demande tr\u00e8s souvent comment on d\u00e9sactive\u00a0la partie \u00ab\u00a0comparer\u00a0\u00bb dans le back office de Prestashop.\r\n\r\n\r\n\r\nC'est tr\u00e8s simple :\r\n\r\n\tAllez dans le back office de Prestashop puis dans Pr\u00e9f\u00e9rences > Produits, puis mettre 0 \u00e0 comparaison de produits\r\n\r\n\r\n\r\nEt voila le tour est jou\u00e9.<\/span>\n\t\t\t\t\t\t   \n\t\t\t\t\t\t<\/div>\n<\/div>  <!-- End Yuzo :) -->","protected":false},"excerpt":{"rendered":"<p>La typographie joue un r\u00f4le majeur dans le design et la lisibilit\u00e9 d&rsquo;un site web. M\u00eame si un webdesigner n&rsquo;est pas un typographe, il me semble important d&rsquo;avoir quelques notions. Cette infographie met en avant et de mani\u00e8re compr\u00e9hensive, les bases \u00e0 avoir : Articles similaires Comment am\u00e9liorer votre taux [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[9],"tags":[],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/www.majory-cubizolles.fr\/blog\/wp-json\/wp\/v2\/posts\/487"}],"collection":[{"href":"https:\/\/www.majory-cubizolles.fr\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.majory-cubizolles.fr\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.majory-cubizolles.fr\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.majory-cubizolles.fr\/blog\/wp-json\/wp\/v2\/comments?post=487"}],"version-history":[{"count":0,"href":"https:\/\/www.majory-cubizolles.fr\/blog\/wp-json\/wp\/v2\/posts\/487\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.majory-cubizolles.fr\/blog\/wp-json\/wp\/v2\/media?parent=487"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.majory-cubizolles.fr\/blog\/wp-json\/wp\/v2\/categories?post=487"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.majory-cubizolles.fr\/blog\/wp-json\/wp\/v2\/tags?post=487"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}