{"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\/quel-est-le-parcours-de-lacheteur-francais-infographie\/\" 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-Capture-d\u2019\u00e9cran-2015-09-06-\u00e0-20.28.02-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\/quel-est-le-parcours-de-lacheteur-francais-infographie\/\" style=\"font-size:15px;font-weight:bold;;line-height:23px;\"> Quel est le parcours de l\u2019acheteur fran\u00e7ais ? | Infographie  <div class='yuzo_views_post yuzo_icon_views yuzo_icon_views__bottom' style='font-size:13px;'>views 435<\/div><\/a>\n\t\t\t\t\t\t\t\t<span class=\"yuzo_text\" style=\"font-size:11px;\" >Selon cette infographie, le parcours de l'acheteur fran\u00e7ais se d\u00e9roulent en 5 \u00e9tapes :\r\n\r\n1) J'ai envie d'acheter,\r\n2) Je m'informe\r\n3) Je compare le produit\r\n4) J'ach\u00e8te\r\n5) Je paie\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\/comment-faire-une-page-contact-parfaite\/\" 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-Capture-d\u2019\u00e9cran-2015-05-24-\u00e0-14.36.14-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\/comment-faire-une-page-contact-parfaite\/\" style=\"font-size:15px;font-weight:bold;;line-height:23px;\"> Comment faire une page contact parfaite ?  <div class='yuzo_views_post yuzo_icon_views yuzo_icon_views__bottom' style='font-size:13px;'>views 196<\/div><\/a>\n\t\t\t\t\t\t\t\t<span class=\"yuzo_text\" style=\"font-size:11px;\" >Une page contact est utilis\u00e9e sur un site web pour permettre l\u2019interaction entre les visiteurs et le webmaster du site.\r\n\r\nIl permet au visiteur de demander un devis ou \u00eatre contact\u00e9 par un vendeur.\r\n\r\nLe formulaire de contact est un enjeu important pour les soci\u00e9t\u00e9s poss\u00e9dant un site web car il permet de transformer un simple visiteur en prospect qualifi\u00e9 voir en client.\r\n\r\nCette infographie abor...<\/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\/tour-du-monde-du-m-shopping-infographie\/\" 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-Capture-d\u2019\u00e9cran-2015-09-30-\u00e0-20.38.04-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\/tour-du-monde-du-m-shopping-infographie\/\" style=\"font-size:15px;font-weight:bold;;line-height:23px;\"> Tour du monde du M-Shopping| Infographie  <div class='yuzo_views_post yuzo_icon_views yuzo_icon_views__bottom' style='font-size:13px;'>views 158<\/div><\/a>\n\t\t\t\t\t\t\t\t<span class=\"yuzo_text\" style=\"font-size:11px;\" >Cette infographie, r\u00e9alis\u00e9e par \u00a0Poulpeo, \u00a0met en avant le profil du\u00a0m-shoppeur en France et donne des chiffres cl\u00e9s sur l\u2019utilisation du mobile dans le monde lors du processus d\u2019achat.\r\n\r\nA noter :\u00a0\u00a0seulement 4% des Fran\u00e7ais ach\u00e8tent sur un mobile !\r\n\r\n\r\n\r\n\r\n\r\n\u00a0<\/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\/comment-ameliorer-lexperience-utilisateur-de-votre-site-infographie\/\" 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-infographique_ergonomie-header-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\/comment-ameliorer-lexperience-utilisateur-de-votre-site-infographie\/\" style=\"font-size:15px;font-weight:bold;;line-height:23px;\"> Comment am\u00e9liorer l\u2019exp\u00e9rience utilisateur de votre site | Infographie  <div class='yuzo_views_post yuzo_icon_views yuzo_icon_views__bottom' style='font-size:13px;'>views 194<\/div><\/a>\n\t\t\t\t\t\t\t\t<span class=\"yuzo_text\" style=\"font-size:11px;\" >Cette infographie met en avant les grands principes pour am\u00e9liorer l'exp\u00e9rience utilisateur.\r\n\r\nUne petite d\u00e9finition : l\u2019exp\u00e9rience utilisateur, c\u2019est l\u2019\u00e9motion ressentie par un utilisateur lorsqu\u2019il utilise un service (Web ou humain) dans l\u2019atteinte d\u2019un objectif.\r\n\r\nA noter :\r\n- 68% des utilisateurs quittent un site en raison d'une mauvaise exp\u00e9rience utilisateur.\r\n- 44% des acheteurs en ligne ...<\/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\/comment-configurer-les-mails-dans-prestashop-1-6-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\/2020\/02\/ecommerce-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\/comment-configurer-les-mails-dans-prestashop-1-6-prestashop-1-7\/\" style=\"font-size:15px;font-weight:bold;;line-height:23px;\"> Comment configurer les mails dans PrestaShop 1.6 & PrestaShop 1.7  <div class='yuzo_views_post yuzo_icon_views yuzo_icon_views__bottom' style='font-size:13px;'>views 10657<\/div><\/a>\n\t\t\t\t\t\t\t\t<span class=\"yuzo_text\" style=\"font-size:11px;\" >Dans ce tutoriel, nous allons voir comment configurer les mails dans PrestaShop. En effet, votre site en ligne va envoyer de nombreux messages \u00e0 vous et vos clients : cr\u00e9ation de compte, confirmation de commande.... il est alors important de bien param\u00e9trer cette partie.\r\nPour Prestashop 1.6 & PrestaShop 1.7\u00a0 \r\nLa proc\u00e9dure est identique pour les deux versions\r\n\r\nA) Acc\u00e9der aux mails \r\n\r\nDepui...<\/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 activer SSL dans [&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}]}}