{"id":5546,"date":"2023-04-13T16:56:06","date_gmt":"2023-04-13T14:56:06","guid":{"rendered":"https:\/\/www.swash-formation.fr\/?post_type=formation&#038;p=5546"},"modified":"2026-04-10T15:24:59","modified_gmt":"2026-04-10T13:24:59","slug":"composition-graphique-et-design-numerique-pour-les-communicants-et-les-marketeurs","status":"publish","type":"formation","link":"https:\/\/www.swash-formation.fr\/formation\/composition-graphique-et-design-numerique-pour-les-communicants-et-les-marketeurs\/","title":{"rendered":"Composition graphique et design num\u00e9rique pour les communicants et les marketeurs"},"template":"","domaine":[12],"motcle":[23,5,30],"metier":[54,55],"etiquette":[],"type_ra":[80],"logiciel":[],"class_list":["post-5546","formation","type-formation","status-publish","hentry","domaine-formation-ux-ui-webdesign","motcle-interface","motcle-mise-en-pages","motcle-reseaux-sociaux","metier-charge-de-communication","metier-chef-de-projet-digital","type_ra-inter","no-post-thumbnail"],"acf":{"FOR_Format":"80","FOR_SousTitre":"Slides, landing pages, r\u00e9seaux sociaux\u2026 S\u2019initier aux fondamentaux du design \u00e9cran pour concevoir des visuels \u00ab dans les r\u00e8gles de l\u2019art \u00bb","FOR_Jours":1,"FOR_Heures":7,"FOR_Duree":"7 heures collectives","FOR_DureeTxt":"1 jour \/ 7 heures","FOR_Prix":"","FOR_Ref":"W11 (Formation intra \/ sur mesure)","FOR_Niveau":"Initiation","FOR_PrixComplet":"sur demande","FOR_PrixCourt":"sur demande","FOR_Support":"","FOR_ProgPdf":"","FOR_Intervenants":[1612],"FOR_Comp":"<p><span style=\"font-weight: 400;\">Se familiariser avec les usages et tendances du design num\u00e9rique et int\u00e9grer les r\u00e8gles n\u00e9cessaires pour cr\u00e9er des visuels destin\u00e9s \u00e0 la lecture sur \u00e9cran.<\/span><\/p>","FOR_Obj":"<ul>\r\n\t<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Contextualiser la cr\u00e9ation num\u00e9rique<\/span><\/li>\r\n\t<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">D\u00e9coder les grandes r\u00e8gles du design graphique pour le num\u00e9rique<\/span><\/li>\r\n\t<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Cr\u00e9er des visuels visibles\u2026 et lisibles<\/span><\/li>\r\n<\/ul>","FOR_Valider":"<ul>\r\n\t<li>votre projet et le contexte de votre demande pour co-construire le programme d\u00e9finitif<\/li>\r\n\t<li>le format\u00a0: pr\u00e9sentiel et\/ou distanciel<\/li>\r\n\t<li>le tarif\u00a0: calcul\u00e9 selon le temps de pr\u00e9paration, les moyens \u00e0 mobiliser, le nombre de jours, le lieu de la formation\u2026<\/li>\r\n\t<li>*la dur\u00e9e\u00a0: \u00e0 confirmer selon les pr\u00e9requis et les objectifs \u00e0 atteindre par les apprenants<\/li>\r\n<\/ul>","FOR_5Raisons":"","FOR_Public":"<p><span style=\"font-weight: 400;\">Cette formation s\u2019adresse \u00e0 tous les professionnels de la communication et du marketing.<\/span><\/p>","FOR_Prerequis":"<p><span style=\"font-weight: 400;\">Aucun.<\/span><\/p>","FOR_Programme":"<h3 class=\"chapitre\">Contextualiser la cr\u00e9ation num\u00e9rique<\/h3>\r\n<ul>\r\n\t<li>D\u00e9crypter les tendances<\/li>\r\n\t<li>Diff\u00e9rencier UI, UX et product design<\/li>\r\n\t<li>Identifier les grands principes du design \u00e9cran<\/li>\r\n\t<li>Int\u00e9grer le vocabulaire utile : pixels, marges, espaces colorim\u00e9triques\u2026<\/li>\r\n\t<li>Du communicant au designer graphique : \u00e9tablir un \u00e9tat des lieux sur les m\u00e9tiers<\/li>\r\n<\/ul>\r\n<div class=\"exo\"><em>-&gt; Quiz et questions\/r\u00e9ponses<\/em>\u00a0<\/div>\r\n<h3 class=\"chapitre\">D\u00e9coder les grandes r\u00e8gles du design graphique pour le num\u00e9rique<\/h3>\r\n<ul>\r\n\t<li>Conna\u00eetre, identifier et associer les diff\u00e9rentes familles typographiques<\/li>\r\n\t<li>Interpr\u00e9ter les couleurs et leur symbolique<\/li>\r\n\t<li>Int\u00e9grer les grands principes du design \u00e9motionnel<\/li>\r\n\t<li>G\u00e9n\u00e9rer des contrastes et des syst\u00e8mes graphiques \u00e0 partir de formes et de couleurs<\/li>\r\n\t<li>Identifier le r\u00f4le de la grille dans la lisibilit\u00e9 d\u2019un document<\/li>\r\n\t<li>Analyser le sens de lecture, les proportions, les contrastes selon les supports<\/li>\r\n\t<li>S\u2019approprier les rapports texte\/image - texte\/texte - image\/image<\/li>\r\n\t<li>Utiliser des codes graphiques adapt\u00e9s \u00e0 son public (\u00e2ge \/ contexte \/ CSP\u2026)<\/li>\r\n<\/ul>\r\n<div class=\"exo\"><em>-&gt; Partage d\u2019exp\u00e9riences \/ Analyse de visuels extraits des r\u00e9seaux sociaux et de pr\u00e9sentations remarquables<\/em><\/div>\r\n<h3 class=\"chapitre\">Cr\u00e9er des visuels visibles\u2026 et lisibles<\/h3>\r\n<ul>\r\n\t<li>Structurer et hi\u00e9rarchiser ses contenus<\/li>\r\n\t<li>Prendre en compte le mode de diffusion (desktop, tablette, mobile)<\/li>\r\n\t<li>Adapter sa mise en pages au support (slides \/ bandeaux \/ visuels pour les r\u00e9seaux sociaux\u2026)<\/li>\r\n\t<li>D\u00e9cliner ses visuels selon les formats de diffusion (Instagram, Facebook, LinkedIn, newsletter)<\/li>\r\n\t<li>G\u00e9rer le texte \/ les images \/ les ic\u00f4nes \/ les pictos<\/li>\r\n\t<li>Finaliser un visuel et argumenter ses choix<\/li>\r\n<\/ul>\r\n<div class=\"exo\"><em>-&gt; Exercice : sur la base des exemples pr\u00e9sent\u00e9s par l\u2019intervenant (slide \/ landing page \/ r\u00e9seaux sociaux \/ newsletter), chaque apprenant con\u00e7oit un ou plusieurs visuels aboutis (avec le.s logiciel.s de son choix)<\/em><\/div>","FOR_Profil":"<p><span style=\"font-weight: 400;\">Directeur artistique \/ Product Designer avec plus de 10 ans d'exp\u00e9rience en enseignement.<\/span><\/p>","FOR_Ressources":"<ul>\r\n\t<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Supports de cours d\u00e9mat\u00e9rialis\u00e9s<\/span><\/li>\r\n\t<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Abonnement de 3 mois \u00e0 <a href=\"https:\/\/fr.tuto.com\" target=\"_blank\" rel=\"noopener\">tuto.com<\/a><\/span><\/li>\r\n\t<li style=\"font-weight: 400;\">Acc\u00e8s illimit\u00e9 par mail \u00e0 la hotline Swash<\/li>\r\n<\/ul>","FOR_ModPres":"<h4><strong>Parcours p\u00e9dagogique : <\/strong><\/h4>\r\n<p><span style=\"font-weight: 400;\">Questionnaire de positionnement <span class=\"flechD\">\u276f<\/span> 1 jour pr\u00e9sentiel <span class=\"flechD\">\u276f<\/span><\/span><span class=\"s1\">\u00c9valuation des acquis<\/span><\/p>\r\n<h4><strong>M\u00e9thode p\u00e9dagogique : <\/strong><\/h4>\r\n<p><span style=\"font-weight: 400;\">Expositive + d\u00e9monstrative : expos\u00e9s th\u00e9oriques, d\u00e9monstrations, mise en pratique, analyse collective, feedbacks personnalis\u00e9s<\/span><\/p>\r\n<h4><strong>Moyens techniques : <\/strong><\/h4>\r\n<ul>\r\n\t<li><span style=\"font-weight: 400;\">1 poste par participant, fourni par nos soins, \u00e9quip\u00e9 des logiciels utiles<\/span><\/li>\r\n\t<li>Poste de l\u2019intervenant reli\u00e9 \u00e0 un grand \u00e9cran ou vid\u00e9oprojecteur<\/li>\r\n<\/ul>","FOR_ModDist":"<h4>Parcours p\u00e9dagogique :<\/h4>\r\n<div class=\"exo\"><span style=\"font-weight: 400;\">Questionnaire de positionnement <span class=\"flechD\">\u276f<\/span> 1 jour distanciel <span class=\"flechD\">\u276f<\/span> <span class=\"s1\">\u00c9valuation des acquis<\/span><\/span><\/div>\r\n<h4>M\u00e9thode p\u00e9dagogique :<\/h4>\r\n<p><span style=\"font-weight: 400;\">Expositive + d\u00e9monstrative : expos\u00e9s th\u00e9oriques, d\u00e9monstrations, mise en pratique, analyse collective, feedbacks personnalis\u00e9s<\/span><\/p>\r\n<h4>Moyens techniques :<\/h4>\r\n<ul>\r\n\t<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Classes virtuelles cr\u00e9\u00e9es par nos soins<\/span><\/li>\r\n\t<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Chaque apprenant participe \u00e0 la session avec son ordinateur, connect\u00e9 \u00e0 Internet et \u00e9quip\u00e9 :<\/span><br \/>\r\n<ul>\r\n\t<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">d\u2019un micro et d\u2019une cam\u00e9ra<\/span><\/li>\r\n\t<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">des ses logiciels quotidiens (graphiques ou bureautiques)<\/span><\/li>\r\n\t<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">d\u2019un double \u00e9cran (recommand\u00e9 mais non n\u00e9cessaire)<\/span><\/li>\r\n<\/ul>\r\n<\/li>\r\n<\/ul>","FOR_Eval":"<ul>\r\n\t<li><span style=\"font-weight: 400;\">Validation des acquis pendant la formation gr\u00e2ce \u00e0 des jeux p\u00e9dagogiques, des \u00e9tudes de cas, <\/span>des analyses de site<\/li>\r\n\t<li>Suivi d'acquisition des objectifs p\u00e9dagogiques par l'intervenant<\/li>\r\n\t<li><span style=\"font-weight: 400;\"> \u00c9valuation \u00e0 chaud (remplie en fin de <\/span><span style=\"font-weight: 400;\">formation) et \u00e0 froid (\u00e0 60 jours)<\/span><\/li>\r\n<\/ul>","for_pourquoi":"","FOR_PlanCond":1,"FOR_PlanDist":null,"FOR_PlanPres":null,"for_tag-new":false,"for_tag-update":false},"_links":{"self":[{"href":"https:\/\/www.swash-formation.fr\/sw-connect\/wp\/v2\/formation\/5546","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.swash-formation.fr\/sw-connect\/wp\/v2\/formation"}],"about":[{"href":"https:\/\/www.swash-formation.fr\/sw-connect\/wp\/v2\/types\/formation"}],"acf:post":[{"embeddable":true,"href":"https:\/\/www.swash-formation.fr\/sw-connect\/wp\/v2\/intervenant\/1612"}],"wp:attachment":[{"href":"https:\/\/www.swash-formation.fr\/sw-connect\/wp\/v2\/media?parent=5546"}],"wp:term":[{"taxonomy":"domaine","embeddable":true,"href":"https:\/\/www.swash-formation.fr\/sw-connect\/wp\/v2\/domaine?post=5546"},{"taxonomy":"motcle","embeddable":true,"href":"https:\/\/www.swash-formation.fr\/sw-connect\/wp\/v2\/motcle?post=5546"},{"taxonomy":"metier","embeddable":true,"href":"https:\/\/www.swash-formation.fr\/sw-connect\/wp\/v2\/metier?post=5546"},{"taxonomy":"etiquette","embeddable":true,"href":"https:\/\/www.swash-formation.fr\/sw-connect\/wp\/v2\/etiquette?post=5546"},{"taxonomy":"type_ra","embeddable":true,"href":"https:\/\/www.swash-formation.fr\/sw-connect\/wp\/v2\/type_ra?post=5546"},{"taxonomy":"logiciel","embeddable":true,"href":"https:\/\/www.swash-formation.fr\/sw-connect\/wp\/v2\/logiciel?post=5546"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}