{"id":1080,"date":"2020-12-24T20:07:56","date_gmt":"2020-12-24T19:07:56","guid":{"rendered":"http:\/\/www.pub1.fr\/blogueurs\/?p=1080"},"modified":"2020-12-24T20:09:46","modified_gmt":"2020-12-24T19:09:46","slug":"tendances-et-idees-de-design-magazine","status":"publish","type":"post","link":"https:\/\/www.pub1.fr\/blogueurs\/tendances-et-idees-de-design-magazine\/","title":{"rendered":"Tendances et id\u00e9es de design magazine"},"content":{"rendered":"<p><span style=\"font-weight: 400\">Tous les grands magazines professionnels et sp\u00e9cialistes ont \u00e9tabli une pr\u00e9sence en ligne. Beaucoup publient encore des \u00e9ditions imprim\u00e9es, mais Internet est un moyen beaucoup moins co\u00fbteux de publier du contenu.<\/span><!--more--><\/p>\n<p>&nbsp;<\/p>\n<p><span style=\"font-weight: 400\">L&rsquo;avenir du blocage en ligne semble s&rsquo;orienter vers une tendance des magazines. Mais qu&rsquo;est-ce que cela signifie ? Comment faire la diff\u00e9rence entre un blog et un magazine en ligne ?<\/span><\/p>\n<p>&nbsp;<\/p>\n<p><span style=\"font-weight: 400\">Dans cet article, je vais aborder quelques tendances de base en mati\u00e8re de design qui se sont infiltr\u00e9es dans le monde des blogs et ont radicalement chang\u00e9 notre fa\u00e7on de voir les publications en ligne.<\/span><\/p>\n<p>&nbsp;<\/p>\n<p><span style=\"font-weight: 400\">Ironiquement, il n&rsquo;y a pas beaucoup de diff\u00e9rences entre un blog et un magazine en ligne. Les facteurs les plus importants sont l&rsquo;opinion publique et la conception g\u00e9n\u00e9rale du site.<\/span><\/p>\n<h2><span style=\"font-weight: 400\">Widgets d&rsquo;articles vedettes<\/span><\/h2>\n<p><span style=\"font-weight: 400\">La page d&rsquo;accueil de chaque magazine devrait comporter un widget pour les articles vedettes. C&rsquo;est la meilleure fa\u00e7on de distinguer votre blog des autres et de lui donner un aspect professionnel.<\/span><\/p>\n<p><span style=\"font-weight: 400\">Chaque widget doit comporter des vignettes pour les articles organis\u00e9s en grille ou en carrousel. Il peut s&rsquo;agir d&rsquo;un grand carrousel rotatif ou d&rsquo;une grille fixe avec des vignettes de diff\u00e9rentes tailles.<\/span><\/p>\n<p>&nbsp;<\/p>\n<p><span style=\"font-weight: 400\">Il n&rsquo;y a pas de mauvaises r\u00e9ponses et plus vous serez cr\u00e9atif, plus votre design sera unique, comme par exemple le Style Psy qui utilise diff\u00e9rentes tailles de vignettes pour diff\u00e9rents articles.<\/span><\/p>\n<p><span style=\"font-weight: 400\">L&rsquo;article le plus haut plac\u00e9 est destin\u00e9 \u00e0 attirer le plus d&rsquo;attention. Il comporte l&rsquo;image la plus grande et s&rsquo;\u00e9tend sur toute la largeur de la page. Trois articles plus petits sont situ\u00e9s en dessous, avec des vignettes carr\u00e9es plus petites.<\/span><\/p>\n<p>&nbsp;<\/p>\n<p><span style=\"font-weight: 400\">Chaque variation suit une grille diff\u00e9rente et elles s&rsquo;\u00e9cartent toutes du d\u00e9roulement normal de la page. C&rsquo;est un exemple apprivois\u00e9, mais il montre bien comment les articles de fond peuvent \u00eatre organis\u00e9s.<\/span><\/p>\n<p><span style=\"font-weight: 400\">Dans l&rsquo;espace de conception, vous trouverez Hongkiat, qui se pr\u00e9sente comme un blog. Cependant, le site utilise un widget pour les articles de fond afin de donner un aspect <a href=\"http:\/\/www.pub1.fr\/blogueurs\/category\/publicite\/\">magazine<\/a> \u00e0 la page d&rsquo;accueil.<\/span><\/p>\n<p>&nbsp;<\/p>\n<p><span style=\"font-weight: 400\">Le widget couvre la totalit\u00e9 de l&rsquo;\u00e9cran et utilise des vignettes de diff\u00e9rentes tailles. Une fois de plus, nous pouvons voir une histoire de tr\u00e8s grande taille destin\u00e9e \u00e0 attirer le plus d&rsquo;attention, puis, en se d\u00e9pla\u00e7ant de gauche \u00e0 droite, nous trouvons des widgets de vignettes de plus en plus petites. Il est \u00e9galement totalement r\u00e9actif, de sorte que m\u00eame les utilisateurs mobiles peuvent acc\u00e9der \u00e0 ce widget de posts tr\u00e8s int\u00e9ressants.<\/span><\/p>\n<p>&nbsp;<\/p>\n<p><span style=\"font-weight: 400\">Ces designs sont destin\u00e9s \u00e0 mettre en valeur les histoires populaires et \u00e0 aider \u00e0 attirer l&rsquo;attention sur les messages les plus importants.<\/span><\/p>\n<p>&nbsp;<\/p>\n<p><span style=\"font-weight: 400\">Certains widgets d&rsquo;articles vedettes utilisent des carrousels pour se d\u00e9placer entre les diff\u00e9rents articles. C&rsquo;est une strat\u00e9gie d\u00e9cente mais pas g\u00e9niale.<\/span><\/p>\n<p>&nbsp;<\/p>\n<p><span style=\"font-weight: 400\">Les carrousels ne sont pas connus pour leur facilit\u00e9 d&rsquo;utilisation et ils ont du mal \u00e0 attirer l&rsquo;attention.<\/span><\/p>\n<p><span style=\"font-weight: 400\">Vous pouvez voir un carrousel actif sur Computerworld avec une s\u00e9rie de posts qui tournent automatiquement.<\/span><\/p>\n<p><span style=\"font-weight: 400\">Si vous voulez utiliser cette technique, elle n&rsquo;est certainement pas mauvaise. Cependant, je ne la conseillerais pas simplement parce qu&rsquo;elle est tr\u00e8s technique et que les r\u00e9sultats ne sont pas si bons.<\/span><\/p>\n<p><span style=\"font-weight: 400\">Mais de toute fa\u00e7on, un widget de reportage est indispensable pour tout th\u00e8me de magazine. C&rsquo;est vous qui d\u00e9cidez de la fa\u00e7on dont vous concevez le widget. Mais c&rsquo;est un moyen \u00e9prouv\u00e9 d&rsquo;amener un simple blog \u00e0 un niveau de professionnalisme sup\u00e9rieur.<\/span><\/p>\n<h2><span style=\"font-weight: 400\">Des titres avec des slogans<\/span><\/h2>\n<p><span style=\"font-weight: 400\">Vous le verrez souvent dans les <a href=\"https:\/\/fr.wikipedia.org\/wiki\/Journal\">journaux<\/a> et les magazines imprim\u00e9s, mais c&rsquo;est une nouvelle tendance qui \u00e9merge sur Internet. Les \u00e9diteurs \u00e9crivent d\u00e9sormais des titres qui comprennent \u00e9galement des titres d&rsquo;appel avec des informations suppl\u00e9mentaires sur l&rsquo;histoire.<\/span><\/p>\n<p>&nbsp;<\/p>\n<p><span style=\"font-weight: 400\">Vous trouverez cela principalement sur les principaux sites d&rsquo;information, comme cet article pour le Huffington Post.<\/span><\/p>\n<p><span style=\"font-weight: 400\">Les slogans sont tr\u00e8s utiles car ils apportent plus de d\u00e9tails \u00e0 l&rsquo;histoire. Ils fonctionnent presque comme un leader pour que les gens continuent \u00e0 lire l&rsquo;article.<\/span><\/p>\n<p>&nbsp;<\/p>\n<p><span style=\"font-weight: 400\">Mais si vous parcourez Huffington Post, vous remarquerez que seules quelques histoires ont ce slogan. Ce n&rsquo;est pas quelque chose que vous voudrez pour tous les articles et ce n&rsquo;est pas un \u00e9l\u00e9ment obligatoire pour tous les magazines.<\/span><\/p>\n<p>&nbsp;<\/p>\n<p><span style=\"font-weight: 400\">Cependant, je vois cette tendance s&rsquo;accentuer avec l&rsquo;adoption de ce slogan par de plus en plus de sites pour les nouveaux contenus. Il peut \u00e9galement \u00eatre utilis\u00e9 dans les widgets des articles de fond comme titre d&rsquo;appel sous l&rsquo;en-t\u00eate.<\/span><\/p>\n<p><span style=\"font-weight: 400\">Jetez un coup d&rsquo;\u0153il \u00e0 certains de vos \u00ab\u00a0grands\u00a0\u00bb blogs pr\u00e9f\u00e9r\u00e9s et voyez s&rsquo;ils utilisent des slogans. Je parierais que la plupart d&rsquo;entre eux le font.<\/span><\/p>\n<p>&nbsp;<\/p>\n<p><span style=\"font-weight: 400\">Remarquez aussi que la plupart des titres ont une couleur de texte plus sombre que le titre d&rsquo;appel correspondant. Ce contraste attire d&rsquo;abord les visiteurs vers le titre, puis les guide \u00e0 travers le titre et dans l&rsquo;article.<\/span><\/p>\n<p>&nbsp;<\/p>\n<p><span style=\"font-weight: 400\">Lire la suite:<\/span><\/p>\n<p><a href=\"https:\/\/www.pinkart-ltd.com\/\"><span style=\"font-weight: 400\">http:\/\/www.pinkart-ltd.com\/<\/span><\/a><\/p>\n<p>&nbsp;<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Tous les grands magazines professionnels et sp\u00e9cialistes ont \u00e9tabli une pr\u00e9sence en ligne. Beaucoup publient encore des \u00e9ditions imprim\u00e9es, mais Internet est un moyen beaucoup moins co\u00fbteux de publier du contenu.<\/p>\n","protected":false},"author":16,"featured_media":1081,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_kad_post_transparent":"","_kad_post_title":"","_kad_post_layout":"","_kad_post_sidebar_id":"","_kad_post_content_style":"","_kad_post_vertical_padding":"","_kad_post_feature":"","_kad_post_feature_position":"","_kad_post_header":false,"_kad_post_footer":false,"_kad_post_classname":"","footnotes":""},"categories":[38],"tags":[62],"class_list":["post-1080","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-publicite","tag-magazine"],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/www.pub1.fr\/blogueurs\/wp-json\/wp\/v2\/posts\/1080","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.pub1.fr\/blogueurs\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.pub1.fr\/blogueurs\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.pub1.fr\/blogueurs\/wp-json\/wp\/v2\/users\/16"}],"replies":[{"embeddable":true,"href":"https:\/\/www.pub1.fr\/blogueurs\/wp-json\/wp\/v2\/comments?post=1080"}],"version-history":[{"count":3,"href":"https:\/\/www.pub1.fr\/blogueurs\/wp-json\/wp\/v2\/posts\/1080\/revisions"}],"predecessor-version":[{"id":1084,"href":"https:\/\/www.pub1.fr\/blogueurs\/wp-json\/wp\/v2\/posts\/1080\/revisions\/1084"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.pub1.fr\/blogueurs\/wp-json\/wp\/v2\/media\/1081"}],"wp:attachment":[{"href":"https:\/\/www.pub1.fr\/blogueurs\/wp-json\/wp\/v2\/media?parent=1080"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.pub1.fr\/blogueurs\/wp-json\/wp\/v2\/categories?post=1080"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.pub1.fr\/blogueurs\/wp-json\/wp\/v2\/tags?post=1080"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}