{"id":5545,"date":"2023-04-13T16:33:45","date_gmt":"2023-04-13T14:33:45","guid":{"rendered":"https:\/\/www.swash-formation.fr\/?post_type=formation&#038;p=5545"},"modified":"2026-04-10T15:11:36","modified_gmt":"2026-04-10T13:11:36","slug":"conception-numerique-et-design-dinterfaces-pour-les-graphistes","status":"publish","type":"formation","link":"https:\/\/www.swash-formation.fr\/formation\/conception-numerique-et-design-dinterfaces-pour-les-graphistes\/","title":{"rendered":"Conception num\u00e9rique et design d\u2019interfaces pour les graphistes"},"template":"","domaine":[12],"motcle":[63,23,5,21],"metier":[52,47,51],"etiquette":[],"type_ra":[80],"logiciel":[],"class_list":["post-5545","formation","type-formation","status-publish","hentry","domaine-formation-ux-ui-webdesign","motcle-experience-utilisateurs","motcle-interface","motcle-mise-en-pages","motcle-tendances","metier-directeur-artistique","metier-graphiste","metier-ui-designer","type_ra-inter","no-post-thumbnail"],"acf":{"FOR_Format":"80","FOR_SousTitre":"Effectuer une cartographie du design d\u2019\u00e9crans et s\u2019initier \u00e0 la conception d\u2018interfaces utilisateurs","FOR_Jours":1,"FOR_Heures":7,"FOR_Duree":"7 heures collectives","FOR_DureeTxt":"1 jour \/ 7 heures","FOR_Prix":"","FOR_Ref":"W10 (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;\">Initier une r\u00e9flexion sur les usages et tendances du design num\u00e9rique et produire des premiers \u00e9l\u00e9ments d\u2019interfaces dans le cadre d\u2019une conception Web centr\u00e9e utilisateurs (UI).<\/span><\/p>","FOR_Obj":"<ul>\r\n\t<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">(Re)contextualiser le design d\u2019interface<\/span><\/li>\r\n\t<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Distinguer les r\u00e8gles et explorer les tendances du design num\u00e9rique<\/span><\/li>\r\n\t<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Cr\u00e9er ou d\u00e9cliner une identit\u00e9 graphique sur \u00e9cran<\/span><\/li>\r\n\t<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">\u00c9laborer des pages cl\u00e9s (landing page, page produit\u2026)<\/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 aux directeurs artistiques, graphistes ou maquettistes.<\/span><\/p>","FOR_Prerequis":"<p><span style=\"font-weight: 400;\">Utiliser quotidiennement des logiciels graphiques (Suite Adobe ou \u00e9quivalent).<\/span><\/p>","FOR_Programme":"<h3 class=\"chapitre\">(Re)contextualiser le design d\u2019interface<\/h3>\r\n<ul>\r\n\t<li>Distinguer UI et UX<\/li>\r\n\t<li>Int\u00e9grer le vocabulaire utile : navigation, wireframe, prototypage, mock-up, guideline, design system, atomic design...<\/li>\r\n\t<li>Mesurer l\u2019\u00e9volution des m\u00e9tiers : UX designer \/ UI designer \/ Product designer\u2026<\/li>\r\n\t<li>Identifier les outils (in)contournables (Figma, Sketch, XD, WordPress, Webflow, Framer\u2026)<\/li>\r\n<\/ul>\r\n<div class=\"exo\"><em>-&gt; Quiz et questions\/r\u00e9ponses\u00a0<\/em><\/div>\r\n<h3 class=\"chapitre\">Distinguer les r\u00e8gles et explorer les tendances du design num\u00e9rique<\/h3>\r\n<ul>\r\n\t<li>Rappeler les grands principes ergonomiques li\u00e9s aux interfaces homme-machine (IHM)<\/li>\r\n\t<li>Cr\u00e9er pour desktop et\/ou pour les supports mobiles<\/li>\r\n\t<li>G\u00e9rer le texte \/ les images \/ les ic\u00f4nes \/ les pictos : quelles contraintes ?<\/li>\r\n\t<li>Penser visibilit\u00e9 et lisibilit\u00e9<\/li>\r\n\t<li>Prendre en compte le responsive<\/li>\r\n\t<li>Organiser une veille cr\u00e9ative pour s\u2019impr\u00e9gner des tendances<\/li>\r\n<\/ul>\r\n<div class=\"exo\"><em>-&gt; Partage d\u2019exp\u00e9riences \/ Analyse des meilleurs sites d'inspiration \/ Analyse de sites et d\u2019applications remarquables \/ Collecte et organisation de visuels<\/em><\/div>\r\n<h3 class=\"chapitre\">Cr\u00e9er ou d\u00e9cliner une identit\u00e9 graphique sur \u00e9cran<\/h3>\r\n<ul>\r\n\t<li>Analyser et \u00e9valuer un brief client (interne ou externe) : les points d\u2019attention<\/li>\r\n\t<li>D\u00e9velopper rapidement des id\u00e9es de conception gr\u00e2ce \u00e0 l\u2019it\u00e9ration<\/li>\r\n\t<li>Initier une direction artistique bas\u00e9e sur les grands principes du design \u00e9motionnel<\/li>\r\n<\/ul>\r\n<div class=\"exo\"><em>-&gt; Exercice : r\u00e9aliser un prototype basse fid\u00e9lit\u00e9<\/em><\/div>\r\n<h3 class=\"chapitre\">\u00c9laborer des pages cl\u00e9s (landing page, page produit\u2026)<\/h3>\r\n<ul>\r\n\t<li>Cr\u00e9er les wireframes dans le respect du brief client<\/li>\r\n\t<li>R\u00e9aliser l'UI de sa page (boutons, menu\u2026) avec un outil d\u00e9di\u00e9 (Figma, Sketch ou XD)<\/li>\r\n\t<li>Finaliser sa page et anticiper l\u2019int\u00e9gration front-end<\/li>\r\n<\/ul>\r\n<div class=\"exo\"><em>-&gt; Exercice : cr\u00e9er une landing page<\/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 logiciels : <a href=\"https:\/\/www.figma.com\" target=\"_blank\" rel=\"noopener\">Figma<\/a> et \/ ou <a href=\"https:\/\/www.sketch.com\" target=\"_blank\" rel=\"noopener\">Sketch<\/a> et \/ ou <a href=\"https:\/\/www.adobe.com\/fr\/products\/xd.html\" target=\"_blank\" rel=\"noopener\">Adobe XD<\/a><\/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\/5545","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=5545"}],"wp:term":[{"taxonomy":"domaine","embeddable":true,"href":"https:\/\/www.swash-formation.fr\/sw-connect\/wp\/v2\/domaine?post=5545"},{"taxonomy":"motcle","embeddable":true,"href":"https:\/\/www.swash-formation.fr\/sw-connect\/wp\/v2\/motcle?post=5545"},{"taxonomy":"metier","embeddable":true,"href":"https:\/\/www.swash-formation.fr\/sw-connect\/wp\/v2\/metier?post=5545"},{"taxonomy":"etiquette","embeddable":true,"href":"https:\/\/www.swash-formation.fr\/sw-connect\/wp\/v2\/etiquette?post=5545"},{"taxonomy":"type_ra","embeddable":true,"href":"https:\/\/www.swash-formation.fr\/sw-connect\/wp\/v2\/type_ra?post=5545"},{"taxonomy":"logiciel","embeddable":true,"href":"https:\/\/www.swash-formation.fr\/sw-connect\/wp\/v2\/logiciel?post=5545"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}