Skip to content

Téléphonez-nous au :

09 78 45 04 38

Ou envoyez-nous un message :

Nous contacter
Candidater
Accueil > Initiation au Design Produit > Les raccourcis Spline

Les raccourcis Spline à connaître

Téléchargez gratuitement nos fiches pratiques, que ce soit pour préparer un examen, un entretien, ou simplement renforcer vos connaissances tech !

Cheat Sheet n°4 :
les raccourcis claviers essentiels sur Spline


Maîtrisez les raccourcis clavier essentiels de Spline avec notre fiche de révision détaillée.  Parfaite pour les débutants ou ceux qui souhaitent rafraîchir leurs connaissances en design d'interface.

Notre fiche de révision couvre tous les raccourcis importants tels que ouvrir/importer, enregistrer le fichier, zoom avant, insérer une image, et bien plus encore.
Téléchargez cette fiche indispensable pour réviser efficacement et renforcer vos compétences en utilisation de Spline 3D.

Un outil incontournable pour progresser rapidement et réussir dans le monde du design 3D interactif.

484shots_so

 

Obtenir la cheat sheet

Ces articles sont susceptibles de vous intéresser

  • Comment devenir graphiste et créer les designs de demain

    Lire l'article
    (BlogPost: { "ab" : false, "abStatus" : null, "abTestId" : null, "abVariation" : false, "abVariationAutomated" : false, "absoluteUrl" : "https://www.wildcodeschool.com/fr-fr/blog/comment-devenir-graphiste-et-créer-les-designs-de-demain", "afterPostBody" : null, "aifeatures" : null, "allowedSlugConflict" : false, "analytics" : null, "analyticsPageId" : "139498711345", "analyticsPageType" : "blog-post", "approvalStatus" : null, "archived" : false, "archivedAt" : 0, "archivedInDashboard" : false, "areCommentsAllowed" : false, "attachedStylesheets" : [ ], "audienceAccess" : "PUBLIC", "author" : null, "authorName" : null, "authorUsername" : null, "blogAuthor" : { "avatar" : "https://2902314.fs1.hubspotusercontent-na1.net/hubfs/2902314/1684833909839.jpeg", "bio" : "Journaliste contributeur", "cdnPurgeEmbargoTime" : null, "cosObjectType" : "BLOG_AUTHOR", "created" : 1686238750029, "deletedAt" : 0, "displayName" : "Calvin Ropers", "email" : "", "facebook" : "", "fullName" : "Calvin Ropers", "gravatarUrl" : null, "hasSocialProfiles" : true, "id" : 119398496648, "label" : "Calvin Ropers", "language" : null, "linkedin" : "https://www.linkedin.com/in/calvin-ropers-1b6582195/?originalSubdomain=fr", "name" : "Calvin Ropers", "portalId" : 2902314, "slug" : "calvin-ropers", "translatedFromId" : null, "translations" : { }, "twitter" : "", "twitterUsername" : "", "updated" : 1686839894865, "userId" : null, "username" : null, "website" : "" }, "blogAuthorId" : 119398496648, "blogPostAuthor" : { "avatar" : "https://2902314.fs1.hubspotusercontent-na1.net/hubfs/2902314/1684833909839.jpeg", "bio" : "Journaliste contributeur", "cdnPurgeEmbargoTime" : null, "cosObjectType" : "BLOG_AUTHOR", "created" : 1686238750029, "deletedAt" : 0, "displayName" : "Calvin Ropers", "email" : "", "facebook" : "", "fullName" : "Calvin Ropers", "gravatarUrl" : null, "hasSocialProfiles" : true, "id" : 119398496648, "label" : "Calvin Ropers", "language" : null, "linkedin" : "https://www.linkedin.com/in/calvin-ropers-1b6582195/?originalSubdomain=fr", "name" : "Calvin Ropers", "portalId" : 2902314, "slug" : "calvin-ropers", "translatedFromId" : null, "translations" : { }, "twitter" : "", "twitterUsername" : "", "updated" : 1686839894865, "userId" : null, "username" : null, "website" : "" }, "blogPostScheduleTaskUid" : null, "blogPublishInstantEmailCampaignId" : null, "blogPublishInstantEmailRetryCount" : null, "blogPublishInstantEmailTaskUid" : null, "blogPublishToSocialMediaTask" : "DONE_NOT_SENT", "blueprintTypeId" : 0, "businessUnitId" : null, "campaign" : null, "campaignName" : null, "campaignUtm" : null, "category" : 3, "categoryId" : 3, "cdnPurgeEmbargoTime" : null, "checkPostLevelAudienceAccessFirst" : true, "clonedFrom" : null, "composeBody" : null, "compositionId" : 0, "contentAccessRuleIds" : [ ], "contentAccessRuleTypes" : [ ], "contentGroup" : 103175636270, "contentGroupId" : 103175636270, "contentTypeCategory" : 3, "contentTypeCategoryId" : 3, "contentTypeId" : null, "created" : 1696943274235, "createdByAgent" : null, "createdById" : 50704370, "createdTime" : 1696943274235, "crmObjectId" : null, "css" : { }, "cssText" : "", "ctaClicks" : null, "ctaViews" : null, "currentState" : "PUBLISHED", "currentlyPublished" : true, "deletedAt" : 0, "deletedBy" : null, "deletedByEmail" : null, "deletedById" : null, "domain" : "", "dynamicPageDataSourceId" : null, "dynamicPageDataSourceType" : null, "dynamicPageHubDbTableId" : null, "enableDomainStylesheets" : null, "enableGoogleAmpOutputOverride" : false, "enableLayoutStylesheets" : null, "errors" : [ ], "featuredImage" : "https://2902314.fs1.hubspotusercontent-na1.net/hubfs/2902314/20-10-2023_COMMENT%20DEVENIR%20GRAPHISTE%20ET%20CR%C3%89ER%20LES%20DESIGNS%20DE%20DEMAIN.jpg", "featuredImageAltText" : "", "featuredImageHeight" : 981, "featuredImageLength" : 0, "featuredImageWidth" : 1920, "flexAreas" : { }, "folderId" : null, "footerHtml" : null, "freezeDate" : 1697781600000, "generateJsonLdEnabledOverride" : true, "hasContentAccessRules" : false, "hasUserChanges" : true, "headHtml" : null, "header" : null, "htmlTitle" : "Comment devenir graphiste et créer les designs de demain", "id" : 139498711345, "includeDefaultCustomCss" : null, "isCaptchaRequired" : true, "isCrawlableByBots" : false, "isDraft" : false, "isInstanceLayoutPage" : false, "isInstantEmailEnabled" : false, "isPublished" : true, "isSocialPublishingEnabled" : false, "keywords" : [ ], "label" : "Comment devenir graphiste et créer les designs de demain", "language" : "fr-fr", "lastEditSessionId" : null, "lastEditUpdateId" : null, "layoutSections" : { }, "legacyBlogTabid" : null, "legacyId" : null, "legacyPostGuid" : null, "linkRelCanonicalUrl" : null, "listTemplate" : "", "liveDomain" : "www.wildcodeschool.com", "mab" : false, "mabExperimentId" : null, "mabMaster" : false, "mabVariant" : false, "meta" : { "html_title" : "Comment devenir graphiste et créer les designs de demain", "public_access_rules" : [ ], "public_access_rules_enabled" : false, "use_featured_image" : true, "enable_google_amp_output_override" : false, "generate_json_ld_enabled" : true, "composition_id" : 0, "is_crawlable_by_bots" : false, "post_summary" : "<p>Ils seraient 65 000 en France, selon <a href=\"https://www.lemonde.fr/campus/article/2022/01/31/dessine-moi-juste-un-petit-logo-les-jeunes-designers-graphiques-peinent-a-faire-reconnaitre-leur-travail_6111645_4401467.html#:~:text=Jean%2DPierre%20Durand%2C%20auteur%20de,graphisme%20%C2%BB%2C%20d%C3%A9taille%20le%20sociologue.\"><span>Jean-Pierre Durand</span></a>, auteur du livre <em>Métiers du graphisme</em>, commandé par le ministère de la Culture. Et pour cause, le graphisme recouvre de nombreuses spécialités. À la frontière entre l’artiste et le développeur, le graphiste entre petit à petit dans la (grande) famille des métiers de la Tech.&nbsp;</p>\n", "post_body" : "<p>Ils seraient 65 000 en France, selon <a href=\"https://www.lemonde.fr/campus/article/2022/01/31/dessine-moi-juste-un-petit-logo-les-jeunes-designers-graphiques-peinent-a-faire-reconnaitre-leur-travail_6111645_4401467.html#:~:text=Jean%2DPierre%20Durand%2C%20auteur%20de,graphisme%20%C2%BB%2C%20d%C3%A9taille%20le%20sociologue.\"><span>Jean-Pierre Durand</span></a>, auteur du livre <em>Métiers du graphisme</em>, commandé par le ministère de la Culture. Et pour cause, le graphisme recouvre de nombreuses spécialités. À la frontière entre l’artiste et le développeur, le graphiste entre petit à petit dans la (grande) famille des métiers de la Tech.&nbsp;</p>\n<!--more--><p>&nbsp;</p>\n<h2 style=\"font-size: 30px;\"><strong>Qu’est-ce que le métier de graphiste ?</strong></h2>\n<p>Le (bon) graphiste doit posséder de nombreuses qualités transversales. En tant qu'artiste, il doit faire preuve de créativité et être capable de travailler efficacement dans des délais serrés. Mais il doit aussi posséder une excellente organisation et une très bonne gestion du stress. De plus, son sens aigu du visuel et du détail est essentiel pour affiner chaque projet au maximum. Parce que le graphiste est en constante interaction avec le client, il doit posséder d'excellentes compétences relationnelles et d'analyse. Son travail consiste à comprendre les exigences de son client et le guider vers la réalisation optimale de son projet.</p>\n<p>Pour élargir sa palette de compétences et de prestation, le graphiste doit maîtriser les outils de la suite Adobe et être versé dans diverses techniques de dessin. Si le graphiste est spécialisé dans le webdesign, il doit également avoir des connaissances de base en programmation pour collaborer efficacement avec les développeurs. Véritable passionné, le graphiste reste au fait des dernières tendances design. Sa curiosité et sa culture générale sont donc des atouts majeurs. Mais il doit aussi s'adapter en permanence aux nouveaux outils et logiciels liés à son domaine.</p>\n<p>&nbsp;</p>\n<h2 style=\"font-size: 30px;\"><strong>Trouver une formation de graphiste&nbsp;</strong></h2>\n<p>La voie classique pour devenir graphiste est de passer un diplôme en arts ou design. Bien qu’ils ne soient pas toujours obligatoires, ces diplômes sont un excellent point de départ. L’autre possibilité est de suivre une formation en ligne via une plateforme proposant des cours de graphisme. Certains graphistes sont aussi autodidactes et apprennent en pratiquant constamment, en suivant des tutoriels en ligne et en créant des projets personnels.</p>\n<p>Le choix de la formation dépend aussi de la spécialisation choisie. Car le métier de graphiste ne se limite pas à une seule forme, il s'inscrit dans le vaste domaine du design. Il existe une diversité de graphistes, chacun expert dans des domaines spécifiques.&nbsp;&nbsp;</p>\n<p>&nbsp;</p>\n<h2 style=\"font-size: 30px;\"><strong>Adapter sa formation à ses besoins</strong></h2>\n<ul>\n<li><strong>Le graphiste print</strong> est le spécialiste de l’édition. Il crée des supports imprimables sur mesure et connaît par cœur tous les papiers nécessaires à leur bonne réalisation. Les couleurs, les grammages, les reliures, il prend en compte toutes les données physiques dans son travail.<br><br></li>\n<li><strong>Le graphiste 3D/2D</strong>, par exemple, est fréquemment associé monde de l’audiovisuel, que ce soit dans la publicité, la fiction, la création d’effets spéciaux ou les jeux vidéo. Pour ces derniers, il utilise par exemple divers outils numériques. Son rôle principal est de concevoir les graphismes du jeu de manière à le rendre identifiable et agréable à jouer. Parfois, il est également responsable de la conception des personnages de jeux vidéo. Quelque soit son domaine, il doit accomplir ces tâches en respectant un ensemble de critères et de contraintes établis dans un cahier des charges précis.<br><br></li>\n<li>Le <strong>graphiste designer</strong>, quant à lui, suit un projet pas à pas, de la phase de conception et de création jusqu'à la réalisation et à l'impression. Il est responsable de la création de divers éléments visuels, répondant aux demandes spécifiques des clients ou des entreprises. Il peut concevoir des affiches, des flyers, des logos, voire élaborer une charte graphique et l'identité visuelle complète d'une marque.<br><br></li>\n<li>La dernière variante est sans doute<strong> le WebDesigner</strong>, qui construit l'apparence visuelle d'un site web. Son objectif est de rendre le site internet de ses clients esthétiquement attractif et de garantir une expérience de navigation agréable aux utilisateurs. Son travail doit être en parfaite harmonie avec la charte graphique définie par une marque ou une entreprise.</li>\n</ul>\n<p>&nbsp;</p>\n<h2 style=\"font-size: 30px;\"><strong>Pourquoi nous faire confiance ?</strong></h2>\n<p>À la <a href=\"/fr-fr/\" rel=\"noopener\"><span style=\"font-weight: bold;\">Wild Code School</span></a>, nous proposons à nos étudiants <a href=\"https://www.wildcodeschool.com/fr-fr/formations-ux/formation-web-designer-a-distance\" style=\"font-weight: bold;\">un bootcamp intensif de 5 mois</a><span style=\"font-weight: bold;\"> </span>pour approfondir leurs compétences de graphiste afin de devenir WebDesigner. La formation certifiante peut être entièrement financée par le Compte Personnel de Formation (CPF). Apprenez à maîtriser Photoshop, Illustrator, Indesign ainsi que les fondamentaux du design d’interface et de l'intégration (HTML, CSS, Responsive Design…). Notre formation à distance, encadrée par des professionnels, garantit un taux de 86% de retour à l’emploi.</p>\n<p>Vous souhaitez apprendre de nouvelles compétences de WebDesigner et vous confronter au marché de l’emploi ? Alors consultez <a href=\"https://syllabus.wildcodeschool.com/fr-fr/bootcamp-webdesigner\" rel=\"noopener\"><span style=\"font-weight: bold;\">notre programme</span></a> et <a href=\"/fr-fr/candidature\" rel=\"noopener\"><span style=\"font-weight: bold;\">rejoignez notre bootcamp</span></a> !</p>\n<p>&nbsp;</p>", "rss_summary" : "<p>Ils seraient 65 000 en France, selon <a href=\"https://www.lemonde.fr/campus/article/2022/01/31/dessine-moi-juste-un-petit-logo-les-jeunes-designers-graphiques-peinent-a-faire-reconnaitre-leur-travail_6111645_4401467.html#:~:text=Jean%2DPierre%20Durand%2C%20auteur%20de,graphisme%20%C2%BB%2C%20d%C3%A9taille%20le%20sociologue.\"><span>Jean-Pierre Durand</span></a>, auteur du livre <em>Métiers du graphisme</em>, commandé par le ministère de la Culture. Et pour cause, le graphisme recouvre de nombreuses spécialités. À la frontière entre l’artiste et le développeur, le graphiste entre petit à petit dans la (grande) famille des métiers de la Tech.&nbsp;</p>\n", "rss_body" : "<p>Ils seraient 65 000 en France, selon <a href=\"https://www.lemonde.fr/campus/article/2022/01/31/dessine-moi-juste-un-petit-logo-les-jeunes-designers-graphiques-peinent-a-faire-reconnaitre-leur-travail_6111645_4401467.html#:~:text=Jean%2DPierre%20Durand%2C%20auteur%20de,graphisme%20%C2%BB%2C%20d%C3%A9taille%20le%20sociologue.\"><span>Jean-Pierre Durand</span></a>, auteur du livre <em>Métiers du graphisme</em>, commandé par le ministère de la Culture. Et pour cause, le graphisme recouvre de nombreuses spécialités. À la frontière entre l’artiste et le développeur, le graphiste entre petit à petit dans la (grande) famille des métiers de la Tech.&nbsp;</p>\n<!--more--><p>&nbsp;</p>\n<h2 style=\"font-size: 30px;\"><strong>Qu’est-ce que le métier de graphiste ?</strong></h2>\n<p>Le (bon) graphiste doit posséder de nombreuses qualités transversales. En tant qu'artiste, il doit faire preuve de créativité et être capable de travailler efficacement dans des délais serrés. Mais il doit aussi posséder une excellente organisation et une très bonne gestion du stress. De plus, son sens aigu du visuel et du détail est essentiel pour affiner chaque projet au maximum. Parce que le graphiste est en constante interaction avec le client, il doit posséder d'excellentes compétences relationnelles et d'analyse. Son travail consiste à comprendre les exigences de son client et le guider vers la réalisation optimale de son projet.</p>\n<p>Pour élargir sa palette de compétences et de prestation, le graphiste doit maîtriser les outils de la suite Adobe et être versé dans diverses techniques de dessin. Si le graphiste est spécialisé dans le webdesign, il doit également avoir des connaissances de base en programmation pour collaborer efficacement avec les développeurs. Véritable passionné, le graphiste reste au fait des dernières tendances design. Sa curiosité et sa culture générale sont donc des atouts majeurs. Mais il doit aussi s'adapter en permanence aux nouveaux outils et logiciels liés à son domaine.</p>\n<p>&nbsp;</p>\n<h2 style=\"font-size: 30px;\"><strong>Trouver une formation de graphiste&nbsp;</strong></h2>\n<p>La voie classique pour devenir graphiste est de passer un diplôme en arts ou design. Bien qu’ils ne soient pas toujours obligatoires, ces diplômes sont un excellent point de départ. L’autre possibilité est de suivre une formation en ligne via une plateforme proposant des cours de graphisme. Certains graphistes sont aussi autodidactes et apprennent en pratiquant constamment, en suivant des tutoriels en ligne et en créant des projets personnels.</p>\n<p>Le choix de la formation dépend aussi de la spécialisation choisie. Car le métier de graphiste ne se limite pas à une seule forme, il s'inscrit dans le vaste domaine du design. Il existe une diversité de graphistes, chacun expert dans des domaines spécifiques.&nbsp;&nbsp;</p>\n<p>&nbsp;</p>\n<h2 style=\"font-size: 30px;\"><strong>Adapter sa formation à ses besoins</strong></h2>\n<ul>\n<li><strong>Le graphiste print</strong> est le spécialiste de l’édition. Il crée des supports imprimables sur mesure et connaît par cœur tous les papiers nécessaires à leur bonne réalisation. Les couleurs, les grammages, les reliures, il prend en compte toutes les données physiques dans son travail.<br><br></li>\n<li><strong>Le graphiste 3D/2D</strong>, par exemple, est fréquemment associé monde de l’audiovisuel, que ce soit dans la publicité, la fiction, la création d’effets spéciaux ou les jeux vidéo. Pour ces derniers, il utilise par exemple divers outils numériques. Son rôle principal est de concevoir les graphismes du jeu de manière à le rendre identifiable et agréable à jouer. Parfois, il est également responsable de la conception des personnages de jeux vidéo. Quelque soit son domaine, il doit accomplir ces tâches en respectant un ensemble de critères et de contraintes établis dans un cahier des charges précis.<br><br></li>\n<li>Le <strong>graphiste designer</strong>, quant à lui, suit un projet pas à pas, de la phase de conception et de création jusqu'à la réalisation et à l'impression. Il est responsable de la création de divers éléments visuels, répondant aux demandes spécifiques des clients ou des entreprises. Il peut concevoir des affiches, des flyers, des logos, voire élaborer une charte graphique et l'identité visuelle complète d'une marque.<br><br></li>\n<li>La dernière variante est sans doute<strong> le WebDesigner</strong>, qui construit l'apparence visuelle d'un site web. Son objectif est de rendre le site internet de ses clients esthétiquement attractif et de garantir une expérience de navigation agréable aux utilisateurs. Son travail doit être en parfaite harmonie avec la charte graphique définie par une marque ou une entreprise.</li>\n</ul>\n<p>&nbsp;</p>\n<h2 style=\"font-size: 30px;\"><strong>Pourquoi nous faire confiance ?</strong></h2>\n<p>À la <a href=\"/fr-fr/\" rel=\"noopener\"><span style=\"font-weight: bold;\">Wild Code School</span></a>, nous proposons à nos étudiants <a href=\"https://www.wildcodeschool.com/fr-fr/formations-ux/formation-web-designer-a-distance\" style=\"font-weight: bold;\">un bootcamp intensif de 5 mois</a><span style=\"font-weight: bold;\"> </span>pour approfondir leurs compétences de graphiste afin de devenir WebDesigner. La formation certifiante peut être entièrement financée par le Compte Personnel de Formation (CPF). Apprenez à maîtriser Photoshop, Illustrator, Indesign ainsi que les fondamentaux du design d’interface et de l'intégration (HTML, CSS, Responsive Design…). Notre formation à distance, encadrée par des professionnels, garantit un taux de 86% de retour à l’emploi.</p>\n<p>Vous souhaitez apprendre de nouvelles compétences de WebDesigner et vous confronter au marché de l’emploi ? Alors consultez <a href=\"https://syllabus.wildcodeschool.com/fr-fr/bootcamp-webdesigner\" rel=\"noopener\"><span style=\"font-weight: bold;\">notre programme</span></a> et <a href=\"/fr-fr/candidature\" rel=\"noopener\"><span style=\"font-weight: bold;\">rejoignez notre bootcamp</span></a> !</p>\n<p>&nbsp;</p>", "tag_ids" : [ 103173212305, 116313955723 ], "topic_ids" : [ 103173212305, 116313955723 ], "blog_post_schedule_task_uid" : null, "blog_publish_to_social_media_task" : "DONE_NOT_SENT", "blog_publish_instant_email_task_uid" : null, "blog_publish_instant_email_campaign_id" : null, "blog_publish_instant_email_retry_count" : null, "keywords" : [ ], "head_html" : null, "footer_html" : null, "attached_stylesheets" : [ ], "enable_domain_stylesheets" : null, "include_default_custom_css" : null, "meta_description" : "Les métiers du graphisme sont facilement accessibles, sans faire de longues études, à condition de disposer d’un portfolio suffisamment solide pour faire la différence lors d’un entretien. Voici nos conseils pour percer dans la profession.", "meta_keywords" : null, "past_mab_experiment_ids" : [ ], "deleted_by" : null, "featured_image_alt_text" : "", "layout_sections" : { }, "enable_layout_stylesheets" : null, "tweet" : null, "tweet_at" : null, "campaign_name" : null, "campaign_utm" : null, "tweet_immediately" : false, "publish_immediately" : false, "security_state" : "NONE", "scheduled_update_date" : 0, "placement_guids" : [ ], "property_for_dynamic_page_title" : null, "property_for_dynamic_page_slug" : null, "property_for_dynamic_page_meta_description" : null, "property_for_dynamic_page_featured_image" : null, "property_for_dynamic_page_canonical_url" : null, "preview_image_src" : null, "legacy_blog_tabid" : null, "legacy_post_guid" : null, "performable_variation_letter" : null, "style_override_id" : null, "has_user_changes" : true, "css" : { }, "css_text" : "", "unpublished_at" : 0, "published_by_id" : 50704370, "allowed_slug_conflict" : false, "ai_features" : null, "link_rel_canonical_url" : null, "page_redirected" : false, "page_expiry_enabled" : null, "page_expiry_date" : null, "page_expiry_redirect_id" : null, "page_expiry_redirect_url" : null, "deleted_by_id" : null, "state_when_deleted" : null, "cloned_from" : null, "staged_from" : null, "personas" : [ ], "compose_body" : null, "featured_image" : "https://2902314.fs1.hubspotusercontent-na1.net/hubfs/2902314/20-10-2023_COMMENT%20DEVENIR%20GRAPHISTE%20ET%20CR%C3%89ER%20LES%20DESIGNS%20DE%20DEMAIN.jpg", "featured_image_width" : 1920, "featured_image_height" : 981, "publish_timezone_offset" : null, "theme_settings_values" : null, "password" : null, "header" : null, "published_at" : 1697781600962, "last_edit_session_id" : null, "last_edit_update_id" : null, "created_by_agent" : null }, "metaDescription" : "Les métiers du graphisme sont facilement accessibles, sans faire de longues études, à condition de disposer d’un portfolio suffisamment solide pour faire la différence lors d’un entretien. Voici nos conseils pour percer dans la profession.", "metaKeywords" : null, "name" : "Comment devenir graphiste et créer les designs de demain", "nextPostFeaturedImage" : "https://2902314.fs1.hubspotusercontent-na1.net/hubfs/2902314/2023-10-24_COMMENT%20%28BIEN%29%20R%C3%89USSIR%20SA%20RECONVERSION%20EN%20D%C3%89VELOPPEUR%20WEB%20_.jpg", "nextPostFeaturedImageAltText" : "", "nextPostName" : "Comment (bien) réussir sa reconversion en développeur web ?", "nextPostSlug" : "fr-fr/blog/comment-bien-réussir-sa-reconversion-en-développeur-web", "pageExpiryDate" : null, "pageExpiryEnabled" : null, "pageExpiryRedirectId" : null, "pageExpiryRedirectUrl" : null, "pageRedirected" : false, "pageTitle" : "Comment devenir graphiste et créer les designs de demain", "parentBlog" : { "absoluteUrl" : "https://www.wildcodeschool.com/fr-fr/blog", "allowComments" : false, "ampBodyColor" : "#404040", "ampBodyFont" : "'Helvetica Neue', Helvetica, Arial, sans-serif", "ampBodyFontSize" : "18", "ampCustomCss" : "", "ampHeaderBackgroundColor" : "#ffffff", "ampHeaderColor" : "#1e1e1e", "ampHeaderFont" : "'Helvetica Neue', Helvetica, Arial, sans-serif", "ampHeaderFontSize" : "36", "ampLinkColor" : "#416bb3", "ampLogoAlt" : "", "ampLogoHeight" : 0, "ampLogoSrc" : "", "ampLogoWidth" : 0, "analyticsPageId" : 103175636270, "attachedStylesheets" : [ ], "audienceAccess" : "PUBLIC", "businessUnitId" : null, "captchaAfterDays" : 7, "captchaAlways" : false, "categoryId" : 3, "cdnPurgeEmbargoTime" : null, "closeCommentsOlder" : 0, "commentDateFormat" : "medium", "commentFormGuid" : "c7bc1329-e868-4cf0-9b1c-23d0a756caa6", "commentMaxThreadDepth" : 1, "commentModeration" : false, "commentNotificationEmails" : [ ], "commentShouldCreateContact" : false, "commentVerificationText" : "", "cosObjectType" : "BLOG", "created" : 1676891663653, "createdDateTime" : 1676891663653, "dailyNotificationEmailId" : null, "dateFormattingLanguage" : null, "defaultGroupStyleId" : "", "defaultNotificationFromName" : "", "defaultNotificationReplyTo" : "", "deletedAt" : 0, "description" : "Faites le plein d'informations liées aux métiers de la tech.", "domain" : "", "domainWhenPublished" : "www.wildcodeschool.com", "emailApiSubscriptionId" : null, "enableGoogleAmpOutput" : true, "enableSocialAutoPublishing" : false, "generateJsonLdEnabled" : true, "header" : null, "htmlFooter" : "", "htmlFooterIsShared" : true, "htmlHead" : "", "htmlHeadIsShared" : true, "htmlKeywords" : [ ], "htmlTitle" : "Le blog de la Wild Code School - Wild Code School", "id" : 103175636270, "ilsSubscriptionListsByType" : { }, "instantNotificationEmailId" : null, "itemLayoutId" : null, "itemTemplateIsShared" : false, "itemTemplatePath" : "MarkentivexWCS/templates/blog-post.html", "label" : "Blog", "language" : "fr-fr", "legacyGuid" : null, "legacyModuleId" : null, "legacyTabId" : null, "listingLayoutId" : null, "listingPageId" : 103175636271, "listingTemplatePath" : "", "liveDomain" : "www.wildcodeschool.com", "monthFilterFormat" : "MMMM yyyy", "monthlyNotificationEmailId" : null, "name" : "Blog", "parentBlogUpdateTaskId" : null, "portalId" : 2902314, "postHtmlFooter" : "", "postHtmlHead" : "", "postsPerListingPage" : 9, "postsPerRssFeed" : 10, "publicAccessRules" : [ ], "publicAccessRulesEnabled" : false, "publicTitle" : "Blog", "publishDateFormat" : "dd/MM/YYYY", "resolvedDomain" : "www.wildcodeschool.com", "rootUrl" : "https://www.wildcodeschool.com/fr-fr/blog", "rssCustomFeed" : null, "rssDescription" : null, "rssItemFooter" : null, "rssItemHeader" : null, "settingsOverrides" : { "itemLayoutId" : false, "itemTemplatePath" : false, "itemTemplateIsShared" : false, "listingLayoutId" : false, "listingTemplatePath" : false, "postsPerListingPage" : false, "showSummaryInListing" : false, "useFeaturedImageInSummary" : false, "htmlHead" : false, "postHtmlHead" : false, "htmlHeadIsShared" : false, "htmlFooter" : false, "listingPageHtmlFooter" : false, "postHtmlFooter" : false, "htmlFooterIsShared" : false, "attachedStylesheets" : false, "postsPerRssFeed" : false, "showSummaryInRss" : false, "showSummaryInEmails" : false, "showSummariesInEmails" : false, "allowComments" : false, "commentShouldCreateContact" : false, "commentModeration" : false, "closeCommentsOlder" : false, "commentNotificationEmails" : false, "commentMaxThreadDepth" : false, "commentVerificationText" : false, "socialAccountTwitter" : false, "showSocialLinkTwitter" : false, "showSocialLinkLinkedin" : false, "showSocialLinkFacebook" : false, "enableGoogleAmpOutput" : false, "ampLogoSrc" : false, "ampLogoHeight" : false, "ampLogoWidth" : false, "ampLogoAlt" : false, "ampHeaderFont" : false, "ampHeaderFontSize" : false, "ampHeaderColor" : false, "ampHeaderBackgroundColor" : false, "ampBodyFont" : false, "ampBodyFontSize" : false, "ampBodyColor" : false, "ampLinkColor" : false, "generateJsonLdEnabled" : false }, "showSocialLinkFacebook" : true, "showSocialLinkLinkedin" : true, "showSocialLinkTwitter" : true, "showSummaryInEmails" : true, "showSummaryInListing" : true, "showSummaryInRss" : true, "siteId" : null, "slug" : "fr-fr/blog", "socialAccountTwitter" : "", "state" : null, "subscriptionContactsProperty" : null, "subscriptionEmailType" : null, "subscriptionFormGuid" : null, "subscriptionListsByType" : { }, "title" : null, "translatedFromId" : null, "translations" : { "de-de" : { "absoluteUrl" : "https://www.wildcodeschool.com/de-de/blog", "id" : 103176710277, "language" : "de-de", "masterId" : 103175636270, "name" : "Blog", "publicAccessRules" : [ ], "publicAccessRulesEnabled" : false, "slug" : "de-de/blog" }, "en-gb" : { "absoluteUrl" : "https://www.wildcodeschool.com/en-gb/blog", "id" : 103176710275, "language" : "en-gb", "masterId" : 103175636270, "name" : "Blog", "publicAccessRules" : [ ], "publicAccessRulesEnabled" : false, "slug" : "en-gb/blog" }, "es-es" : { "absoluteUrl" : "https://www.wildcodeschool.com/es-es/blog", "id" : 103176710278, "language" : "es-es", "masterId" : 103175636270, "name" : "Blog", "publicAccessRules" : [ ], "publicAccessRulesEnabled" : false, "slug" : "es-es/blog" }, "pt-pt" : { "absoluteUrl" : "https://www.wildcodeschool.com/pt-pt/blog", "id" : 103176710276, "language" : "pt-pt", "masterId" : 103175636270, "name" : "Blog", "publicAccessRules" : [ ], "publicAccessRulesEnabled" : false, "slug" : "pt-pt/blog" } }, "updated" : 1726755591366, "updatedDateTime" : 1726755591366, "urlBase" : "www.wildcodeschool.com/fr-fr/blog", "urlSegments" : { "all" : "all", "archive" : "archive", "author" : "author", "page" : "page", "tag" : "tag" }, "useFeaturedImageInSummary" : true, "usesDefaultTemplate" : false, "weeklyNotificationEmailId" : null }, "password" : null, "pastMabExperimentIds" : [ ], "performableGuid" : null, "performableVariationLetter" : null, "personas" : [ ], "placementGuids" : [ ], "portableKey" : null, "portalId" : 2902314, "position" : null, "postBody" : "<p>Ils seraient 65 000 en France, selon <a href=\"https://www.lemonde.fr/campus/article/2022/01/31/dessine-moi-juste-un-petit-logo-les-jeunes-designers-graphiques-peinent-a-faire-reconnaitre-leur-travail_6111645_4401467.html#:~:text=Jean%2DPierre%20Durand%2C%20auteur%20de,graphisme%20%C2%BB%2C%20d%C3%A9taille%20le%20sociologue.\"><span>Jean-Pierre Durand</span></a>, auteur du livre <em>Métiers du graphisme</em>, commandé par le ministère de la Culture. Et pour cause, le graphisme recouvre de nombreuses spécialités. À la frontière entre l’artiste et le développeur, le graphiste entre petit à petit dans la (grande) famille des métiers de la Tech.&nbsp;</p>\n<!--more--><p>&nbsp;</p>\n<h2 style=\"font-size: 30px;\"><strong>Qu’est-ce que le métier de graphiste ?</strong></h2>\n<p>Le (bon) graphiste doit posséder de nombreuses qualités transversales. En tant qu'artiste, il doit faire preuve de créativité et être capable de travailler efficacement dans des délais serrés. Mais il doit aussi posséder une excellente organisation et une très bonne gestion du stress. De plus, son sens aigu du visuel et du détail est essentiel pour affiner chaque projet au maximum. Parce que le graphiste est en constante interaction avec le client, il doit posséder d'excellentes compétences relationnelles et d'analyse. Son travail consiste à comprendre les exigences de son client et le guider vers la réalisation optimale de son projet.</p>\n<p>Pour élargir sa palette de compétences et de prestation, le graphiste doit maîtriser les outils de la suite Adobe et être versé dans diverses techniques de dessin. Si le graphiste est spécialisé dans le webdesign, il doit également avoir des connaissances de base en programmation pour collaborer efficacement avec les développeurs. Véritable passionné, le graphiste reste au fait des dernières tendances design. Sa curiosité et sa culture générale sont donc des atouts majeurs. Mais il doit aussi s'adapter en permanence aux nouveaux outils et logiciels liés à son domaine.</p>\n<p>&nbsp;</p>\n<h2 style=\"font-size: 30px;\"><strong>Trouver une formation de graphiste&nbsp;</strong></h2>\n<p>La voie classique pour devenir graphiste est de passer un diplôme en arts ou design. Bien qu’ils ne soient pas toujours obligatoires, ces diplômes sont un excellent point de départ. L’autre possibilité est de suivre une formation en ligne via une plateforme proposant des cours de graphisme. Certains graphistes sont aussi autodidactes et apprennent en pratiquant constamment, en suivant des tutoriels en ligne et en créant des projets personnels.</p>\n<p>Le choix de la formation dépend aussi de la spécialisation choisie. Car le métier de graphiste ne se limite pas à une seule forme, il s'inscrit dans le vaste domaine du design. Il existe une diversité de graphistes, chacun expert dans des domaines spécifiques.&nbsp;&nbsp;</p>\n<p>&nbsp;</p>\n<h2 style=\"font-size: 30px;\"><strong>Adapter sa formation à ses besoins</strong></h2>\n<ul>\n<li><strong>Le graphiste print</strong> est le spécialiste de l’édition. Il crée des supports imprimables sur mesure et connaît par cœur tous les papiers nécessaires à leur bonne réalisation. Les couleurs, les grammages, les reliures, il prend en compte toutes les données physiques dans son travail.<br><br></li>\n<li><strong>Le graphiste 3D/2D</strong>, par exemple, est fréquemment associé monde de l’audiovisuel, que ce soit dans la publicité, la fiction, la création d’effets spéciaux ou les jeux vidéo. Pour ces derniers, il utilise par exemple divers outils numériques. Son rôle principal est de concevoir les graphismes du jeu de manière à le rendre identifiable et agréable à jouer. Parfois, il est également responsable de la conception des personnages de jeux vidéo. Quelque soit son domaine, il doit accomplir ces tâches en respectant un ensemble de critères et de contraintes établis dans un cahier des charges précis.<br><br></li>\n<li>Le <strong>graphiste designer</strong>, quant à lui, suit un projet pas à pas, de la phase de conception et de création jusqu'à la réalisation et à l'impression. Il est responsable de la création de divers éléments visuels, répondant aux demandes spécifiques des clients ou des entreprises. Il peut concevoir des affiches, des flyers, des logos, voire élaborer une charte graphique et l'identité visuelle complète d'une marque.<br><br></li>\n<li>La dernière variante est sans doute<strong> le WebDesigner</strong>, qui construit l'apparence visuelle d'un site web. Son objectif est de rendre le site internet de ses clients esthétiquement attractif et de garantir une expérience de navigation agréable aux utilisateurs. Son travail doit être en parfaite harmonie avec la charte graphique définie par une marque ou une entreprise.</li>\n</ul>\n<p>&nbsp;</p>\n<h2 style=\"font-size: 30px;\"><strong>Pourquoi nous faire confiance ?</strong></h2>\n<p>À la <a href=\"/fr-fr/\" rel=\"noopener\"><span style=\"font-weight: bold;\">Wild Code School</span></a>, nous proposons à nos étudiants <a href=\"https://www.wildcodeschool.com/fr-fr/formations-ux/formation-web-designer-a-distance\" style=\"font-weight: bold;\">un bootcamp intensif de 5 mois</a><span style=\"font-weight: bold;\"> </span>pour approfondir leurs compétences de graphiste afin de devenir WebDesigner. La formation certifiante peut être entièrement financée par le Compte Personnel de Formation (CPF). Apprenez à maîtriser Photoshop, Illustrator, Indesign ainsi que les fondamentaux du design d’interface et de l'intégration (HTML, CSS, Responsive Design…). Notre formation à distance, encadrée par des professionnels, garantit un taux de 86% de retour à l’emploi.</p>\n<p>Vous souhaitez apprendre de nouvelles compétences de WebDesigner et vous confronter au marché de l’emploi ? Alors consultez <a href=\"https://syllabus.wildcodeschool.com/fr-fr/bootcamp-webdesigner\" rel=\"noopener\"><span style=\"font-weight: bold;\">notre programme</span></a> et <a href=\"/fr-fr/candidature\" rel=\"noopener\"><span style=\"font-weight: bold;\">rejoignez notre bootcamp</span></a> !</p>\n<p>&nbsp;</p>", "postBodyRss" : "<p>Ils seraient 65 000 en France, selon <a href=\"https://www.lemonde.fr/campus/article/2022/01/31/dessine-moi-juste-un-petit-logo-les-jeunes-designers-graphiques-peinent-a-faire-reconnaitre-leur-travail_6111645_4401467.html#:~:text=Jean%2DPierre%20Durand%2C%20auteur%20de,graphisme%20%C2%BB%2C%20d%C3%A9taille%20le%20sociologue.\"><span>Jean-Pierre Durand</span></a>, auteur du livre <em>Métiers du graphisme</em>, commandé par le ministère de la Culture. Et pour cause, le graphisme recouvre de nombreuses spécialités. À la frontière entre l’artiste et le développeur, le graphiste entre petit à petit dans la (grande) famille des métiers de la Tech.&nbsp;</p>\n<!--more--><p>&nbsp;</p>\n<h2 style=\"font-size: 30px;\"><strong>Qu’est-ce que le métier de graphiste ?</strong></h2>\n<p>Le (bon) graphiste doit posséder de nombreuses qualités transversales. En tant qu'artiste, il doit faire preuve de créativité et être capable de travailler efficacement dans des délais serrés. Mais il doit aussi posséder une excellente organisation et une très bonne gestion du stress. De plus, son sens aigu du visuel et du détail est essentiel pour affiner chaque projet au maximum. Parce que le graphiste est en constante interaction avec le client, il doit posséder d'excellentes compétences relationnelles et d'analyse. Son travail consiste à comprendre les exigences de son client et le guider vers la réalisation optimale de son projet.</p>\n<p>Pour élargir sa palette de compétences et de prestation, le graphiste doit maîtriser les outils de la suite Adobe et être versé dans diverses techniques de dessin. Si le graphiste est spécialisé dans le webdesign, il doit également avoir des connaissances de base en programmation pour collaborer efficacement avec les développeurs. Véritable passionné, le graphiste reste au fait des dernières tendances design. Sa curiosité et sa culture générale sont donc des atouts majeurs. Mais il doit aussi s'adapter en permanence aux nouveaux outils et logiciels liés à son domaine.</p>\n<p>&nbsp;</p>\n<h2 style=\"font-size: 30px;\"><strong>Trouver une formation de graphiste&nbsp;</strong></h2>\n<p>La voie classique pour devenir graphiste est de passer un diplôme en arts ou design. Bien qu’ils ne soient pas toujours obligatoires, ces diplômes sont un excellent point de départ. L’autre possibilité est de suivre une formation en ligne via une plateforme proposant des cours de graphisme. Certains graphistes sont aussi autodidactes et apprennent en pratiquant constamment, en suivant des tutoriels en ligne et en créant des projets personnels.</p>\n<p>Le choix de la formation dépend aussi de la spécialisation choisie. Car le métier de graphiste ne se limite pas à une seule forme, il s'inscrit dans le vaste domaine du design. Il existe une diversité de graphistes, chacun expert dans des domaines spécifiques.&nbsp;&nbsp;</p>\n<p>&nbsp;</p>\n<h2 style=\"font-size: 30px;\"><strong>Adapter sa formation à ses besoins</strong></h2>\n<ul>\n<li><strong>Le graphiste print</strong> est le spécialiste de l’édition. Il crée des supports imprimables sur mesure et connaît par cœur tous les papiers nécessaires à leur bonne réalisation. Les couleurs, les grammages, les reliures, il prend en compte toutes les données physiques dans son travail.<br><br></li>\n<li><strong>Le graphiste 3D/2D</strong>, par exemple, est fréquemment associé monde de l’audiovisuel, que ce soit dans la publicité, la fiction, la création d’effets spéciaux ou les jeux vidéo. Pour ces derniers, il utilise par exemple divers outils numériques. Son rôle principal est de concevoir les graphismes du jeu de manière à le rendre identifiable et agréable à jouer. Parfois, il est également responsable de la conception des personnages de jeux vidéo. Quelque soit son domaine, il doit accomplir ces tâches en respectant un ensemble de critères et de contraintes établis dans un cahier des charges précis.<br><br></li>\n<li>Le <strong>graphiste designer</strong>, quant à lui, suit un projet pas à pas, de la phase de conception et de création jusqu'à la réalisation et à l'impression. Il est responsable de la création de divers éléments visuels, répondant aux demandes spécifiques des clients ou des entreprises. Il peut concevoir des affiches, des flyers, des logos, voire élaborer une charte graphique et l'identité visuelle complète d'une marque.<br><br></li>\n<li>La dernière variante est sans doute<strong> le WebDesigner</strong>, qui construit l'apparence visuelle d'un site web. Son objectif est de rendre le site internet de ses clients esthétiquement attractif et de garantir une expérience de navigation agréable aux utilisateurs. Son travail doit être en parfaite harmonie avec la charte graphique définie par une marque ou une entreprise.</li>\n</ul>\n<p>&nbsp;</p>\n<h2 style=\"font-size: 30px;\"><strong>Pourquoi nous faire confiance ?</strong></h2>\n<p>À la <a href=\"/fr-fr/\" rel=\"noopener\"><span style=\"font-weight: bold;\">Wild Code School</span></a>, nous proposons à nos étudiants <a href=\"https://www.wildcodeschool.com/fr-fr/formations-ux/formation-web-designer-a-distance\" style=\"font-weight: bold;\">un bootcamp intensif de 5 mois</a><span style=\"font-weight: bold;\"> </span>pour approfondir leurs compétences de graphiste afin de devenir WebDesigner. La formation certifiante peut être entièrement financée par le Compte Personnel de Formation (CPF). Apprenez à maîtriser Photoshop, Illustrator, Indesign ainsi que les fondamentaux du design d’interface et de l'intégration (HTML, CSS, Responsive Design…). Notre formation à distance, encadrée par des professionnels, garantit un taux de 86% de retour à l’emploi.</p>\n<p>Vous souhaitez apprendre de nouvelles compétences de WebDesigner et vous confronter au marché de l’emploi ? Alors consultez <a href=\"https://syllabus.wildcodeschool.com/fr-fr/bootcamp-webdesigner\" rel=\"noopener\"><span style=\"font-weight: bold;\">notre programme</span></a> et <a href=\"/fr-fr/candidature\" rel=\"noopener\"><span style=\"font-weight: bold;\">rejoignez notre bootcamp</span></a> !</p>\n<p>&nbsp;</p>", "postEmailContent" : "<p>Ils seraient 65 000 en France, selon <a href=\"https://www.lemonde.fr/campus/article/2022/01/31/dessine-moi-juste-un-petit-logo-les-jeunes-designers-graphiques-peinent-a-faire-reconnaitre-leur-travail_6111645_4401467.html#:~:text=Jean%2DPierre%20Durand%2C%20auteur%20de,graphisme%20%C2%BB%2C%20d%C3%A9taille%20le%20sociologue.\"><span>Jean-Pierre Durand</span></a>, auteur du livre <em>Métiers du graphisme</em>, commandé par le ministère de la Culture. Et pour cause, le graphisme recouvre de nombreuses spécialités. À la frontière entre l’artiste et le développeur, le graphiste entre petit à petit dans la (grande) famille des métiers de la Tech.&nbsp;</p>", "postFeaturedImageIfEnabled" : "https://2902314.fs1.hubspotusercontent-na1.net/hubfs/2902314/20-10-2023_COMMENT%20DEVENIR%20GRAPHISTE%20ET%20CR%C3%89ER%20LES%20DESIGNS%20DE%20DEMAIN.jpg", "postListContent" : "<p>Ils seraient 65 000 en France, selon <a href=\"https://www.lemonde.fr/campus/article/2022/01/31/dessine-moi-juste-un-petit-logo-les-jeunes-designers-graphiques-peinent-a-faire-reconnaitre-leur-travail_6111645_4401467.html#:~:text=Jean%2DPierre%20Durand%2C%20auteur%20de,graphisme%20%C2%BB%2C%20d%C3%A9taille%20le%20sociologue.\"><span>Jean-Pierre Durand</span></a>, auteur du livre <em>Métiers du graphisme</em>, commandé par le ministère de la Culture. Et pour cause, le graphisme recouvre de nombreuses spécialités. À la frontière entre l’artiste et le développeur, le graphiste entre petit à petit dans la (grande) famille des métiers de la Tech.&nbsp;</p>", "postListSummaryFeaturedImage" : "https://2902314.fs1.hubspotusercontent-na1.net/hubfs/2902314/20-10-2023_COMMENT%20DEVENIR%20GRAPHISTE%20ET%20CR%C3%89ER%20LES%20DESIGNS%20DE%20DEMAIN.jpg", "postRssContent" : "<p>Ils seraient 65 000 en France, selon <a href=\"https://www.lemonde.fr/campus/article/2022/01/31/dessine-moi-juste-un-petit-logo-les-jeunes-designers-graphiques-peinent-a-faire-reconnaitre-leur-travail_6111645_4401467.html#:~:text=Jean%2DPierre%20Durand%2C%20auteur%20de,graphisme%20%C2%BB%2C%20d%C3%A9taille%20le%20sociologue.\"><span>Jean-Pierre Durand</span></a>, auteur du livre <em>Métiers du graphisme</em>, commandé par le ministère de la Culture. Et pour cause, le graphisme recouvre de nombreuses spécialités. À la frontière entre l’artiste et le développeur, le graphiste entre petit à petit dans la (grande) famille des métiers de la Tech.&nbsp;</p>", "postRssSummaryFeaturedImage" : "https://2902314.fs1.hubspotusercontent-na1.net/hubfs/2902314/20-10-2023_COMMENT%20DEVENIR%20GRAPHISTE%20ET%20CR%C3%89ER%20LES%20DESIGNS%20DE%20DEMAIN.jpg", "postSummary" : "<p>Ils seraient 65 000 en France, selon <a href=\"https://www.lemonde.fr/campus/article/2022/01/31/dessine-moi-juste-un-petit-logo-les-jeunes-designers-graphiques-peinent-a-faire-reconnaitre-leur-travail_6111645_4401467.html#:~:text=Jean%2DPierre%20Durand%2C%20auteur%20de,graphisme%20%C2%BB%2C%20d%C3%A9taille%20le%20sociologue.\"><span>Jean-Pierre Durand</span></a>, auteur du livre <em>Métiers du graphisme</em>, commandé par le ministère de la Culture. Et pour cause, le graphisme recouvre de nombreuses spécialités. À la frontière entre l’artiste et le développeur, le graphiste entre petit à petit dans la (grande) famille des métiers de la Tech.&nbsp;</p>\n", "postSummaryRss" : "<p>Ils seraient 65 000 en France, selon <a href=\"https://www.lemonde.fr/campus/article/2022/01/31/dessine-moi-juste-un-petit-logo-les-jeunes-designers-graphiques-peinent-a-faire-reconnaitre-leur-travail_6111645_4401467.html#:~:text=Jean%2DPierre%20Durand%2C%20auteur%20de,graphisme%20%C2%BB%2C%20d%C3%A9taille%20le%20sociologue.\"><span>Jean-Pierre Durand</span></a>, auteur du livre <em>Métiers du graphisme</em>, commandé par le ministère de la Culture. Et pour cause, le graphisme recouvre de nombreuses spécialités. À la frontière entre l’artiste et le développeur, le graphiste entre petit à petit dans la (grande) famille des métiers de la Tech.&nbsp;</p>", "postTemplate" : "MarkentivexWCS/templates/blog-post.html", "previewImageSrc" : null, "previewKey" : "gcIuNVtL", "previousPostFeaturedImage" : "https://2902314.fs1.hubspotusercontent-na1.net/hubfs/2902314/APPRENDRE%20FIGMA%20POUR%20DEVENIR%20GRAPHIC%20DESIGNER.png", "previousPostFeaturedImageAltText" : "", "previousPostName" : "Apprendre Figma pour devenir graphic designer", "previousPostSlug" : "fr-fr/blog/apprendre-figma-pour-devenir-graphic-designer", "processingStatus" : "PUBLISHED", "propertyForDynamicPageCanonicalUrl" : null, "propertyForDynamicPageFeaturedImage" : null, "propertyForDynamicPageMetaDescription" : null, "propertyForDynamicPageSlug" : null, "propertyForDynamicPageTitle" : null, "publicAccessRules" : [ ], "publicAccessRulesEnabled" : false, "publishDate" : 1697781600000, "publishDateLocalTime" : 1697781600000, "publishDateLocalized" : { "date" : 1697781600000, "format" : "dd/MM/YYYY", "language" : null }, "publishImmediately" : false, "publishTimezoneOffset" : null, "publishedAt" : 1697781600962, "publishedByEmail" : null, "publishedById" : 50704370, "publishedByName" : null, "publishedUrl" : "https://www.wildcodeschool.com/fr-fr/blog/comment-devenir-graphiste-et-créer-les-designs-de-demain", "resolvedDomain" : "www.wildcodeschool.com", "resolvedLanguage" : null, "rssBody" : "<p>Ils seraient 65 000 en France, selon <a href=\"https://www.lemonde.fr/campus/article/2022/01/31/dessine-moi-juste-un-petit-logo-les-jeunes-designers-graphiques-peinent-a-faire-reconnaitre-leur-travail_6111645_4401467.html#:~:text=Jean%2DPierre%20Durand%2C%20auteur%20de,graphisme%20%C2%BB%2C%20d%C3%A9taille%20le%20sociologue.\"><span>Jean-Pierre Durand</span></a>, auteur du livre <em>Métiers du graphisme</em>, commandé par le ministère de la Culture. Et pour cause, le graphisme recouvre de nombreuses spécialités. À la frontière entre l’artiste et le développeur, le graphiste entre petit à petit dans la (grande) famille des métiers de la Tech.&nbsp;</p>\n<!--more--><p>&nbsp;</p>\n<h2 style=\"font-size: 30px;\"><strong>Qu’est-ce que le métier de graphiste ?</strong></h2>\n<p>Le (bon) graphiste doit posséder de nombreuses qualités transversales. En tant qu'artiste, il doit faire preuve de créativité et être capable de travailler efficacement dans des délais serrés. Mais il doit aussi posséder une excellente organisation et une très bonne gestion du stress. De plus, son sens aigu du visuel et du détail est essentiel pour affiner chaque projet au maximum. Parce que le graphiste est en constante interaction avec le client, il doit posséder d'excellentes compétences relationnelles et d'analyse. Son travail consiste à comprendre les exigences de son client et le guider vers la réalisation optimale de son projet.</p>\n<p>Pour élargir sa palette de compétences et de prestation, le graphiste doit maîtriser les outils de la suite Adobe et être versé dans diverses techniques de dessin. Si le graphiste est spécialisé dans le webdesign, il doit également avoir des connaissances de base en programmation pour collaborer efficacement avec les développeurs. Véritable passionné, le graphiste reste au fait des dernières tendances design. Sa curiosité et sa culture générale sont donc des atouts majeurs. Mais il doit aussi s'adapter en permanence aux nouveaux outils et logiciels liés à son domaine.</p>\n<p>&nbsp;</p>\n<h2 style=\"font-size: 30px;\"><strong>Trouver une formation de graphiste&nbsp;</strong></h2>\n<p>La voie classique pour devenir graphiste est de passer un diplôme en arts ou design. Bien qu’ils ne soient pas toujours obligatoires, ces diplômes sont un excellent point de départ. L’autre possibilité est de suivre une formation en ligne via une plateforme proposant des cours de graphisme. Certains graphistes sont aussi autodidactes et apprennent en pratiquant constamment, en suivant des tutoriels en ligne et en créant des projets personnels.</p>\n<p>Le choix de la formation dépend aussi de la spécialisation choisie. Car le métier de graphiste ne se limite pas à une seule forme, il s'inscrit dans le vaste domaine du design. Il existe une diversité de graphistes, chacun expert dans des domaines spécifiques.&nbsp;&nbsp;</p>\n<p>&nbsp;</p>\n<h2 style=\"font-size: 30px;\"><strong>Adapter sa formation à ses besoins</strong></h2>\n<ul>\n<li><strong>Le graphiste print</strong> est le spécialiste de l’édition. Il crée des supports imprimables sur mesure et connaît par cœur tous les papiers nécessaires à leur bonne réalisation. Les couleurs, les grammages, les reliures, il prend en compte toutes les données physiques dans son travail.<br><br></li>\n<li><strong>Le graphiste 3D/2D</strong>, par exemple, est fréquemment associé monde de l’audiovisuel, que ce soit dans la publicité, la fiction, la création d’effets spéciaux ou les jeux vidéo. Pour ces derniers, il utilise par exemple divers outils numériques. Son rôle principal est de concevoir les graphismes du jeu de manière à le rendre identifiable et agréable à jouer. Parfois, il est également responsable de la conception des personnages de jeux vidéo. Quelque soit son domaine, il doit accomplir ces tâches en respectant un ensemble de critères et de contraintes établis dans un cahier des charges précis.<br><br></li>\n<li>Le <strong>graphiste designer</strong>, quant à lui, suit un projet pas à pas, de la phase de conception et de création jusqu'à la réalisation et à l'impression. Il est responsable de la création de divers éléments visuels, répondant aux demandes spécifiques des clients ou des entreprises. Il peut concevoir des affiches, des flyers, des logos, voire élaborer une charte graphique et l'identité visuelle complète d'une marque.<br><br></li>\n<li>La dernière variante est sans doute<strong> le WebDesigner</strong>, qui construit l'apparence visuelle d'un site web. Son objectif est de rendre le site internet de ses clients esthétiquement attractif et de garantir une expérience de navigation agréable aux utilisateurs. Son travail doit être en parfaite harmonie avec la charte graphique définie par une marque ou une entreprise.</li>\n</ul>\n<p>&nbsp;</p>\n<h2 style=\"font-size: 30px;\"><strong>Pourquoi nous faire confiance ?</strong></h2>\n<p>À la <a href=\"/fr-fr/\" rel=\"noopener\"><span style=\"font-weight: bold;\">Wild Code School</span></a>, nous proposons à nos étudiants <a href=\"https://www.wildcodeschool.com/fr-fr/formations-ux/formation-web-designer-a-distance\" style=\"font-weight: bold;\">un bootcamp intensif de 5 mois</a><span style=\"font-weight: bold;\"> </span>pour approfondir leurs compétences de graphiste afin de devenir WebDesigner. La formation certifiante peut être entièrement financée par le Compte Personnel de Formation (CPF). Apprenez à maîtriser Photoshop, Illustrator, Indesign ainsi que les fondamentaux du design d’interface et de l'intégration (HTML, CSS, Responsive Design…). Notre formation à distance, encadrée par des professionnels, garantit un taux de 86% de retour à l’emploi.</p>\n<p>Vous souhaitez apprendre de nouvelles compétences de WebDesigner et vous confronter au marché de l’emploi ? Alors consultez <a href=\"https://syllabus.wildcodeschool.com/fr-fr/bootcamp-webdesigner\" rel=\"noopener\"><span style=\"font-weight: bold;\">notre programme</span></a> et <a href=\"/fr-fr/candidature\" rel=\"noopener\"><span style=\"font-weight: bold;\">rejoignez notre bootcamp</span></a> !</p>\n<p>&nbsp;</p>", "rssSummary" : "<p>Ils seraient 65 000 en France, selon <a href=\"https://www.lemonde.fr/campus/article/2022/01/31/dessine-moi-juste-un-petit-logo-les-jeunes-designers-graphiques-peinent-a-faire-reconnaitre-leur-travail_6111645_4401467.html#:~:text=Jean%2DPierre%20Durand%2C%20auteur%20de,graphisme%20%C2%BB%2C%20d%C3%A9taille%20le%20sociologue.\"><span>Jean-Pierre Durand</span></a>, auteur du livre <em>Métiers du graphisme</em>, commandé par le ministère de la Culture. Et pour cause, le graphisme recouvre de nombreuses spécialités. À la frontière entre l’artiste et le développeur, le graphiste entre petit à petit dans la (grande) famille des métiers de la Tech.&nbsp;</p>\n", "rssSummaryFeaturedImage" : "https://2902314.fs1.hubspotusercontent-na1.net/hubfs/2902314/20-10-2023_COMMENT%20DEVENIR%20GRAPHISTE%20ET%20CR%C3%89ER%20LES%20DESIGNS%20DE%20DEMAIN.jpg", "scheduledUpdateDate" : 0, "screenshotPreviewTakenAt" : 1726466401100, "screenshotPreviewUrl" : "https://cdn1.hubspot.net/hubshotv3/prod/e/0/abfb82a0-070b-4f7e-a6f4-6e6b9210da87.png", "sections" : { }, "securityState" : "NONE", "siteId" : null, "slug" : "fr-fr/blog/comment-devenir-graphiste-et-créer-les-designs-de-demain", "stagedFrom" : null, "state" : "PUBLISHED", "stateWhenDeleted" : null, "structuredContentPageType" : null, "structuredContentType" : null, "styleOverrideId" : null, "subcategory" : "normal_blog_post", "syncedWithBlogRoot" : true, "tagIds" : [ 103173212305, 116313955723 ], "tagList" : [ { "categoryId" : 3, "cdnPurgeEmbargoTime" : null, "contentIds" : [ ], "cosObjectType" : "TAG", "created" : 1676890105649, "deletedAt" : 0, "description" : "", "id" : 103173212305, "label" : "Design Produit", "language" : "fr-fr", "name" : "Design Produit", "portalId" : 2902314, "slug" : "design-produit", "translatedFromId" : null, "translations" : { }, "updated" : 1676892308998 }, { "categoryId" : 3, "cdnPurgeEmbargoTime" : null, "contentIds" : [ ], "cosObjectType" : "TAG", "created" : 1684509994814, "deletedAt" : 0, "description" : "", "id" : 116313955723, "label" : "Tips", "language" : "fr-fr", "name" : "Tips", "portalId" : 2902314, "slug" : "tips", "translatedFromId" : null, "translations" : { }, "updated" : 1684509994814 } ], "tagNames" : [ "Design Produit", "Tips" ], "teamPerms" : [ ], "templatePath" : "", "templatePathForRender" : "MarkentivexWCS/templates/blog-post.html", "textToAudioFileId" : null, "textToAudioGenerationRequestId" : null, "themePath" : null, "themeSettingsValues" : null, "title" : "Comment devenir graphiste et créer les designs de demain", "tmsId" : null, "topicIds" : [ 103173212305, 116313955723 ], "topicList" : [ { "categoryId" : 3, "cdnPurgeEmbargoTime" : null, "contentIds" : [ ], "cosObjectType" : "TAG", "created" : 1676890105649, "deletedAt" : 0, "description" : "", "id" : 103173212305, "label" : "Design Produit", "language" : "fr-fr", "name" : "Design Produit", "portalId" : 2902314, "slug" : "design-produit", "translatedFromId" : null, "translations" : { }, "updated" : 1676892308998 }, { "categoryId" : 3, "cdnPurgeEmbargoTime" : null, "contentIds" : [ ], "cosObjectType" : "TAG", "created" : 1684509994814, "deletedAt" : 0, "description" : "", "id" : 116313955723, "label" : "Tips", "language" : "fr-fr", "name" : "Tips", "portalId" : 2902314, "slug" : "tips", "translatedFromId" : null, "translations" : { }, "updated" : 1684509994814 } ], "topicNames" : [ "Design Produit", "Tips" ], "topics" : [ 103173212305, 116313955723 ], "translatedContent" : { }, "translatedFromId" : null, "translations" : { }, "tweet" : null, "tweetAt" : null, "tweetImmediately" : false, "unpublishedAt" : 0, "updated" : 1697781600968, "updatedById" : 50704370, "upsizeFeaturedImage" : false, "url" : "https://www.wildcodeschool.com/fr-fr/blog/comment-devenir-graphiste-et-créer-les-designs-de-demain", "useFeaturedImage" : true, "userPerms" : [ ], "views" : 0, "visibleToAll" : null, "widgetContainers" : { }, "widgetcontainers" : { }, "widgets" : { } })

  • 5 bonnes raisons d’apprendre à coder quand on est graphiste

    Lire l'article
    (BlogPost: { "ab" : false, "abStatus" : null, "abTestId" : null, "abVariation" : false, "abVariationAutomated" : false, "absoluteUrl" : "https://www.wildcodeschool.com/fr-fr/blog/5-bonnes-raisons-dapprendre-a-coder-quand-on-est-graphiste", "afterPostBody" : null, "aifeatures" : null, "allowedSlugConflict" : false, "analytics" : null, "analyticsPageId" : "119821858132", "analyticsPageType" : "blog-post", "approvalStatus" : null, "archived" : false, "archivedAt" : 0, "archivedInDashboard" : false, "areCommentsAllowed" : false, "attachedStylesheets" : [ ], "audienceAccess" : "PUBLIC", "author" : null, "authorName" : null, "authorUsername" : null, "blogAuthor" : { "avatar" : "https://2902314.fs1.hubspotusercontent-na1.net/hubfs/2902314/Design%20sans%20titre.png", "bio" : "", "cdnPurgeEmbargoTime" : null, "cosObjectType" : "BLOG_AUTHOR", "created" : 1682323119799, "deletedAt" : 0, "displayName" : "Wild Code School", "email" : "", "facebook" : "", "fullName" : "Wild Code School", "gravatarUrl" : null, "hasSocialProfiles" : false, "id" : 112528271903, "label" : "Wild Code School", "language" : "fr-fr", "linkedin" : "", "name" : "Wild Code School", "portalId" : 2902314, "slug" : "wild-code-school", "translatedFromId" : null, "translations" : { }, "twitter" : "", "twitterUsername" : "", "updated" : 1686238387915, "userId" : null, "username" : null, "website" : "" }, "blogAuthorId" : 112528271903, "blogPostAuthor" : { "avatar" : "https://2902314.fs1.hubspotusercontent-na1.net/hubfs/2902314/Design%20sans%20titre.png", "bio" : "", "cdnPurgeEmbargoTime" : null, "cosObjectType" : "BLOG_AUTHOR", "created" : 1682323119799, "deletedAt" : 0, "displayName" : "Wild Code School", "email" : "", "facebook" : "", "fullName" : "Wild Code School", "gravatarUrl" : null, "hasSocialProfiles" : false, "id" : 112528271903, "label" : "Wild Code School", "language" : "fr-fr", "linkedin" : "", "name" : "Wild Code School", "portalId" : 2902314, "slug" : "wild-code-school", "translatedFromId" : null, "translations" : { }, "twitter" : "", "twitterUsername" : "", "updated" : 1686238387915, "userId" : null, "username" : null, "website" : "" }, "blogPostScheduleTaskUid" : null, "blogPublishInstantEmailCampaignId" : null, "blogPublishInstantEmailRetryCount" : 0, "blogPublishInstantEmailTaskUid" : null, "blogPublishToSocialMediaTask" : "DONE_NOT_SENT", "blueprintTypeId" : 0, "businessUnitId" : null, "campaign" : null, "campaignName" : null, "campaignUtm" : null, "category" : 3, "categoryId" : 3, "cdnPurgeEmbargoTime" : null, "checkPostLevelAudienceAccessFirst" : true, "clonedFrom" : 119821857880, "composeBody" : null, "compositionId" : 0, "contentAccessRuleIds" : [ ], "contentAccessRuleTypes" : [ ], "contentGroup" : 103175636270, "contentGroupId" : 103175636270, "contentTypeCategory" : 3, "contentTypeCategoryId" : 3, "contentTypeId" : null, "created" : 1686571133040, "createdByAgent" : null, "createdById" : 51474785, "createdTime" : 1686571133040, "crmObjectId" : null, "css" : { }, "cssText" : "", "ctaClicks" : null, "ctaViews" : null, "currentState" : "PUBLISHED", "currentlyPublished" : true, "deletedAt" : 0, "deletedBy" : null, "deletedByEmail" : null, "deletedById" : null, "domain" : "", "dynamicPageDataSourceId" : null, "dynamicPageDataSourceType" : null, "dynamicPageHubDbTableId" : null, "enableDomainStylesheets" : null, "enableGoogleAmpOutputOverride" : false, "enableLayoutStylesheets" : null, "errors" : [ ], "featuredImage" : "https://2902314.fs1.hubspotusercontent-na1.net/hubfs/2902314/Bonnes%20raisons.webp", "featuredImageAltText" : "", "featuredImageHeight" : 0, "featuredImageLength" : 0, "featuredImageWidth" : 0, "flexAreas" : { }, "folderId" : null, "footerHtml" : null, "freezeDate" : 1567692060000, "generateJsonLdEnabledOverride" : true, "hasContentAccessRules" : false, "hasUserChanges" : true, "headHtml" : null, "header" : null, "htmlTitle" : "5 bonnes raisons d’apprendre à coder quand on est graphiste", "id" : 119821858132, "includeDefaultCustomCss" : null, "isCaptchaRequired" : true, "isCrawlableByBots" : false, "isDraft" : false, "isInstanceLayoutPage" : false, "isInstantEmailEnabled" : false, "isPublished" : true, "isSocialPublishingEnabled" : false, "keywords" : [ ], "label" : "5 bonnes raisons d’apprendre à coder quand on est graphiste", "language" : "fr-fr", "lastEditSessionId" : null, "lastEditUpdateId" : null, "layoutSections" : { }, "legacyBlogTabid" : null, "legacyId" : null, "legacyPostGuid" : "", "linkRelCanonicalUrl" : "", "listTemplate" : "", "liveDomain" : "www.wildcodeschool.com", "mab" : false, "mabExperimentId" : null, "mabMaster" : false, "mabVariant" : false, "meta" : { "public_access_rules" : [ ], "public_access_rules_enabled" : false, "html_title" : "5 bonnes raisons d’apprendre à coder quand on est graphiste", "enable_google_amp_output_override" : false, "generate_json_ld_enabled" : true, "composition_id" : 0, "is_crawlable_by_bots" : false, "use_featured_image" : true, "post_body" : "<h5><i>Les graphistes travaillent aussi bien sur des projets print que des projets web. Ils doivent en permanence se former et s’adapter aux nouvelles technologies. Est-il nécessaire d’apprendre à coder quand on est graphiste ?</i></h5>\n<h5><i>Voici 5 bonnes raisons pour !</i></h5>\n<p>&nbsp;</p>\n<!--more--><p><strong>1. Pour maîtriser vos projets de A à Z</strong></p>\n<p>Vos designs seront appliqués exactement comme vous les aviez imaginés. Si vous séparez complètement le graphisme du code, il arrive inévitablement un moment où le développeur se retrouve à faire un peu de design, parce que ce n’est pas pratique d’aller voir le designer pour lui demander une maquette Photoshop à chaque fois qu’une nouvelle section du site doit être ajoutée ou modifiée.</p>\n<p>Savoir coder vous permettra aussi de gagner du temps : une fois que vous saurez faire vos designs directement dans le navigateur, vous pourrez dire bye bye aux maquettes Photoshop que vous auriez créées pour votre développeur, dans le seul but qu’il code ce que vous aviez déjà fait sous Photoshop.</p>\n<p>&nbsp;</p>\n<p><strong>2. Pour ne plus perdre de temps à imaginer des designs incodables</strong></p>\n<p>En apprenant à coder, vous deviendrez un meilleur designer parce que vous comprendrez comment le processus de développement fonctionne, pourquoi certains langages de programmation sont utilisés, et s’ils permettent ou non de mettre en œuvre vos idées graphiques. Vous aurez une meilleure idée de ce qui est techniquement réaliste avant de commencer votre design, et vous pourrez mieux expliquer vos idées de design aux développeurs. Il est beaucoup plus simple de communiquer avec un intégrateur ou un développeur quand les termes « div », « cms » et « découpage » ne sont pas totalement étrangers ! Et au passage, vous pourrez comprendre les blagues de développeurs !</p>\n<p>&nbsp;</p>\n<p><strong>3. Pour offrir une plus large palette de services à vos clients</strong></p>\n<p>En tant que designer freelance, vous n’avez peut-être pas les moyens d’embaucher un développeur pour traduire vos designs en sites web. De son côté, votre client n’a sans doute pas envie de faire appel à deux prestataires différents et de devoir gérer la communication entre vous. En apprenant à coder, vous pouvez lui épargner cet effort, soit en codant vous-même vos designs, soit en prenant en charge la relation avec le développeur. En maîtrisant tout le processus, du graphisme au code, vous serez également capable de répondre beaucoup plus vite aux changements demandés par vos clients. Enfin, n’oubliez pas qu’une marque, ce n’est pas juste un logo. L’expérience de l’utilisateur sur le site internet ou l’application construit aussi l’image de marque. Un graphiste qui sait coder peut offrir une expérience homogène et unique aux clients d’une marque.</p>\n<p><strong>4. Pour gagner en créativité</strong></p>\n<p>O la programmation a souvent l’air, aux yeux des profanes, d’être une longue série de lignes de code au sens impénétrable. En réalité, faire de la programmation, ce n’est pas uniquement technique. Le code ouvre tout un champ de nouvelles possibilités créatives. Avec le code informatique, on peut construire de nombreuses choses, des jeux, des bots, des applications. La seule limite est sa propre imagination.</p>\n<p><strong>5. Pour vous vendre sur le marché du travail</strong></p>\n<p>Apprendre à coder vous ouvrira de nouvelles opportunités d’emploi, comme freelance mais aussi comme salarié. Les entreprises demandent de plus en plus à leurs salariés d’être polyvalents, surtout dans les petites structures, de type PME ou startup. Combiner les deux compétences permet d’avoir une plus-value sur le marché du travail et de travailler sur des projets plus complexes et plus originaux.</p>\n<p>Vous voulez en savoir plus ? Découvrez<span>&nbsp;</span><a href=\"https://wildcodeschool.fr/blog/portrait-julien-etre-entrepreneur-et-eleve-en-meme-temps/\">le parcours de Julien</a>, Wilder graphiste et entrepreneur.</p>\n<p>Et c’est par ici pour<span>&nbsp;</span><a href=\"https://apply.wildcodeschool.com/fr/\">candidater</a>.</p>\n<p>&nbsp;</p>", "rss_summary" : "<h5><i>Les graphistes travaillent aussi bien sur des projets print que des projets web. Ils doivent en permanence se former et s’adapter aux nouvelles technologies. Est-il nécessaire d’apprendre à coder quand on est graphiste ?</i></h5>\n<h5><i>Voici 5 bonnes raisons pour !</i></h5>\n<p>&nbsp;</p>\n", "rss_body" : "<h5><i>Les graphistes travaillent aussi bien sur des projets print que des projets web. Ils doivent en permanence se former et s’adapter aux nouvelles technologies. Est-il nécessaire d’apprendre à coder quand on est graphiste ?</i></h5>\n<h5><i>Voici 5 bonnes raisons pour !</i></h5>\n<p>&nbsp;</p>\n<!--more--><p><strong>1. Pour maîtriser vos projets de A à Z</strong></p>\n<p>Vos designs seront appliqués exactement comme vous les aviez imaginés. Si vous séparez complètement le graphisme du code, il arrive inévitablement un moment où le développeur se retrouve à faire un peu de design, parce que ce n’est pas pratique d’aller voir le designer pour lui demander une maquette Photoshop à chaque fois qu’une nouvelle section du site doit être ajoutée ou modifiée.</p>\n<p>Savoir coder vous permettra aussi de gagner du temps : une fois que vous saurez faire vos designs directement dans le navigateur, vous pourrez dire bye bye aux maquettes Photoshop que vous auriez créées pour votre développeur, dans le seul but qu’il code ce que vous aviez déjà fait sous Photoshop.</p>\n<p>&nbsp;</p>\n<p><strong>2. Pour ne plus perdre de temps à imaginer des designs incodables</strong></p>\n<p>En apprenant à coder, vous deviendrez un meilleur designer parce que vous comprendrez comment le processus de développement fonctionne, pourquoi certains langages de programmation sont utilisés, et s’ils permettent ou non de mettre en œuvre vos idées graphiques. Vous aurez une meilleure idée de ce qui est techniquement réaliste avant de commencer votre design, et vous pourrez mieux expliquer vos idées de design aux développeurs. Il est beaucoup plus simple de communiquer avec un intégrateur ou un développeur quand les termes « div », « cms » et « découpage » ne sont pas totalement étrangers ! Et au passage, vous pourrez comprendre les blagues de développeurs !</p>\n<p>&nbsp;</p>\n<p><strong>3. Pour offrir une plus large palette de services à vos clients</strong></p>\n<p>En tant que designer freelance, vous n’avez peut-être pas les moyens d’embaucher un développeur pour traduire vos designs en sites web. De son côté, votre client n’a sans doute pas envie de faire appel à deux prestataires différents et de devoir gérer la communication entre vous. En apprenant à coder, vous pouvez lui épargner cet effort, soit en codant vous-même vos designs, soit en prenant en charge la relation avec le développeur. En maîtrisant tout le processus, du graphisme au code, vous serez également capable de répondre beaucoup plus vite aux changements demandés par vos clients. Enfin, n’oubliez pas qu’une marque, ce n’est pas juste un logo. L’expérience de l’utilisateur sur le site internet ou l’application construit aussi l’image de marque. Un graphiste qui sait coder peut offrir une expérience homogène et unique aux clients d’une marque.</p>\n<p><strong>4. Pour gagner en créativité</strong></p>\n<p>O la programmation a souvent l’air, aux yeux des profanes, d’être une longue série de lignes de code au sens impénétrable. En réalité, faire de la programmation, ce n’est pas uniquement technique. Le code ouvre tout un champ de nouvelles possibilités créatives. Avec le code informatique, on peut construire de nombreuses choses, des jeux, des bots, des applications. La seule limite est sa propre imagination.</p>\n<p><strong>5. Pour vous vendre sur le marché du travail</strong></p>\n<p>Apprendre à coder vous ouvrira de nouvelles opportunités d’emploi, comme freelance mais aussi comme salarié. Les entreprises demandent de plus en plus à leurs salariés d’être polyvalents, surtout dans les petites structures, de type PME ou startup. Combiner les deux compétences permet d’avoir une plus-value sur le marché du travail et de travailler sur des projets plus complexes et plus originaux.</p>\n<p>Vous voulez en savoir plus ? Découvrez<span>&nbsp;</span><a href=\"https://wildcodeschool.fr/blog/portrait-julien-etre-entrepreneur-et-eleve-en-meme-temps/\">le parcours de Julien</a>, Wilder graphiste et entrepreneur.</p>\n<p>Et c’est par ici pour<span>&nbsp;</span><a href=\"https://apply.wildcodeschool.com/fr/\">candidater</a>.</p>\n<p>&nbsp;</p>", "tag_ids" : [ 103173212305, 116313955723 ], "topic_ids" : [ 103173212305, 116313955723 ], "post_summary" : "<h5><i>Les graphistes travaillent aussi bien sur des projets print que des projets web. Ils doivent en permanence se former et s’adapter aux nouvelles technologies. Est-il nécessaire d’apprendre à coder quand on est graphiste ?</i></h5>\n<h5><i>Voici 5 bonnes raisons pour !</i></h5>\n<p>&nbsp;</p>\n", "blog_post_schedule_task_uid" : null, "blog_publish_to_social_media_task" : "DONE_NOT_SENT", "blog_publish_instant_email_task_uid" : null, "blog_publish_instant_email_campaign_id" : null, "blog_publish_instant_email_retry_count" : 0, "keywords" : [ ], "meta_description" : "Les graphistes travaillent aussi bien sur des projets print que des projets web. Ils doivent en permanence se former et s’adapter aux nouvelles technologies. Est-il nécessaire d’apprendre à coder quand on est graphiste ? Voici 5 bonnes raisons pour !", "meta_keywords" : null, "layout_sections" : { }, "past_mab_experiment_ids" : [ ], "deleted_by" : null, "featured_image_alt_text" : "", "enable_layout_stylesheets" : null, "tweet" : null, "tweet_at" : null, "campaign_name" : null, "campaign_utm" : null, "tweet_immediately" : false, "publish_immediately" : true, "security_state" : "NONE", "scheduled_update_date" : 0, "placement_guids" : [ ], "property_for_dynamic_page_title" : null, "property_for_dynamic_page_slug" : null, "property_for_dynamic_page_meta_description" : null, "property_for_dynamic_page_featured_image" : null, "property_for_dynamic_page_canonical_url" : null, "preview_image_src" : null, "legacy_blog_tabid" : null, "legacy_post_guid" : "", "performable_variation_letter" : null, "style_override_id" : null, "has_user_changes" : true, "css" : { }, "css_text" : "", "unpublished_at" : 0, "published_by_id" : 50704370, "allowed_slug_conflict" : false, "ai_features" : null, "link_rel_canonical_url" : "", "page_redirected" : false, "page_expiry_enabled" : false, "page_expiry_date" : null, "page_expiry_redirect_id" : null, "page_expiry_redirect_url" : null, "deleted_by_id" : null, "state_when_deleted" : null, "cloned_from" : 119821857880, "staged_from" : null, "personas" : [ ], "compose_body" : null, "featured_image" : "https://2902314.fs1.hubspotusercontent-na1.net/hubfs/2902314/Bonnes%20raisons.webp", "featured_image_width" : 0, "featured_image_height" : 0, "publish_timezone_offset" : null, "theme_settings_values" : null, "head_html" : null, "footer_html" : null, "attached_stylesheets" : [ ], "enable_domain_stylesheets" : null, "include_default_custom_css" : null, "header" : null, "password" : null, "published_at" : 1730730900322, "last_edit_session_id" : null, "last_edit_update_id" : null, "created_by_agent" : null }, "metaDescription" : "Les graphistes travaillent aussi bien sur des projets print que des projets web. Ils doivent en permanence se former et s’adapter aux nouvelles technologies. Est-il nécessaire d’apprendre à coder quand on est graphiste ? Voici 5 bonnes raisons pour !", "metaKeywords" : null, "name" : "5 bonnes raisons d’apprendre à coder quand on est graphiste", "nextPostFeaturedImage" : "https://2902314.fs1.hubspotusercontent-na1.net/hubfs/2902314/public%20digital%20week.webp", "nextPostFeaturedImageAltText" : "", "nextPostName" : "LA NANTES DIGITAL WEEK", "nextPostSlug" : "fr-fr/blog/http/2902314.hs-sites.com/fr-fr/blog/reconversion-professionnelle-informatique-0", "pageExpiryDate" : null, "pageExpiryEnabled" : false, "pageExpiryRedirectId" : null, "pageExpiryRedirectUrl" : null, "pageRedirected" : false, "pageTitle" : "5 bonnes raisons d’apprendre à coder quand on est graphiste", "parentBlog" : { "absoluteUrl" : "https://www.wildcodeschool.com/fr-fr/blog", "allowComments" : false, "ampBodyColor" : "#404040", "ampBodyFont" : "'Helvetica Neue', Helvetica, Arial, sans-serif", "ampBodyFontSize" : "18", "ampCustomCss" : "", "ampHeaderBackgroundColor" : "#ffffff", "ampHeaderColor" : "#1e1e1e", "ampHeaderFont" : "'Helvetica Neue', Helvetica, Arial, sans-serif", "ampHeaderFontSize" : "36", "ampLinkColor" : "#416bb3", "ampLogoAlt" : "", "ampLogoHeight" : 0, "ampLogoSrc" : "", "ampLogoWidth" : 0, "analyticsPageId" : 103175636270, "attachedStylesheets" : [ ], "audienceAccess" : "PUBLIC", "businessUnitId" : null, "captchaAfterDays" : 7, "captchaAlways" : false, "categoryId" : 3, "cdnPurgeEmbargoTime" : null, "closeCommentsOlder" : 0, "commentDateFormat" : "medium", "commentFormGuid" : "c7bc1329-e868-4cf0-9b1c-23d0a756caa6", "commentMaxThreadDepth" : 1, "commentModeration" : false, "commentNotificationEmails" : [ ], "commentShouldCreateContact" : false, "commentVerificationText" : "", "cosObjectType" : "BLOG", "created" : 1676891663653, "createdDateTime" : 1676891663653, "dailyNotificationEmailId" : null, "dateFormattingLanguage" : null, "defaultGroupStyleId" : "", "defaultNotificationFromName" : "", "defaultNotificationReplyTo" : "", "deletedAt" : 0, "description" : "Faites le plein d'informations liées aux métiers de la tech.", "domain" : "", "domainWhenPublished" : "www.wildcodeschool.com", "emailApiSubscriptionId" : null, "enableGoogleAmpOutput" : true, "enableSocialAutoPublishing" : false, "generateJsonLdEnabled" : true, "header" : null, "htmlFooter" : "", "htmlFooterIsShared" : true, "htmlHead" : "", "htmlHeadIsShared" : true, "htmlKeywords" : [ ], "htmlTitle" : "Le blog de la Wild Code School - Wild Code School", "id" : 103175636270, "ilsSubscriptionListsByType" : { }, "instantNotificationEmailId" : null, "itemLayoutId" : null, "itemTemplateIsShared" : false, "itemTemplatePath" : "MarkentivexWCS/templates/blog-post.html", "label" : "Blog", "language" : "fr-fr", "legacyGuid" : null, "legacyModuleId" : null, "legacyTabId" : null, "listingLayoutId" : null, "listingPageId" : 103175636271, "listingTemplatePath" : "", "liveDomain" : "www.wildcodeschool.com", "monthFilterFormat" : "MMMM yyyy", "monthlyNotificationEmailId" : null, "name" : "Blog", "parentBlogUpdateTaskId" : null, "portalId" : 2902314, "postHtmlFooter" : "", "postHtmlHead" : "", "postsPerListingPage" : 9, "postsPerRssFeed" : 10, "publicAccessRules" : [ ], "publicAccessRulesEnabled" : false, "publicTitle" : "Blog", "publishDateFormat" : "dd/MM/YYYY", "resolvedDomain" : "www.wildcodeschool.com", "rootUrl" : "https://www.wildcodeschool.com/fr-fr/blog", "rssCustomFeed" : null, "rssDescription" : null, "rssItemFooter" : null, "rssItemHeader" : null, "settingsOverrides" : { "itemLayoutId" : false, "itemTemplatePath" : false, "itemTemplateIsShared" : false, "listingLayoutId" : false, "listingTemplatePath" : false, "postsPerListingPage" : false, "showSummaryInListing" : false, "useFeaturedImageInSummary" : false, "htmlHead" : false, "postHtmlHead" : false, "htmlHeadIsShared" : false, "htmlFooter" : false, "listingPageHtmlFooter" : false, "postHtmlFooter" : false, "htmlFooterIsShared" : false, "attachedStylesheets" : false, "postsPerRssFeed" : false, "showSummaryInRss" : false, "showSummaryInEmails" : false, "showSummariesInEmails" : false, "allowComments" : false, "commentShouldCreateContact" : false, "commentModeration" : false, "closeCommentsOlder" : false, "commentNotificationEmails" : false, "commentMaxThreadDepth" : false, "commentVerificationText" : false, "socialAccountTwitter" : false, "showSocialLinkTwitter" : false, "showSocialLinkLinkedin" : false, "showSocialLinkFacebook" : false, "enableGoogleAmpOutput" : false, "ampLogoSrc" : false, "ampLogoHeight" : false, "ampLogoWidth" : false, "ampLogoAlt" : false, "ampHeaderFont" : false, "ampHeaderFontSize" : false, "ampHeaderColor" : false, "ampHeaderBackgroundColor" : false, "ampBodyFont" : false, "ampBodyFontSize" : false, "ampBodyColor" : false, "ampLinkColor" : false, "generateJsonLdEnabled" : false }, "showSocialLinkFacebook" : true, "showSocialLinkLinkedin" : true, "showSocialLinkTwitter" : true, "showSummaryInEmails" : true, "showSummaryInListing" : true, "showSummaryInRss" : true, "siteId" : null, "slug" : "fr-fr/blog", "socialAccountTwitter" : "", "state" : null, "subscriptionContactsProperty" : null, "subscriptionEmailType" : null, "subscriptionFormGuid" : null, "subscriptionListsByType" : { }, "title" : null, "translatedFromId" : null, "translations" : { "de-de" : { "absoluteUrl" : "https://www.wildcodeschool.com/de-de/blog", "id" : 103176710277, "language" : "de-de", "masterId" : 103175636270, "name" : "Blog", "publicAccessRules" : [ ], "publicAccessRulesEnabled" : false, "slug" : "de-de/blog" }, "en-gb" : { "absoluteUrl" : "https://www.wildcodeschool.com/en-gb/blog", "id" : 103176710275, "language" : "en-gb", "masterId" : 103175636270, "name" : "Blog", "publicAccessRules" : [ ], "publicAccessRulesEnabled" : false, "slug" : "en-gb/blog" }, "es-es" : { "absoluteUrl" : "https://www.wildcodeschool.com/es-es/blog", "id" : 103176710278, "language" : "es-es", "masterId" : 103175636270, "name" : "Blog", "publicAccessRules" : [ ], "publicAccessRulesEnabled" : false, "slug" : "es-es/blog" }, "pt-pt" : { "absoluteUrl" : "https://www.wildcodeschool.com/pt-pt/blog", "id" : 103176710276, "language" : "pt-pt", "masterId" : 103175636270, "name" : "Blog", "publicAccessRules" : [ ], "publicAccessRulesEnabled" : false, "slug" : "pt-pt/blog" } }, "updated" : 1726755591366, "updatedDateTime" : 1726755591366, "urlBase" : "www.wildcodeschool.com/fr-fr/blog", "urlSegments" : { "all" : "all", "archive" : "archive", "author" : "author", "page" : "page", "tag" : "tag" }, "useFeaturedImageInSummary" : true, "usesDefaultTemplate" : false, "weeklyNotificationEmailId" : null }, "password" : null, "pastMabExperimentIds" : [ ], "performableGuid" : null, "performableVariationLetter" : null, "personas" : [ ], "placementGuids" : [ ], "portableKey" : null, "portalId" : 2902314, "position" : null, "postBody" : "<h5><i>Les graphistes travaillent aussi bien sur des projets print que des projets web. Ils doivent en permanence se former et s’adapter aux nouvelles technologies. Est-il nécessaire d’apprendre à coder quand on est graphiste ?</i></h5>\n<h5><i>Voici 5 bonnes raisons pour !</i></h5>\n<p>&nbsp;</p>\n<!--more--><p><strong>1. Pour maîtriser vos projets de A à Z</strong></p>\n<p>Vos designs seront appliqués exactement comme vous les aviez imaginés. Si vous séparez complètement le graphisme du code, il arrive inévitablement un moment où le développeur se retrouve à faire un peu de design, parce que ce n’est pas pratique d’aller voir le designer pour lui demander une maquette Photoshop à chaque fois qu’une nouvelle section du site doit être ajoutée ou modifiée.</p>\n<p>Savoir coder vous permettra aussi de gagner du temps : une fois que vous saurez faire vos designs directement dans le navigateur, vous pourrez dire bye bye aux maquettes Photoshop que vous auriez créées pour votre développeur, dans le seul but qu’il code ce que vous aviez déjà fait sous Photoshop.</p>\n<p>&nbsp;</p>\n<p><strong>2. Pour ne plus perdre de temps à imaginer des designs incodables</strong></p>\n<p>En apprenant à coder, vous deviendrez un meilleur designer parce que vous comprendrez comment le processus de développement fonctionne, pourquoi certains langages de programmation sont utilisés, et s’ils permettent ou non de mettre en œuvre vos idées graphiques. Vous aurez une meilleure idée de ce qui est techniquement réaliste avant de commencer votre design, et vous pourrez mieux expliquer vos idées de design aux développeurs. Il est beaucoup plus simple de communiquer avec un intégrateur ou un développeur quand les termes « div », « cms » et « découpage » ne sont pas totalement étrangers ! Et au passage, vous pourrez comprendre les blagues de développeurs !</p>\n<p>&nbsp;</p>\n<p><strong>3. Pour offrir une plus large palette de services à vos clients</strong></p>\n<p>En tant que designer freelance, vous n’avez peut-être pas les moyens d’embaucher un développeur pour traduire vos designs en sites web. De son côté, votre client n’a sans doute pas envie de faire appel à deux prestataires différents et de devoir gérer la communication entre vous. En apprenant à coder, vous pouvez lui épargner cet effort, soit en codant vous-même vos designs, soit en prenant en charge la relation avec le développeur. En maîtrisant tout le processus, du graphisme au code, vous serez également capable de répondre beaucoup plus vite aux changements demandés par vos clients. Enfin, n’oubliez pas qu’une marque, ce n’est pas juste un logo. L’expérience de l’utilisateur sur le site internet ou l’application construit aussi l’image de marque. Un graphiste qui sait coder peut offrir une expérience homogène et unique aux clients d’une marque.</p>\n<p><strong>4. Pour gagner en créativité</strong></p>\n<p>O la programmation a souvent l’air, aux yeux des profanes, d’être une longue série de lignes de code au sens impénétrable. En réalité, faire de la programmation, ce n’est pas uniquement technique. Le code ouvre tout un champ de nouvelles possibilités créatives. Avec le code informatique, on peut construire de nombreuses choses, des jeux, des bots, des applications. La seule limite est sa propre imagination.</p>\n<p><strong>5. Pour vous vendre sur le marché du travail</strong></p>\n<p>Apprendre à coder vous ouvrira de nouvelles opportunités d’emploi, comme freelance mais aussi comme salarié. Les entreprises demandent de plus en plus à leurs salariés d’être polyvalents, surtout dans les petites structures, de type PME ou startup. Combiner les deux compétences permet d’avoir une plus-value sur le marché du travail et de travailler sur des projets plus complexes et plus originaux.</p>\n<p>Vous voulez en savoir plus ? Découvrez<span>&nbsp;</span><a href=\"https://wildcodeschool.fr/blog/portrait-julien-etre-entrepreneur-et-eleve-en-meme-temps/\">le parcours de Julien</a>, Wilder graphiste et entrepreneur.</p>\n<p>Et c’est par ici pour<span>&nbsp;</span><a href=\"https://apply.wildcodeschool.com/fr/\">candidater</a>.</p>\n<p>&nbsp;</p>", "postBodyRss" : "<h5><i>Les graphistes travaillent aussi bien sur des projets print que des projets web. Ils doivent en permanence se former et s’adapter aux nouvelles technologies. Est-il nécessaire d’apprendre à coder quand on est graphiste ?</i></h5>\n<h5><i>Voici 5 bonnes raisons pour !</i></h5>\n<p>&nbsp;</p>\n<!--more--><p><strong>1. Pour maîtriser vos projets de A à Z</strong></p>\n<p>Vos designs seront appliqués exactement comme vous les aviez imaginés. Si vous séparez complètement le graphisme du code, il arrive inévitablement un moment où le développeur se retrouve à faire un peu de design, parce que ce n’est pas pratique d’aller voir le designer pour lui demander une maquette Photoshop à chaque fois qu’une nouvelle section du site doit être ajoutée ou modifiée.</p>\n<p>Savoir coder vous permettra aussi de gagner du temps : une fois que vous saurez faire vos designs directement dans le navigateur, vous pourrez dire bye bye aux maquettes Photoshop que vous auriez créées pour votre développeur, dans le seul but qu’il code ce que vous aviez déjà fait sous Photoshop.</p>\n<p>&nbsp;</p>\n<p><strong>2. Pour ne plus perdre de temps à imaginer des designs incodables</strong></p>\n<p>En apprenant à coder, vous deviendrez un meilleur designer parce que vous comprendrez comment le processus de développement fonctionne, pourquoi certains langages de programmation sont utilisés, et s’ils permettent ou non de mettre en œuvre vos idées graphiques. Vous aurez une meilleure idée de ce qui est techniquement réaliste avant de commencer votre design, et vous pourrez mieux expliquer vos idées de design aux développeurs. Il est beaucoup plus simple de communiquer avec un intégrateur ou un développeur quand les termes « div », « cms » et « découpage » ne sont pas totalement étrangers ! Et au passage, vous pourrez comprendre les blagues de développeurs !</p>\n<p>&nbsp;</p>\n<p><strong>3. Pour offrir une plus large palette de services à vos clients</strong></p>\n<p>En tant que designer freelance, vous n’avez peut-être pas les moyens d’embaucher un développeur pour traduire vos designs en sites web. De son côté, votre client n’a sans doute pas envie de faire appel à deux prestataires différents et de devoir gérer la communication entre vous. En apprenant à coder, vous pouvez lui épargner cet effort, soit en codant vous-même vos designs, soit en prenant en charge la relation avec le développeur. En maîtrisant tout le processus, du graphisme au code, vous serez également capable de répondre beaucoup plus vite aux changements demandés par vos clients. Enfin, n’oubliez pas qu’une marque, ce n’est pas juste un logo. L’expérience de l’utilisateur sur le site internet ou l’application construit aussi l’image de marque. Un graphiste qui sait coder peut offrir une expérience homogène et unique aux clients d’une marque.</p>\n<p><strong>4. Pour gagner en créativité</strong></p>\n<p>O la programmation a souvent l’air, aux yeux des profanes, d’être une longue série de lignes de code au sens impénétrable. En réalité, faire de la programmation, ce n’est pas uniquement technique. Le code ouvre tout un champ de nouvelles possibilités créatives. Avec le code informatique, on peut construire de nombreuses choses, des jeux, des bots, des applications. La seule limite est sa propre imagination.</p>\n<p><strong>5. Pour vous vendre sur le marché du travail</strong></p>\n<p>Apprendre à coder vous ouvrira de nouvelles opportunités d’emploi, comme freelance mais aussi comme salarié. Les entreprises demandent de plus en plus à leurs salariés d’être polyvalents, surtout dans les petites structures, de type PME ou startup. Combiner les deux compétences permet d’avoir une plus-value sur le marché du travail et de travailler sur des projets plus complexes et plus originaux.</p>\n<p>Vous voulez en savoir plus ? Découvrez<span>&nbsp;</span><a href=\"https://wildcodeschool.fr/blog/portrait-julien-etre-entrepreneur-et-eleve-en-meme-temps/\">le parcours de Julien</a>, Wilder graphiste et entrepreneur.</p>\n<p>Et c’est par ici pour<span>&nbsp;</span><a href=\"https://apply.wildcodeschool.com/fr/\">candidater</a>.</p>\n<p>&nbsp;</p>", "postEmailContent" : "<h5><i>Les graphistes travaillent aussi bien sur des projets print que des projets web. Ils doivent en permanence se former et s’adapter aux nouvelles technologies. Est-il nécessaire d’apprendre à coder quand on est graphiste ?</i></h5> \n<h5><i>Voici 5 bonnes raisons pour !</i></h5> \n<p>&nbsp;</p>", "postFeaturedImageIfEnabled" : "https://2902314.fs1.hubspotusercontent-na1.net/hubfs/2902314/Bonnes%20raisons.webp", "postListContent" : "<h5><i>Les graphistes travaillent aussi bien sur des projets print que des projets web. Ils doivent en permanence se former et s’adapter aux nouvelles technologies. Est-il nécessaire d’apprendre à coder quand on est graphiste ?</i></h5> \n<h5><i>Voici 5 bonnes raisons pour !</i></h5> \n<p>&nbsp;</p>", "postListSummaryFeaturedImage" : "https://2902314.fs1.hubspotusercontent-na1.net/hubfs/2902314/Bonnes%20raisons.webp", "postRssContent" : "<h5><i>Les graphistes travaillent aussi bien sur des projets print que des projets web. Ils doivent en permanence se former et s’adapter aux nouvelles technologies. Est-il nécessaire d’apprendre à coder quand on est graphiste ?</i></h5> \n<h5><i>Voici 5 bonnes raisons pour !</i></h5> \n<p>&nbsp;</p>", "postRssSummaryFeaturedImage" : "https://2902314.fs1.hubspotusercontent-na1.net/hubfs/2902314/Bonnes%20raisons.webp", "postSummary" : "<h5><i>Les graphistes travaillent aussi bien sur des projets print que des projets web. Ils doivent en permanence se former et s’adapter aux nouvelles technologies. Est-il nécessaire d’apprendre à coder quand on est graphiste ?</i></h5>\n<h5><i>Voici 5 bonnes raisons pour !</i></h5>\n<p>&nbsp;</p>\n", "postSummaryRss" : "<h5><i>Les graphistes travaillent aussi bien sur des projets print que des projets web. Ils doivent en permanence se former et s’adapter aux nouvelles technologies. Est-il nécessaire d’apprendre à coder quand on est graphiste ?</i></h5> \n<h5><i>Voici 5 bonnes raisons pour !</i></h5> \n<p>&nbsp;</p>", "postTemplate" : "MarkentivexWCS/templates/blog-post.html", "previewImageSrc" : null, "previewKey" : "qANSLbuS", "previousPostFeaturedImage" : "https://2902314.fs1.hubspotusercontent-na1.net/hubfs/2902314/Lapprentissage%20hybride%2c%20comment%20savoir%20si%20cest%20pour%20toi%20%3F%20.webp", "previousPostFeaturedImageAltText" : "L'apprentissage hybride, comment savoir si c'est pour toi ?", "previousPostName" : "L'apprentissage hybride, comment savoir si c'est pour toi ?", "previousPostSlug" : "fr-fr/blog/l-apprentissage-hybride-comment-savoir-si-c-est-pour-toi", "processingStatus" : "PUBLISHED", "propertyForDynamicPageCanonicalUrl" : null, "propertyForDynamicPageFeaturedImage" : null, "propertyForDynamicPageMetaDescription" : null, "propertyForDynamicPageSlug" : null, "propertyForDynamicPageTitle" : null, "publicAccessRules" : [ ], "publicAccessRulesEnabled" : false, "publishDate" : 1567692060000, "publishDateLocalTime" : 1567692060000, "publishDateLocalized" : { "date" : 1567692060000, "format" : "dd/MM/YYYY", "language" : null }, "publishImmediately" : true, "publishTimezoneOffset" : null, "publishedAt" : 1730730900322, "publishedByEmail" : null, "publishedById" : 50704370, "publishedByName" : null, "publishedUrl" : "https://www.wildcodeschool.com/fr-fr/blog/5-bonnes-raisons-dapprendre-a-coder-quand-on-est-graphiste", "resolvedDomain" : "www.wildcodeschool.com", "resolvedLanguage" : null, "rssBody" : "<h5><i>Les graphistes travaillent aussi bien sur des projets print que des projets web. Ils doivent en permanence se former et s’adapter aux nouvelles technologies. Est-il nécessaire d’apprendre à coder quand on est graphiste ?</i></h5>\n<h5><i>Voici 5 bonnes raisons pour !</i></h5>\n<p>&nbsp;</p>\n<!--more--><p><strong>1. Pour maîtriser vos projets de A à Z</strong></p>\n<p>Vos designs seront appliqués exactement comme vous les aviez imaginés. Si vous séparez complètement le graphisme du code, il arrive inévitablement un moment où le développeur se retrouve à faire un peu de design, parce que ce n’est pas pratique d’aller voir le designer pour lui demander une maquette Photoshop à chaque fois qu’une nouvelle section du site doit être ajoutée ou modifiée.</p>\n<p>Savoir coder vous permettra aussi de gagner du temps : une fois que vous saurez faire vos designs directement dans le navigateur, vous pourrez dire bye bye aux maquettes Photoshop que vous auriez créées pour votre développeur, dans le seul but qu’il code ce que vous aviez déjà fait sous Photoshop.</p>\n<p>&nbsp;</p>\n<p><strong>2. Pour ne plus perdre de temps à imaginer des designs incodables</strong></p>\n<p>En apprenant à coder, vous deviendrez un meilleur designer parce que vous comprendrez comment le processus de développement fonctionne, pourquoi certains langages de programmation sont utilisés, et s’ils permettent ou non de mettre en œuvre vos idées graphiques. Vous aurez une meilleure idée de ce qui est techniquement réaliste avant de commencer votre design, et vous pourrez mieux expliquer vos idées de design aux développeurs. Il est beaucoup plus simple de communiquer avec un intégrateur ou un développeur quand les termes « div », « cms » et « découpage » ne sont pas totalement étrangers ! Et au passage, vous pourrez comprendre les blagues de développeurs !</p>\n<p>&nbsp;</p>\n<p><strong>3. Pour offrir une plus large palette de services à vos clients</strong></p>\n<p>En tant que designer freelance, vous n’avez peut-être pas les moyens d’embaucher un développeur pour traduire vos designs en sites web. De son côté, votre client n’a sans doute pas envie de faire appel à deux prestataires différents et de devoir gérer la communication entre vous. En apprenant à coder, vous pouvez lui épargner cet effort, soit en codant vous-même vos designs, soit en prenant en charge la relation avec le développeur. En maîtrisant tout le processus, du graphisme au code, vous serez également capable de répondre beaucoup plus vite aux changements demandés par vos clients. Enfin, n’oubliez pas qu’une marque, ce n’est pas juste un logo. L’expérience de l’utilisateur sur le site internet ou l’application construit aussi l’image de marque. Un graphiste qui sait coder peut offrir une expérience homogène et unique aux clients d’une marque.</p>\n<p><strong>4. Pour gagner en créativité</strong></p>\n<p>O la programmation a souvent l’air, aux yeux des profanes, d’être une longue série de lignes de code au sens impénétrable. En réalité, faire de la programmation, ce n’est pas uniquement technique. Le code ouvre tout un champ de nouvelles possibilités créatives. Avec le code informatique, on peut construire de nombreuses choses, des jeux, des bots, des applications. La seule limite est sa propre imagination.</p>\n<p><strong>5. Pour vous vendre sur le marché du travail</strong></p>\n<p>Apprendre à coder vous ouvrira de nouvelles opportunités d’emploi, comme freelance mais aussi comme salarié. Les entreprises demandent de plus en plus à leurs salariés d’être polyvalents, surtout dans les petites structures, de type PME ou startup. Combiner les deux compétences permet d’avoir une plus-value sur le marché du travail et de travailler sur des projets plus complexes et plus originaux.</p>\n<p>Vous voulez en savoir plus ? Découvrez<span>&nbsp;</span><a href=\"https://wildcodeschool.fr/blog/portrait-julien-etre-entrepreneur-et-eleve-en-meme-temps/\">le parcours de Julien</a>, Wilder graphiste et entrepreneur.</p>\n<p>Et c’est par ici pour<span>&nbsp;</span><a href=\"https://apply.wildcodeschool.com/fr/\">candidater</a>.</p>\n<p>&nbsp;</p>", "rssSummary" : "<h5><i>Les graphistes travaillent aussi bien sur des projets print que des projets web. Ils doivent en permanence se former et s’adapter aux nouvelles technologies. Est-il nécessaire d’apprendre à coder quand on est graphiste ?</i></h5>\n<h5><i>Voici 5 bonnes raisons pour !</i></h5>\n<p>&nbsp;</p>\n", "rssSummaryFeaturedImage" : "https://2902314.fs1.hubspotusercontent-na1.net/hubfs/2902314/Bonnes%20raisons.webp", "scheduledUpdateDate" : 0, "screenshotPreviewTakenAt" : 1730730901278, "screenshotPreviewUrl" : "https://cdn1.hubspot.net/hubshotv3/prod/e/0/c2b0922c-cb50-4007-bcb5-c66c0fb5c74a.png", "sections" : { }, "securityState" : "NONE", "siteId" : null, "slug" : "fr-fr/blog/5-bonnes-raisons-dapprendre-a-coder-quand-on-est-graphiste", "stagedFrom" : null, "state" : "PUBLISHED", "stateWhenDeleted" : null, "structuredContentPageType" : null, "structuredContentType" : null, "styleOverrideId" : null, "subcategory" : "normal_blog_post", "syncedWithBlogRoot" : true, "tagIds" : [ 103173212305, 116313955723 ], "tagList" : [ { "categoryId" : 3, "cdnPurgeEmbargoTime" : null, "contentIds" : [ ], "cosObjectType" : "TAG", "created" : 1676890105649, "deletedAt" : 0, "description" : "", "id" : 103173212305, "label" : "Design Produit", "language" : "fr-fr", "name" : "Design Produit", "portalId" : 2902314, "slug" : "design-produit", "translatedFromId" : null, "translations" : { }, "updated" : 1676892308998 }, { "categoryId" : 3, "cdnPurgeEmbargoTime" : null, "contentIds" : [ ], "cosObjectType" : "TAG", "created" : 1684509994814, "deletedAt" : 0, "description" : "", "id" : 116313955723, "label" : "Tips", "language" : "fr-fr", "name" : "Tips", "portalId" : 2902314, "slug" : "tips", "translatedFromId" : null, "translations" : { }, "updated" : 1684509994814 } ], "tagNames" : [ "Design Produit", "Tips" ], "teamPerms" : [ ], "templatePath" : "", "templatePathForRender" : "MarkentivexWCS/templates/blog-post.html", "textToAudioFileId" : null, "textToAudioGenerationRequestId" : null, "themePath" : null, "themeSettingsValues" : null, "title" : "5 bonnes raisons d’apprendre à coder quand on est graphiste", "tmsId" : null, "topicIds" : [ 103173212305, 116313955723 ], "topicList" : [ { "categoryId" : 3, "cdnPurgeEmbargoTime" : null, "contentIds" : [ ], "cosObjectType" : "TAG", "created" : 1676890105649, "deletedAt" : 0, "description" : "", "id" : 103173212305, "label" : "Design Produit", "language" : "fr-fr", "name" : "Design Produit", "portalId" : 2902314, "slug" : "design-produit", "translatedFromId" : null, "translations" : { }, "updated" : 1676892308998 }, { "categoryId" : 3, "cdnPurgeEmbargoTime" : null, "contentIds" : [ ], "cosObjectType" : "TAG", "created" : 1684509994814, "deletedAt" : 0, "description" : "", "id" : 116313955723, "label" : "Tips", "language" : "fr-fr", "name" : "Tips", "portalId" : 2902314, "slug" : "tips", "translatedFromId" : null, "translations" : { }, "updated" : 1684509994814 } ], "topicNames" : [ "Design Produit", "Tips" ], "topics" : [ 103173212305, 116313955723 ], "translatedContent" : { }, "translatedFromId" : null, "translations" : { }, "tweet" : null, "tweetAt" : null, "tweetImmediately" : false, "unpublishedAt" : 0, "updated" : 1730730900326, "updatedById" : 50704370, "upsizeFeaturedImage" : false, "url" : "https://www.wildcodeschool.com/fr-fr/blog/5-bonnes-raisons-dapprendre-a-coder-quand-on-est-graphiste", "useFeaturedImage" : true, "userPerms" : [ ], "views" : 0, "visibleToAll" : null, "widgetContainers" : { }, "widgetcontainers" : { }, "widgets" : { "blog_post_caption" : { "body" : { "html" : "<em>Après des études en infographie et imprimerie, puis une carrière de croupier et de caissier dans un casino, Axel s’est reconverti en Data engineer à<span>&nbsp;</span><a href=\"https://boby-building.fr/\" target=\"_blank\" rel=\"noopener\">Boby</a><span>&nbsp;</span>grâce au parcours de formation de la Wild Code School !</em>", "module_id" : 1155639 }, "child_css" : { }, "css" : { }, "deleted_at" : 1686570685978, "id" : "blog_post_caption", "label" : "Blog Post Caption", "module_id" : 1155639, "name" : "blog_post_caption", "order" : 12, "smart_type" : null, "styles" : { }, "type" : "module" } } })

  • Quelles différences entre UI et UX Design ?

    Lire l'article
    (BlogPost: { "ab" : false, "abStatus" : null, "abTestId" : null, "abVariation" : false, "abVariationAutomated" : false, "absoluteUrl" : "https://www.wildcodeschool.com/fr-fr/blog/ux-ui-design-interface-utilisateur-experience", "afterPostBody" : null, "aifeatures" : null, "allowedSlugConflict" : false, "analytics" : null, "analyticsPageId" : "119806486357", "analyticsPageType" : "blog-post", "approvalStatus" : null, "archived" : false, "archivedAt" : 0, "archivedInDashboard" : false, "areCommentsAllowed" : false, "attachedStylesheets" : [ ], "audienceAccess" : "PUBLIC", "author" : null, "authorName" : null, "authorUsername" : null, "blogAuthor" : { "avatar" : "https://2902314.fs1.hubspotusercontent-na1.net/hubfs/2902314/Design%20sans%20titre.png", "bio" : "Brand manager", "cdnPurgeEmbargoTime" : null, "cosObjectType" : "BLOG_AUTHOR", "created" : 1682434928028, "deletedAt" : 0, "displayName" : "Mélanie COLTEL", "email" : "", "facebook" : "", "fullName" : "Mélanie COLTEL", "gravatarUrl" : null, "hasSocialProfiles" : false, "id" : 112729439042, "label" : "Mélanie COLTEL", "language" : "fr-fr", "linkedin" : "", "name" : "Mélanie COLTEL", "portalId" : 2902314, "slug" : "mélanie-coltel", "translatedFromId" : null, "translations" : { }, "twitter" : "", "twitterUsername" : "", "updated" : 1686238571372, "userId" : null, "username" : null, "website" : "" }, "blogAuthorId" : 112729439042, "blogPostAuthor" : { "avatar" : "https://2902314.fs1.hubspotusercontent-na1.net/hubfs/2902314/Design%20sans%20titre.png", "bio" : "Brand manager", "cdnPurgeEmbargoTime" : null, "cosObjectType" : "BLOG_AUTHOR", "created" : 1682434928028, "deletedAt" : 0, "displayName" : "Mélanie COLTEL", "email" : "", "facebook" : "", "fullName" : "Mélanie COLTEL", "gravatarUrl" : null, "hasSocialProfiles" : false, "id" : 112729439042, "label" : "Mélanie COLTEL", "language" : "fr-fr", "linkedin" : "", "name" : "Mélanie COLTEL", "portalId" : 2902314, "slug" : "mélanie-coltel", "translatedFromId" : null, "translations" : { }, "twitter" : "", "twitterUsername" : "", "updated" : 1686238571372, "userId" : null, "username" : null, "website" : "" }, "blogPostScheduleTaskUid" : null, "blogPublishInstantEmailCampaignId" : null, "blogPublishInstantEmailRetryCount" : null, "blogPublishInstantEmailTaskUid" : null, "blogPublishToSocialMediaTask" : "DONE_NOT_SENT", "blueprintTypeId" : 0, "businessUnitId" : null, "campaign" : null, "campaignName" : null, "campaignUtm" : null, "category" : 3, "categoryId" : 3, "cdnPurgeEmbargoTime" : null, "checkPostLevelAudienceAccessFirst" : true, "clonedFrom" : null, "composeBody" : null, "compositionId" : 0, "contentAccessRuleIds" : [ ], "contentAccessRuleTypes" : [ ], "contentGroup" : 103175636270, "contentGroupId" : 103175636270, "contentTypeCategory" : 3, "contentTypeCategoryId" : 3, "contentTypeId" : null, "created" : 1686561366080, "createdByAgent" : null, "createdById" : 48399771, "createdTime" : 1686561366080, "crmObjectId" : null, "css" : { }, "cssText" : "", "ctaClicks" : null, "ctaViews" : null, "currentState" : "PUBLISHED", "currentlyPublished" : true, "deletedAt" : 0, "deletedBy" : null, "deletedByEmail" : null, "deletedById" : null, "domain" : "", "dynamicPageDataSourceId" : null, "dynamicPageDataSourceType" : null, "dynamicPageHubDbTableId" : null, "enableDomainStylesheets" : null, "enableGoogleAmpOutputOverride" : false, "enableLayoutStylesheets" : null, "errors" : [ ], "featuredImage" : "https://2902314.fs1.hubspotusercontent-na1.net/hubfs/2902314/QUELLES%20DIFFERENCES%20ENTRE%20UI_UX%20_.png", "featuredImageAltText" : "", "featuredImageHeight" : 5333, "featuredImageLength" : 0, "featuredImageWidth" : 8000, "flexAreas" : { }, "folderId" : null, "footerHtml" : null, "freezeDate" : 1697616000000, "generateJsonLdEnabledOverride" : true, "hasContentAccessRules" : false, "hasUserChanges" : true, "headHtml" : null, "header" : null, "htmlTitle" : "Quelles différences entre UI et UX Design ?", "id" : 119806486357, "includeDefaultCustomCss" : null, "isCaptchaRequired" : true, "isCrawlableByBots" : false, "isDraft" : false, "isInstanceLayoutPage" : false, "isInstantEmailEnabled" : false, "isPublished" : true, "isSocialPublishingEnabled" : false, "keywords" : [ ], "label" : "Quelles différences entre UI et UX Design ?", "language" : "fr-fr", "lastEditSessionId" : null, "lastEditUpdateId" : null, "layoutSections" : { }, "legacyBlogTabid" : null, "legacyId" : null, "legacyPostGuid" : null, "linkRelCanonicalUrl" : null, "listTemplate" : "", "liveDomain" : "www.wildcodeschool.com", "mab" : false, "mabExperimentId" : null, "mabMaster" : false, "mabVariant" : false, "meta" : { "html_title" : "Quelles différences entre UI et UX Design ?", "public_access_rules" : [ ], "public_access_rules_enabled" : false, "enable_google_amp_output_override" : false, "generate_json_ld_enabled" : true, "composition_id" : 0, "is_crawlable_by_bots" : false, "use_featured_image" : true, "post_summary" : "<p style=\"text-align: justify;\">Vous vous êtes déjà retrouvés face à un site internet avec des milliers d’informations sans trouver réponse à votre question ? À une application mobile qui bugue ? Une interface avec des visuels entrecoupés ?... Ou bien vous vous êtes déjà surpris à rester un bon moment à admirer le design d’une application web ou mobile ? Félicitations, vous avez vécu une expérience utilisateur réussie ! Mais que se cache-t-il derrière cette expérience ? Mais, quelle est la différence entre UI et UX Design ? Et pourquoi sont-ils si importants dans le monde du design ?</p>\n", "post_body" : "<p style=\"text-align: justify;\">Vous vous êtes déjà retrouvés face à un site internet avec des milliers d’informations sans trouver réponse à votre question ? À une application mobile qui bugue ? Une interface avec des visuels entrecoupés ?... Ou bien vous vous êtes déjà surpris à rester un bon moment à admirer le design d’une application web ou mobile ? Félicitations, vous avez vécu une expérience utilisateur réussie ! Mais que se cache-t-il derrière cette expérience ? Mais, quelle est la différence entre UI et UX Design ? Et pourquoi sont-ils si importants dans le monde du design ?</p>\n<!--more-->\n<h2>Qu’est-ce que l’UX/UI ?</h2>\n<p style=\"text-align: justify;\">La<strong> transformation digitale</strong>, au coeur des entreprises depuis un bon nombre d'année, a révélé au grand jour, l'importance d'avoir une <span style=\"font-weight: bold;\">expérience utilisateur</span> agréable. En effet, nous utilisons grand nombre d'interfaces numériques au quotidien, et l’expérience utilisateur (ce que l’on vit lorsque l’on surfe sur ces dernières) est primordiale. A l'image des démarches “customer centric” (axées sur le client), les entreprises doivent à tout prix penser à ce que nous, internautes et utilisateurs, vivons à travers leur interface en ligne, en nous plaçant au centre de leurs stratégies ! C’est LÀ que l’<strong>UX/UI</strong>&nbsp;interviennent.<br><br>Et oui ! Une mauvaise expérience utilisateur aura tendance à susciter la lassitude des utilisateurs, voire l’abandon direct de ceux-ci. <a href=\"https://syllabus.wildcodeschool.com/fr/web-designer-graphiste-full-time\"><img src=\"https://www.wildcodeschool.com/uploads/39e463b587bee04c6cb0a1a61fce663e.png-7.png\" width=\"0\" height=\"0\" loading=\"lazy\"></a></p>\n<h3>Qu’est-ce qu’une expérience utilisateur ?</h3>\n<p style=\"text-align: justify;\">L’expérience utilisateur est donc l’expérience que l’on vit lorsque l’on navigue sur une interface numérique. Lorsque nous expérimentons quelque chose, il y a plusieurs “critères” à prendre en compte :</p>\n<ul>\n<li><strong>Notre ressenti</strong> :&nbsp;<em>Comment est-ce que je me sens en naviguant sur cette interface ? Est-ce que j’aime la façon dont les choses sont présentées ?</em></li>\n<li>Notre environnement :&nbsp;<em>Est-ce que l’environnement qui m’entoure est propice à une expérience utilisateur réussie ?</em></li>\n<li><strong>Notre besoin et nos motivations</strong> :&nbsp;<em>De quoi ai-je besoin ? Quelle est l’information que je recherche et comment y parvenir ?</em></li>\n<li><strong>Les interactions</strong> offertes par le site internet ou l’application mobile :&nbsp;<em>Quand j’appuie ici, qu’est-ce que ça donne ? Quelle action sera engendrée ?</em></li>\n</ul>\n<p style=\"text-align: justify;\">L’UX design place une grande importance dans le fait d’offrir une interface accessible, graphiquement qualitative, fonctionnelle, pratique et ergonomique&nbsp;!<strong>&nbsp;</strong>Il faut donner envie à l’utilisateur d’y rester et de découvrir les moindres recoins de l’application web ou mobile... mais pas que ! Celle-ci doit lui permettre de trouver rapidement l’information qu’il cherche, afficher une image de marque forte et positive alignée avec une identité visuelle de qualité, présenter des fonctionnalités originales et authentiques...<br><br></p>\n<h3>Qu’est-ce que l’UX design ?</h3>\n<p style=\"text-align: justify;\">On parle d’<strong>UX design</strong>&nbsp;(user experience design) pour définir&nbsp;<strong>le design de l’expérience utilisateur.</strong> Par “design”, on entend surtout la “conception” de l’expérience utilisateur plutôt que la création visuelle. Le rôle d’un UX designer va être de penser, réfléchir et concevoir non seulement le produit - <em>donc l’interface utilisateur</em> - mais également l’expérience utilisateur qui en découle. Imaginez que vous construisez une maison, l'UX Design concerne l'agencement des pièces, la facilité de navigation à l'intérieur de la maison et la satisfaction générale que l'utilisateur ressent en y vivant.<br><br><strong>Pour faire de l’UX design, il faut prendre en compte les attentes, les besoins et les éventuelles envies des utilisateurs.</strong><br><br></p>\n<h3>Qu’est-ce que l’UI design ?</h3>\n<p style=\"text-align: justify;\"><span style=\"font-weight: normal;\">On situe </span><strong>l’UI design dans la phase de mise en place</strong>&nbsp;(<em>implement</em>) : c’est l’étape où les idées et prototypes des UX designers prennent vie. Lorsque l’on parle d’<strong>UI design</strong>&nbsp;(<em>user interface design</em>), on fait référence au&nbsp;<strong>design de l’interface utilisateur - et donc à l’expérience esthétique qui en découle.</strong></p>\n<p style=\"text-align: justify;\">Le rôle de l’UI designer va être de se pencher plutôt sur les aspects graphiques et visuels de l’interface, donc les éléments perceptibles par l’utilisateur. Cela inclut les boutons, les menus, les icônes, les couleurs, les polices de caractères, les images, et bien plus encore. En résumé, l'UI Design vise à rendre l'interface aussi belle et intuitive que possible pour les utilisateurs. Pensez à la maison que nous avons évoquée plus tôt. L'UI Design équivaut à la décoration intérieure, aux meubles et aux couleurs des murs. Cela crée une atmosphère agréable et fonctionnelle à l'intérieur de la maison.</p>\n<p style=\"text-align: justify;\">&nbsp;</p>\n<h2>Quelle est la différence entre UX et UI ?</h2>\n<p style=\"text-align: justify;\">Alors que l’UI se concentre sur la conception visuelle : toute la partie visible à l'œil de l’utilisateur avec…</p>\n<ul>\n<li>le design graphique : icônes, formes et images pour donner du sens aux actions de l’utilisateur</li>\n<li>les couleurs de l’interface, des illustrations, des boutons, des textes...</li>\n<li>la typographie : polices, gras, souligné…</li>\n<li>la mise en page de la page : espaces entre les blocs, nombre d’éléments sur l’interface graphique...</li>\n</ul>\n<p style=\"text-align: justify;\"><strong>… l’UX représente ce qu’on appelle la “science de l’utilisateur”</strong>, donc tout ce qui touche à :</p>\n<ul>\n<li>la stratégie</li>\n<li>la compréhension du besoin utilisateur</li>\n<li>la constitution de prototypes, de scénarios, etc.</li>\n</ul>\n<p><br>L’UX est un peu comme la partie cachée de l’iceberg.</p>\n<p>&nbsp;</p>\n<h3>UX designer vs UI designer : les compétences clés</h3>\n<ul>\n<li><strong>Travail d’équipe vs travail autonome</strong><br>L’UX designer va avoir tendance à travailler avec beaucoup de personnes et différents services, dans des activités collaboratives qui amènent à la réflexion autour de l’expérience en elle-même. L’UI designer travaillera quant à lui de façon plus “autonome”, même s’il sera en interaction constante avec le chef de projet et l’UX designer.<br><br></li>\n<li><strong>Le scope du projet</strong><br>L’UX designer va surtout s’intéresser à la situation dans son ensemble et au problème général, tandis que l’UI designer se concentrera sur les détails, peaufinera l’interface de fond en comble, et apportera les dernières touches pour rendre l’expérience la plus qualitative possible !<br><br></li>\n<li><strong>Les soft-skills</strong><br>UX designer : écoute, observation, patience, réactivité<br>UI designer : créativité, précision, attention portée aux détails</li>\n</ul>\n<p>&nbsp;</p>\n<h2>UX/UI : lA COLLABORATION EN&nbsp;symbiose</h2>\n<p style=\"text-align: justify;\">Bien que ces deux disciplines soient bien distinctes,&nbsp;<strong>l’UX et l’UI sont complémentaires</strong> et nécessaires pour pouvoir créer une bonne expérience utilisateur. Ces deux aspects du design ne devraient jamais être considérés de manière isolée. Une interface utilisateur attrayante (UI) doit également offrir une expérience utilisateur satisfaisante (UX), et vice versa.&nbsp;<br><br>C’est pour cette raison qu’une grande partie des entreprises recherchent plutôt des profils \"UI/UX Designer\" capable de conceptualiser et de designer et de pouvoir ainsi couvrir l'intégralité du scope.<br><br>En faisant preuve de ces deux compétences, l’UX/UI designer est en mesure de créer une interface qui répond aux critères du&nbsp;&nbsp;<a href=\"https://www.seo.fr/definition/responsive-design\" style=\"font-weight: bold;\">responsive design</a><span style=\"font-weight: bold;\">.</span> Il va donc être capable de créer une application utilisable et accessible sur toutes les interfaces d’utilisation, quelle que soit la résolution écran.</p>\n<p style=\"text-align: justify;\">&nbsp;</p>\n<h2>EN résumé</h2>\n<p style=\"text-align: justify;\">Si, après cet article, la différence entre UX/UI vous paraît encore confuse, voici un bref résumé :</p>\n<p style=\"text-align: justify;\"><strong>L’UX designer va être responsable de l’expérience utilisateur dans son entièreté</strong>&nbsp;et de la compréhension des besoins utilisateurs, et va également contribuer à trouver des solutions pour améliorer cette expérience.</p>\n<p style=\"text-align: justify;\"><strong>L’UI designer va, quant à lui, contribuer à l’expérience visuelle des utilisateurs</strong> en représentant les idées de l’UX designer tout en facilitant l’utilisation et l’accessibilité de l’interface, en aidant les utilisateurs à comprendre comment utiliser l’interface et en les guidant à travers elle.</p>\n<p>&nbsp;</p>\n<p>Si vous envisagez une carrière dans le design, il est important de développer des compétences dans les deux domaines. Consultez notre fiche métier <a href=\"/fr-fr/metiers/designer-ux-ui\" rel=\"noopener\"><span style=\"font-weight: bold;\">UI/UX Designer</span></a> et rejoignez notre <a href=\"/fr-fr/formations-ux/formation-ux-ui-designer-alternance\" rel=\"noopener\"><span style=\"font-weight: bold;\">formation en alternance de 15 mois</span></a>. <img src=\"https://www.wildcodeschool.com/uploads/8b21c4feb6628100920748cfbed025e2.png-M%C3%A9lanie%20Coltel%20-%20Blog%20article%20signatures.png\" width=\"0\" height=\"0\" loading=\"lazy\"></p>", "rss_summary" : "<p style=\"text-align: justify;\">Vous vous êtes déjà retrouvés face à un site internet avec des milliers d’informations sans trouver réponse à votre question ? À une application mobile qui bugue ? Une interface avec des visuels entrecoupés ?... Ou bien vous vous êtes déjà surpris à rester un bon moment à admirer le design d’une application web ou mobile ? Félicitations, vous avez vécu une expérience utilisateur réussie ! Mais que se cache-t-il derrière cette expérience ? Mais, quelle est la différence entre UI et UX Design ? Et pourquoi sont-ils si importants dans le monde du design ?</p>\n", "rss_body" : "<p style=\"text-align: justify;\">Vous vous êtes déjà retrouvés face à un site internet avec des milliers d’informations sans trouver réponse à votre question ? À une application mobile qui bugue ? Une interface avec des visuels entrecoupés ?... Ou bien vous vous êtes déjà surpris à rester un bon moment à admirer le design d’une application web ou mobile ? Félicitations, vous avez vécu une expérience utilisateur réussie ! Mais que se cache-t-il derrière cette expérience ? Mais, quelle est la différence entre UI et UX Design ? Et pourquoi sont-ils si importants dans le monde du design ?</p>\n<!--more-->\n<h2>Qu’est-ce que l’UX/UI ?</h2>\n<p style=\"text-align: justify;\">La<strong> transformation digitale</strong>, au coeur des entreprises depuis un bon nombre d'année, a révélé au grand jour, l'importance d'avoir une <span style=\"font-weight: bold;\">expérience utilisateur</span> agréable. En effet, nous utilisons grand nombre d'interfaces numériques au quotidien, et l’expérience utilisateur (ce que l’on vit lorsque l’on surfe sur ces dernières) est primordiale. A l'image des démarches “customer centric” (axées sur le client), les entreprises doivent à tout prix penser à ce que nous, internautes et utilisateurs, vivons à travers leur interface en ligne, en nous plaçant au centre de leurs stratégies ! C’est LÀ que l’<strong>UX/UI</strong>&nbsp;interviennent.<br><br>Et oui ! Une mauvaise expérience utilisateur aura tendance à susciter la lassitude des utilisateurs, voire l’abandon direct de ceux-ci. <a href=\"https://syllabus.wildcodeschool.com/fr/web-designer-graphiste-full-time\"><img src=\"https://www.wildcodeschool.com/uploads/39e463b587bee04c6cb0a1a61fce663e.png-7.png\" width=\"0\" height=\"0\" loading=\"lazy\"></a></p>\n<h3>Qu’est-ce qu’une expérience utilisateur ?</h3>\n<p style=\"text-align: justify;\">L’expérience utilisateur est donc l’expérience que l’on vit lorsque l’on navigue sur une interface numérique. Lorsque nous expérimentons quelque chose, il y a plusieurs “critères” à prendre en compte :</p>\n<ul>\n<li><strong>Notre ressenti</strong> :&nbsp;<em>Comment est-ce que je me sens en naviguant sur cette interface ? Est-ce que j’aime la façon dont les choses sont présentées ?</em></li>\n<li>Notre environnement :&nbsp;<em>Est-ce que l’environnement qui m’entoure est propice à une expérience utilisateur réussie ?</em></li>\n<li><strong>Notre besoin et nos motivations</strong> :&nbsp;<em>De quoi ai-je besoin ? Quelle est l’information que je recherche et comment y parvenir ?</em></li>\n<li><strong>Les interactions</strong> offertes par le site internet ou l’application mobile :&nbsp;<em>Quand j’appuie ici, qu’est-ce que ça donne ? Quelle action sera engendrée ?</em></li>\n</ul>\n<p style=\"text-align: justify;\">L’UX design place une grande importance dans le fait d’offrir une interface accessible, graphiquement qualitative, fonctionnelle, pratique et ergonomique&nbsp;!<strong>&nbsp;</strong>Il faut donner envie à l’utilisateur d’y rester et de découvrir les moindres recoins de l’application web ou mobile... mais pas que ! Celle-ci doit lui permettre de trouver rapidement l’information qu’il cherche, afficher une image de marque forte et positive alignée avec une identité visuelle de qualité, présenter des fonctionnalités originales et authentiques...<br><br></p>\n<h3>Qu’est-ce que l’UX design ?</h3>\n<p style=\"text-align: justify;\">On parle d’<strong>UX design</strong>&nbsp;(user experience design) pour définir&nbsp;<strong>le design de l’expérience utilisateur.</strong> Par “design”, on entend surtout la “conception” de l’expérience utilisateur plutôt que la création visuelle. Le rôle d’un UX designer va être de penser, réfléchir et concevoir non seulement le produit - <em>donc l’interface utilisateur</em> - mais également l’expérience utilisateur qui en découle. Imaginez que vous construisez une maison, l'UX Design concerne l'agencement des pièces, la facilité de navigation à l'intérieur de la maison et la satisfaction générale que l'utilisateur ressent en y vivant.<br><br><strong>Pour faire de l’UX design, il faut prendre en compte les attentes, les besoins et les éventuelles envies des utilisateurs.</strong><br><br></p>\n<h3>Qu’est-ce que l’UI design ?</h3>\n<p style=\"text-align: justify;\"><span style=\"font-weight: normal;\">On situe </span><strong>l’UI design dans la phase de mise en place</strong>&nbsp;(<em>implement</em>) : c’est l’étape où les idées et prototypes des UX designers prennent vie. Lorsque l’on parle d’<strong>UI design</strong>&nbsp;(<em>user interface design</em>), on fait référence au&nbsp;<strong>design de l’interface utilisateur - et donc à l’expérience esthétique qui en découle.</strong></p>\n<p style=\"text-align: justify;\">Le rôle de l’UI designer va être de se pencher plutôt sur les aspects graphiques et visuels de l’interface, donc les éléments perceptibles par l’utilisateur. Cela inclut les boutons, les menus, les icônes, les couleurs, les polices de caractères, les images, et bien plus encore. En résumé, l'UI Design vise à rendre l'interface aussi belle et intuitive que possible pour les utilisateurs. Pensez à la maison que nous avons évoquée plus tôt. L'UI Design équivaut à la décoration intérieure, aux meubles et aux couleurs des murs. Cela crée une atmosphère agréable et fonctionnelle à l'intérieur de la maison.</p>\n<p style=\"text-align: justify;\">&nbsp;</p>\n<h2>Quelle est la différence entre UX et UI ?</h2>\n<p style=\"text-align: justify;\">Alors que l’UI se concentre sur la conception visuelle : toute la partie visible à l'œil de l’utilisateur avec…</p>\n<ul>\n<li>le design graphique : icônes, formes et images pour donner du sens aux actions de l’utilisateur</li>\n<li>les couleurs de l’interface, des illustrations, des boutons, des textes...</li>\n<li>la typographie : polices, gras, souligné…</li>\n<li>la mise en page de la page : espaces entre les blocs, nombre d’éléments sur l’interface graphique...</li>\n</ul>\n<p style=\"text-align: justify;\"><strong>… l’UX représente ce qu’on appelle la “science de l’utilisateur”</strong>, donc tout ce qui touche à :</p>\n<ul>\n<li>la stratégie</li>\n<li>la compréhension du besoin utilisateur</li>\n<li>la constitution de prototypes, de scénarios, etc.</li>\n</ul>\n<p><br>L’UX est un peu comme la partie cachée de l’iceberg.</p>\n<p>&nbsp;</p>\n<h3>UX designer vs UI designer : les compétences clés</h3>\n<ul>\n<li><strong>Travail d’équipe vs travail autonome</strong><br>L’UX designer va avoir tendance à travailler avec beaucoup de personnes et différents services, dans des activités collaboratives qui amènent à la réflexion autour de l’expérience en elle-même. L’UI designer travaillera quant à lui de façon plus “autonome”, même s’il sera en interaction constante avec le chef de projet et l’UX designer.<br><br></li>\n<li><strong>Le scope du projet</strong><br>L’UX designer va surtout s’intéresser à la situation dans son ensemble et au problème général, tandis que l’UI designer se concentrera sur les détails, peaufinera l’interface de fond en comble, et apportera les dernières touches pour rendre l’expérience la plus qualitative possible !<br><br></li>\n<li><strong>Les soft-skills</strong><br>UX designer : écoute, observation, patience, réactivité<br>UI designer : créativité, précision, attention portée aux détails</li>\n</ul>\n<p>&nbsp;</p>\n<h2>UX/UI : lA COLLABORATION EN&nbsp;symbiose</h2>\n<p style=\"text-align: justify;\">Bien que ces deux disciplines soient bien distinctes,&nbsp;<strong>l’UX et l’UI sont complémentaires</strong> et nécessaires pour pouvoir créer une bonne expérience utilisateur. Ces deux aspects du design ne devraient jamais être considérés de manière isolée. Une interface utilisateur attrayante (UI) doit également offrir une expérience utilisateur satisfaisante (UX), et vice versa.&nbsp;<br><br>C’est pour cette raison qu’une grande partie des entreprises recherchent plutôt des profils \"UI/UX Designer\" capable de conceptualiser et de designer et de pouvoir ainsi couvrir l'intégralité du scope.<br><br>En faisant preuve de ces deux compétences, l’UX/UI designer est en mesure de créer une interface qui répond aux critères du&nbsp;&nbsp;<a href=\"https://www.seo.fr/definition/responsive-design\" style=\"font-weight: bold;\">responsive design</a><span style=\"font-weight: bold;\">.</span> Il va donc être capable de créer une application utilisable et accessible sur toutes les interfaces d’utilisation, quelle que soit la résolution écran.</p>\n<p style=\"text-align: justify;\">&nbsp;</p>\n<h2>EN résumé</h2>\n<p style=\"text-align: justify;\">Si, après cet article, la différence entre UX/UI vous paraît encore confuse, voici un bref résumé :</p>\n<p style=\"text-align: justify;\"><strong>L’UX designer va être responsable de l’expérience utilisateur dans son entièreté</strong>&nbsp;et de la compréhension des besoins utilisateurs, et va également contribuer à trouver des solutions pour améliorer cette expérience.</p>\n<p style=\"text-align: justify;\"><strong>L’UI designer va, quant à lui, contribuer à l’expérience visuelle des utilisateurs</strong> en représentant les idées de l’UX designer tout en facilitant l’utilisation et l’accessibilité de l’interface, en aidant les utilisateurs à comprendre comment utiliser l’interface et en les guidant à travers elle.</p>\n<p>&nbsp;</p>\n<p>Si vous envisagez une carrière dans le design, il est important de développer des compétences dans les deux domaines. Consultez notre fiche métier <a href=\"/fr-fr/metiers/designer-ux-ui\" rel=\"noopener\"><span style=\"font-weight: bold;\">UI/UX Designer</span></a> et rejoignez notre <a href=\"/fr-fr/formations-ux/formation-ux-ui-designer-alternance\" rel=\"noopener\"><span style=\"font-weight: bold;\">formation en alternance de 15 mois</span></a>. <img src=\"https://www.wildcodeschool.com/uploads/8b21c4feb6628100920748cfbed025e2.png-M%C3%A9lanie%20Coltel%20-%20Blog%20article%20signatures.png\" width=\"0\" height=\"0\" loading=\"lazy\"></p>", "tag_ids" : [ 103173212305, 116313955723 ], "topic_ids" : [ 103173212305, 116313955723 ], "blog_post_schedule_task_uid" : null, "blog_publish_to_social_media_task" : "DONE_NOT_SENT", "blog_publish_instant_email_task_uid" : null, "blog_publish_instant_email_campaign_id" : null, "blog_publish_instant_email_retry_count" : null, "keywords" : [ ], "head_html" : null, "footer_html" : null, "attached_stylesheets" : [ ], "enable_domain_stylesheets" : null, "include_default_custom_css" : null, "meta_description" : "Vous êtes déjà tombés amoureux du design d’une application web ou mobile ? Félicitations, vous avez vécu une expérience utilisateur réussie ! Mais que se cache-t-il derrière cette expérience ? Qu’est-ce que l’UX/UI, précisément ? Nous allons le découvrir à travers cet article !", "meta_keywords" : null, "layout_sections" : { }, "past_mab_experiment_ids" : [ ], "deleted_by" : null, "featured_image_alt_text" : "", "enable_layout_stylesheets" : null, "tweet" : null, "tweet_at" : null, "campaign_name" : null, "campaign_utm" : null, "tweet_immediately" : false, "publish_immediately" : false, "security_state" : "NONE", "scheduled_update_date" : 0, "placement_guids" : [ ], "property_for_dynamic_page_title" : null, "property_for_dynamic_page_slug" : null, "property_for_dynamic_page_meta_description" : null, "property_for_dynamic_page_featured_image" : null, "property_for_dynamic_page_canonical_url" : null, "preview_image_src" : null, "legacy_blog_tabid" : null, "legacy_post_guid" : null, "performable_variation_letter" : null, "style_override_id" : null, "has_user_changes" : true, "css" : { }, "css_text" : "", "unpublished_at" : 0, "published_by_id" : 45219617, "allowed_slug_conflict" : false, "ai_features" : null, "link_rel_canonical_url" : null, "page_redirected" : false, "page_expiry_enabled" : null, "page_expiry_date" : null, "page_expiry_redirect_id" : null, "page_expiry_redirect_url" : null, "deleted_by_id" : null, "state_when_deleted" : null, "cloned_from" : null, "staged_from" : null, "personas" : [ ], "compose_body" : null, "featured_image" : "https://2902314.fs1.hubspotusercontent-na1.net/hubfs/2902314/QUELLES%20DIFFERENCES%20ENTRE%20UI_UX%20_.png", "featured_image_width" : 8000, "featured_image_height" : 5333, "publish_timezone_offset" : null, "theme_settings_values" : null, "password" : null, "header" : null, "published_at" : 1699263869213, "last_edit_session_id" : null, "last_edit_update_id" : null, "created_by_agent" : null }, "metaDescription" : "Vous êtes déjà tombés amoureux du design d’une application web ou mobile ? Félicitations, vous avez vécu une expérience utilisateur réussie ! Mais que se cache-t-il derrière cette expérience ? Qu’est-ce que l’UX/UI, précisément ? Nous allons le découvrir à travers cet article !", "metaKeywords" : null, "name" : "Quelles différences entre UI et UX Design ?", "nextPostFeaturedImage" : "https://2902314.fs1.hubspotusercontent-na1.net/hubfs/2902314/APPRENDRE%20FIGMA%20POUR%20DEVENIR%20GRAPHIC%20DESIGNER.png", "nextPostFeaturedImageAltText" : "", "nextPostName" : "Apprendre Figma pour devenir graphic designer", "nextPostSlug" : "fr-fr/blog/apprendre-figma-pour-devenir-graphic-designer", "pageExpiryDate" : null, "pageExpiryEnabled" : null, "pageExpiryRedirectId" : null, "pageExpiryRedirectUrl" : null, "pageRedirected" : false, "pageTitle" : "Quelles différences entre UI et UX Design ?", "parentBlog" : { "absoluteUrl" : "https://www.wildcodeschool.com/fr-fr/blog", "allowComments" : false, "ampBodyColor" : "#404040", "ampBodyFont" : "'Helvetica Neue', Helvetica, Arial, sans-serif", "ampBodyFontSize" : "18", "ampCustomCss" : "", "ampHeaderBackgroundColor" : "#ffffff", "ampHeaderColor" : "#1e1e1e", "ampHeaderFont" : "'Helvetica Neue', Helvetica, Arial, sans-serif", "ampHeaderFontSize" : "36", "ampLinkColor" : "#416bb3", "ampLogoAlt" : "", "ampLogoHeight" : 0, "ampLogoSrc" : "", "ampLogoWidth" : 0, "analyticsPageId" : 103175636270, "attachedStylesheets" : [ ], "audienceAccess" : "PUBLIC", "businessUnitId" : null, "captchaAfterDays" : 7, "captchaAlways" : false, "categoryId" : 3, "cdnPurgeEmbargoTime" : null, "closeCommentsOlder" : 0, "commentDateFormat" : "medium", "commentFormGuid" : "c7bc1329-e868-4cf0-9b1c-23d0a756caa6", "commentMaxThreadDepth" : 1, "commentModeration" : false, "commentNotificationEmails" : [ ], "commentShouldCreateContact" : false, "commentVerificationText" : "", "cosObjectType" : "BLOG", "created" : 1676891663653, "createdDateTime" : 1676891663653, "dailyNotificationEmailId" : null, "dateFormattingLanguage" : null, "defaultGroupStyleId" : "", "defaultNotificationFromName" : "", "defaultNotificationReplyTo" : "", "deletedAt" : 0, "description" : "Faites le plein d'informations liées aux métiers de la tech.", "domain" : "", "domainWhenPublished" : "www.wildcodeschool.com", "emailApiSubscriptionId" : null, "enableGoogleAmpOutput" : true, "enableSocialAutoPublishing" : false, "generateJsonLdEnabled" : true, "header" : null, "htmlFooter" : "", "htmlFooterIsShared" : true, "htmlHead" : "", "htmlHeadIsShared" : true, "htmlKeywords" : [ ], "htmlTitle" : "Le blog de la Wild Code School - Wild Code School", "id" : 103175636270, "ilsSubscriptionListsByType" : { }, "instantNotificationEmailId" : null, "itemLayoutId" : null, "itemTemplateIsShared" : false, "itemTemplatePath" : "MarkentivexWCS/templates/blog-post.html", "label" : "Blog", "language" : "fr-fr", "legacyGuid" : null, "legacyModuleId" : null, "legacyTabId" : null, "listingLayoutId" : null, "listingPageId" : 103175636271, "listingTemplatePath" : "", "liveDomain" : "www.wildcodeschool.com", "monthFilterFormat" : "MMMM yyyy", "monthlyNotificationEmailId" : null, "name" : "Blog", "parentBlogUpdateTaskId" : null, "portalId" : 2902314, "postHtmlFooter" : "", "postHtmlHead" : "", "postsPerListingPage" : 9, "postsPerRssFeed" : 10, "publicAccessRules" : [ ], "publicAccessRulesEnabled" : false, "publicTitle" : "Blog", "publishDateFormat" : "dd/MM/YYYY", "resolvedDomain" : "www.wildcodeschool.com", "rootUrl" : "https://www.wildcodeschool.com/fr-fr/blog", "rssCustomFeed" : null, "rssDescription" : null, "rssItemFooter" : null, "rssItemHeader" : null, "settingsOverrides" : { "itemLayoutId" : false, "itemTemplatePath" : false, "itemTemplateIsShared" : false, "listingLayoutId" : false, "listingTemplatePath" : false, "postsPerListingPage" : false, "showSummaryInListing" : false, "useFeaturedImageInSummary" : false, "htmlHead" : false, "postHtmlHead" : false, "htmlHeadIsShared" : false, "htmlFooter" : false, "listingPageHtmlFooter" : false, "postHtmlFooter" : false, "htmlFooterIsShared" : false, "attachedStylesheets" : false, "postsPerRssFeed" : false, "showSummaryInRss" : false, "showSummaryInEmails" : false, "showSummariesInEmails" : false, "allowComments" : false, "commentShouldCreateContact" : false, "commentModeration" : false, "closeCommentsOlder" : false, "commentNotificationEmails" : false, "commentMaxThreadDepth" : false, "commentVerificationText" : false, "socialAccountTwitter" : false, "showSocialLinkTwitter" : false, "showSocialLinkLinkedin" : false, "showSocialLinkFacebook" : false, "enableGoogleAmpOutput" : false, "ampLogoSrc" : false, "ampLogoHeight" : false, "ampLogoWidth" : false, "ampLogoAlt" : false, "ampHeaderFont" : false, "ampHeaderFontSize" : false, "ampHeaderColor" : false, "ampHeaderBackgroundColor" : false, "ampBodyFont" : false, "ampBodyFontSize" : false, "ampBodyColor" : false, "ampLinkColor" : false, "generateJsonLdEnabled" : false }, "showSocialLinkFacebook" : true, "showSocialLinkLinkedin" : true, "showSocialLinkTwitter" : true, "showSummaryInEmails" : true, "showSummaryInListing" : true, "showSummaryInRss" : true, "siteId" : null, "slug" : "fr-fr/blog", "socialAccountTwitter" : "", "state" : null, "subscriptionContactsProperty" : null, "subscriptionEmailType" : null, "subscriptionFormGuid" : null, "subscriptionListsByType" : { }, "title" : null, "translatedFromId" : null, "translations" : { "de-de" : { "absoluteUrl" : "https://www.wildcodeschool.com/de-de/blog", "id" : 103176710277, "language" : "de-de", "masterId" : 103175636270, "name" : "Blog", "publicAccessRules" : [ ], "publicAccessRulesEnabled" : false, "slug" : "de-de/blog" }, "en-gb" : { "absoluteUrl" : "https://www.wildcodeschool.com/en-gb/blog", "id" : 103176710275, "language" : "en-gb", "masterId" : 103175636270, "name" : "Blog", "publicAccessRules" : [ ], "publicAccessRulesEnabled" : false, "slug" : "en-gb/blog" }, "es-es" : { "absoluteUrl" : "https://www.wildcodeschool.com/es-es/blog", "id" : 103176710278, "language" : "es-es", "masterId" : 103175636270, "name" : "Blog", "publicAccessRules" : [ ], "publicAccessRulesEnabled" : false, "slug" : "es-es/blog" }, "pt-pt" : { "absoluteUrl" : "https://www.wildcodeschool.com/pt-pt/blog", "id" : 103176710276, "language" : "pt-pt", "masterId" : 103175636270, "name" : "Blog", "publicAccessRules" : [ ], "publicAccessRulesEnabled" : false, "slug" : "pt-pt/blog" } }, "updated" : 1726755591366, "updatedDateTime" : 1726755591366, "urlBase" : "www.wildcodeschool.com/fr-fr/blog", "urlSegments" : { "all" : "all", "archive" : "archive", "author" : "author", "page" : "page", "tag" : "tag" }, "useFeaturedImageInSummary" : true, "usesDefaultTemplate" : false, "weeklyNotificationEmailId" : null }, "password" : null, "pastMabExperimentIds" : [ ], "performableGuid" : null, "performableVariationLetter" : null, "personas" : [ ], "placementGuids" : [ ], "portableKey" : null, "portalId" : 2902314, "position" : null, "postBody" : "<p style=\"text-align: justify;\">Vous vous êtes déjà retrouvés face à un site internet avec des milliers d’informations sans trouver réponse à votre question ? À une application mobile qui bugue ? Une interface avec des visuels entrecoupés ?... Ou bien vous vous êtes déjà surpris à rester un bon moment à admirer le design d’une application web ou mobile ? Félicitations, vous avez vécu une expérience utilisateur réussie ! Mais que se cache-t-il derrière cette expérience ? Mais, quelle est la différence entre UI et UX Design ? Et pourquoi sont-ils si importants dans le monde du design ?</p>\n<!--more-->\n<h2>Qu’est-ce que l’UX/UI ?</h2>\n<p style=\"text-align: justify;\">La<strong> transformation digitale</strong>, au coeur des entreprises depuis un bon nombre d'année, a révélé au grand jour, l'importance d'avoir une <span style=\"font-weight: bold;\">expérience utilisateur</span> agréable. En effet, nous utilisons grand nombre d'interfaces numériques au quotidien, et l’expérience utilisateur (ce que l’on vit lorsque l’on surfe sur ces dernières) est primordiale. A l'image des démarches “customer centric” (axées sur le client), les entreprises doivent à tout prix penser à ce que nous, internautes et utilisateurs, vivons à travers leur interface en ligne, en nous plaçant au centre de leurs stratégies ! C’est LÀ que l’<strong>UX/UI</strong>&nbsp;interviennent.<br><br>Et oui ! Une mauvaise expérience utilisateur aura tendance à susciter la lassitude des utilisateurs, voire l’abandon direct de ceux-ci. <a href=\"https://syllabus.wildcodeschool.com/fr/web-designer-graphiste-full-time\"><img src=\"https://www.wildcodeschool.com/uploads/39e463b587bee04c6cb0a1a61fce663e.png-7.png\" width=\"0\" height=\"0\" loading=\"lazy\"></a></p>\n<h3>Qu’est-ce qu’une expérience utilisateur ?</h3>\n<p style=\"text-align: justify;\">L’expérience utilisateur est donc l’expérience que l’on vit lorsque l’on navigue sur une interface numérique. Lorsque nous expérimentons quelque chose, il y a plusieurs “critères” à prendre en compte :</p>\n<ul>\n<li><strong>Notre ressenti</strong> :&nbsp;<em>Comment est-ce que je me sens en naviguant sur cette interface ? Est-ce que j’aime la façon dont les choses sont présentées ?</em></li>\n<li>Notre environnement :&nbsp;<em>Est-ce que l’environnement qui m’entoure est propice à une expérience utilisateur réussie ?</em></li>\n<li><strong>Notre besoin et nos motivations</strong> :&nbsp;<em>De quoi ai-je besoin ? Quelle est l’information que je recherche et comment y parvenir ?</em></li>\n<li><strong>Les interactions</strong> offertes par le site internet ou l’application mobile :&nbsp;<em>Quand j’appuie ici, qu’est-ce que ça donne ? Quelle action sera engendrée ?</em></li>\n</ul>\n<p style=\"text-align: justify;\">L’UX design place une grande importance dans le fait d’offrir une interface accessible, graphiquement qualitative, fonctionnelle, pratique et ergonomique&nbsp;!<strong>&nbsp;</strong>Il faut donner envie à l’utilisateur d’y rester et de découvrir les moindres recoins de l’application web ou mobile... mais pas que ! Celle-ci doit lui permettre de trouver rapidement l’information qu’il cherche, afficher une image de marque forte et positive alignée avec une identité visuelle de qualité, présenter des fonctionnalités originales et authentiques...<br><br></p>\n<h3>Qu’est-ce que l’UX design ?</h3>\n<p style=\"text-align: justify;\">On parle d’<strong>UX design</strong>&nbsp;(user experience design) pour définir&nbsp;<strong>le design de l’expérience utilisateur.</strong> Par “design”, on entend surtout la “conception” de l’expérience utilisateur plutôt que la création visuelle. Le rôle d’un UX designer va être de penser, réfléchir et concevoir non seulement le produit - <em>donc l’interface utilisateur</em> - mais également l’expérience utilisateur qui en découle. Imaginez que vous construisez une maison, l'UX Design concerne l'agencement des pièces, la facilité de navigation à l'intérieur de la maison et la satisfaction générale que l'utilisateur ressent en y vivant.<br><br><strong>Pour faire de l’UX design, il faut prendre en compte les attentes, les besoins et les éventuelles envies des utilisateurs.</strong><br><br></p>\n<h3>Qu’est-ce que l’UI design ?</h3>\n<p style=\"text-align: justify;\"><span style=\"font-weight: normal;\">On situe </span><strong>l’UI design dans la phase de mise en place</strong>&nbsp;(<em>implement</em>) : c’est l’étape où les idées et prototypes des UX designers prennent vie. Lorsque l’on parle d’<strong>UI design</strong>&nbsp;(<em>user interface design</em>), on fait référence au&nbsp;<strong>design de l’interface utilisateur - et donc à l’expérience esthétique qui en découle.</strong></p>\n<p style=\"text-align: justify;\">Le rôle de l’UI designer va être de se pencher plutôt sur les aspects graphiques et visuels de l’interface, donc les éléments perceptibles par l’utilisateur. Cela inclut les boutons, les menus, les icônes, les couleurs, les polices de caractères, les images, et bien plus encore. En résumé, l'UI Design vise à rendre l'interface aussi belle et intuitive que possible pour les utilisateurs. Pensez à la maison que nous avons évoquée plus tôt. L'UI Design équivaut à la décoration intérieure, aux meubles et aux couleurs des murs. Cela crée une atmosphère agréable et fonctionnelle à l'intérieur de la maison.</p>\n<p style=\"text-align: justify;\">&nbsp;</p>\n<h2>Quelle est la différence entre UX et UI ?</h2>\n<p style=\"text-align: justify;\">Alors que l’UI se concentre sur la conception visuelle : toute la partie visible à l'œil de l’utilisateur avec…</p>\n<ul>\n<li>le design graphique : icônes, formes et images pour donner du sens aux actions de l’utilisateur</li>\n<li>les couleurs de l’interface, des illustrations, des boutons, des textes...</li>\n<li>la typographie : polices, gras, souligné…</li>\n<li>la mise en page de la page : espaces entre les blocs, nombre d’éléments sur l’interface graphique...</li>\n</ul>\n<p style=\"text-align: justify;\"><strong>… l’UX représente ce qu’on appelle la “science de l’utilisateur”</strong>, donc tout ce qui touche à :</p>\n<ul>\n<li>la stratégie</li>\n<li>la compréhension du besoin utilisateur</li>\n<li>la constitution de prototypes, de scénarios, etc.</li>\n</ul>\n<p><br>L’UX est un peu comme la partie cachée de l’iceberg.</p>\n<p>&nbsp;</p>\n<h3>UX designer vs UI designer : les compétences clés</h3>\n<ul>\n<li><strong>Travail d’équipe vs travail autonome</strong><br>L’UX designer va avoir tendance à travailler avec beaucoup de personnes et différents services, dans des activités collaboratives qui amènent à la réflexion autour de l’expérience en elle-même. L’UI designer travaillera quant à lui de façon plus “autonome”, même s’il sera en interaction constante avec le chef de projet et l’UX designer.<br><br></li>\n<li><strong>Le scope du projet</strong><br>L’UX designer va surtout s’intéresser à la situation dans son ensemble et au problème général, tandis que l’UI designer se concentrera sur les détails, peaufinera l’interface de fond en comble, et apportera les dernières touches pour rendre l’expérience la plus qualitative possible !<br><br></li>\n<li><strong>Les soft-skills</strong><br>UX designer : écoute, observation, patience, réactivité<br>UI designer : créativité, précision, attention portée aux détails</li>\n</ul>\n<p>&nbsp;</p>\n<h2>UX/UI : lA COLLABORATION EN&nbsp;symbiose</h2>\n<p style=\"text-align: justify;\">Bien que ces deux disciplines soient bien distinctes,&nbsp;<strong>l’UX et l’UI sont complémentaires</strong> et nécessaires pour pouvoir créer une bonne expérience utilisateur. Ces deux aspects du design ne devraient jamais être considérés de manière isolée. Une interface utilisateur attrayante (UI) doit également offrir une expérience utilisateur satisfaisante (UX), et vice versa.&nbsp;<br><br>C’est pour cette raison qu’une grande partie des entreprises recherchent plutôt des profils \"UI/UX Designer\" capable de conceptualiser et de designer et de pouvoir ainsi couvrir l'intégralité du scope.<br><br>En faisant preuve de ces deux compétences, l’UX/UI designer est en mesure de créer une interface qui répond aux critères du&nbsp;&nbsp;<a href=\"https://www.seo.fr/definition/responsive-design\" style=\"font-weight: bold;\">responsive design</a><span style=\"font-weight: bold;\">.</span> Il va donc être capable de créer une application utilisable et accessible sur toutes les interfaces d’utilisation, quelle que soit la résolution écran.</p>\n<p style=\"text-align: justify;\">&nbsp;</p>\n<h2>EN résumé</h2>\n<p style=\"text-align: justify;\">Si, après cet article, la différence entre UX/UI vous paraît encore confuse, voici un bref résumé :</p>\n<p style=\"text-align: justify;\"><strong>L’UX designer va être responsable de l’expérience utilisateur dans son entièreté</strong>&nbsp;et de la compréhension des besoins utilisateurs, et va également contribuer à trouver des solutions pour améliorer cette expérience.</p>\n<p style=\"text-align: justify;\"><strong>L’UI designer va, quant à lui, contribuer à l’expérience visuelle des utilisateurs</strong> en représentant les idées de l’UX designer tout en facilitant l’utilisation et l’accessibilité de l’interface, en aidant les utilisateurs à comprendre comment utiliser l’interface et en les guidant à travers elle.</p>\n<p>&nbsp;</p>\n<p>Si vous envisagez une carrière dans le design, il est important de développer des compétences dans les deux domaines. Consultez notre fiche métier <a href=\"/fr-fr/metiers/designer-ux-ui\" rel=\"noopener\"><span style=\"font-weight: bold;\">UI/UX Designer</span></a> et rejoignez notre <a href=\"/fr-fr/formations-ux/formation-ux-ui-designer-alternance\" rel=\"noopener\"><span style=\"font-weight: bold;\">formation en alternance de 15 mois</span></a>. <img src=\"https://www.wildcodeschool.com/uploads/8b21c4feb6628100920748cfbed025e2.png-M%C3%A9lanie%20Coltel%20-%20Blog%20article%20signatures.png\" width=\"0\" height=\"0\" loading=\"lazy\"></p>", "postBodyRss" : "<p style=\"text-align: justify;\">Vous vous êtes déjà retrouvés face à un site internet avec des milliers d’informations sans trouver réponse à votre question ? À une application mobile qui bugue ? Une interface avec des visuels entrecoupés ?... Ou bien vous vous êtes déjà surpris à rester un bon moment à admirer le design d’une application web ou mobile ? Félicitations, vous avez vécu une expérience utilisateur réussie ! Mais que se cache-t-il derrière cette expérience ? Mais, quelle est la différence entre UI et UX Design ? Et pourquoi sont-ils si importants dans le monde du design ?</p>\n<!--more-->\n<h2>Qu’est-ce que l’UX/UI ?</h2>\n<p style=\"text-align: justify;\">La<strong> transformation digitale</strong>, au coeur des entreprises depuis un bon nombre d'année, a révélé au grand jour, l'importance d'avoir une <span style=\"font-weight: bold;\">expérience utilisateur</span> agréable. En effet, nous utilisons grand nombre d'interfaces numériques au quotidien, et l’expérience utilisateur (ce que l’on vit lorsque l’on surfe sur ces dernières) est primordiale. A l'image des démarches “customer centric” (axées sur le client), les entreprises doivent à tout prix penser à ce que nous, internautes et utilisateurs, vivons à travers leur interface en ligne, en nous plaçant au centre de leurs stratégies ! C’est LÀ que l’<strong>UX/UI</strong>&nbsp;interviennent.<br><br>Et oui ! Une mauvaise expérience utilisateur aura tendance à susciter la lassitude des utilisateurs, voire l’abandon direct de ceux-ci. <a href=\"https://syllabus.wildcodeschool.com/fr/web-designer-graphiste-full-time\"><img src=\"https://www.wildcodeschool.com/uploads/39e463b587bee04c6cb0a1a61fce663e.png-7.png\" width=\"0\" height=\"0\" loading=\"lazy\"></a></p>\n<h3>Qu’est-ce qu’une expérience utilisateur ?</h3>\n<p style=\"text-align: justify;\">L’expérience utilisateur est donc l’expérience que l’on vit lorsque l’on navigue sur une interface numérique. Lorsque nous expérimentons quelque chose, il y a plusieurs “critères” à prendre en compte :</p>\n<ul>\n<li><strong>Notre ressenti</strong> :&nbsp;<em>Comment est-ce que je me sens en naviguant sur cette interface ? Est-ce que j’aime la façon dont les choses sont présentées ?</em></li>\n<li>Notre environnement :&nbsp;<em>Est-ce que l’environnement qui m’entoure est propice à une expérience utilisateur réussie ?</em></li>\n<li><strong>Notre besoin et nos motivations</strong> :&nbsp;<em>De quoi ai-je besoin ? Quelle est l’information que je recherche et comment y parvenir ?</em></li>\n<li><strong>Les interactions</strong> offertes par le site internet ou l’application mobile :&nbsp;<em>Quand j’appuie ici, qu’est-ce que ça donne ? Quelle action sera engendrée ?</em></li>\n</ul>\n<p style=\"text-align: justify;\">L’UX design place une grande importance dans le fait d’offrir une interface accessible, graphiquement qualitative, fonctionnelle, pratique et ergonomique&nbsp;!<strong>&nbsp;</strong>Il faut donner envie à l’utilisateur d’y rester et de découvrir les moindres recoins de l’application web ou mobile... mais pas que ! Celle-ci doit lui permettre de trouver rapidement l’information qu’il cherche, afficher une image de marque forte et positive alignée avec une identité visuelle de qualité, présenter des fonctionnalités originales et authentiques...<br><br></p>\n<h3>Qu’est-ce que l’UX design ?</h3>\n<p style=\"text-align: justify;\">On parle d’<strong>UX design</strong>&nbsp;(user experience design) pour définir&nbsp;<strong>le design de l’expérience utilisateur.</strong> Par “design”, on entend surtout la “conception” de l’expérience utilisateur plutôt que la création visuelle. Le rôle d’un UX designer va être de penser, réfléchir et concevoir non seulement le produit - <em>donc l’interface utilisateur</em> - mais également l’expérience utilisateur qui en découle. Imaginez que vous construisez une maison, l'UX Design concerne l'agencement des pièces, la facilité de navigation à l'intérieur de la maison et la satisfaction générale que l'utilisateur ressent en y vivant.<br><br><strong>Pour faire de l’UX design, il faut prendre en compte les attentes, les besoins et les éventuelles envies des utilisateurs.</strong><br><br></p>\n<h3>Qu’est-ce que l’UI design ?</h3>\n<p style=\"text-align: justify;\"><span style=\"font-weight: normal;\">On situe </span><strong>l’UI design dans la phase de mise en place</strong>&nbsp;(<em>implement</em>) : c’est l’étape où les idées et prototypes des UX designers prennent vie. Lorsque l’on parle d’<strong>UI design</strong>&nbsp;(<em>user interface design</em>), on fait référence au&nbsp;<strong>design de l’interface utilisateur - et donc à l’expérience esthétique qui en découle.</strong></p>\n<p style=\"text-align: justify;\">Le rôle de l’UI designer va être de se pencher plutôt sur les aspects graphiques et visuels de l’interface, donc les éléments perceptibles par l’utilisateur. Cela inclut les boutons, les menus, les icônes, les couleurs, les polices de caractères, les images, et bien plus encore. En résumé, l'UI Design vise à rendre l'interface aussi belle et intuitive que possible pour les utilisateurs. Pensez à la maison que nous avons évoquée plus tôt. L'UI Design équivaut à la décoration intérieure, aux meubles et aux couleurs des murs. Cela crée une atmosphère agréable et fonctionnelle à l'intérieur de la maison.</p>\n<p style=\"text-align: justify;\">&nbsp;</p>\n<h2>Quelle est la différence entre UX et UI ?</h2>\n<p style=\"text-align: justify;\">Alors que l’UI se concentre sur la conception visuelle : toute la partie visible à l'œil de l’utilisateur avec…</p>\n<ul>\n<li>le design graphique : icônes, formes et images pour donner du sens aux actions de l’utilisateur</li>\n<li>les couleurs de l’interface, des illustrations, des boutons, des textes...</li>\n<li>la typographie : polices, gras, souligné…</li>\n<li>la mise en page de la page : espaces entre les blocs, nombre d’éléments sur l’interface graphique...</li>\n</ul>\n<p style=\"text-align: justify;\"><strong>… l’UX représente ce qu’on appelle la “science de l’utilisateur”</strong>, donc tout ce qui touche à :</p>\n<ul>\n<li>la stratégie</li>\n<li>la compréhension du besoin utilisateur</li>\n<li>la constitution de prototypes, de scénarios, etc.</li>\n</ul>\n<p><br>L’UX est un peu comme la partie cachée de l’iceberg.</p>\n<p>&nbsp;</p>\n<h3>UX designer vs UI designer : les compétences clés</h3>\n<ul>\n<li><strong>Travail d’équipe vs travail autonome</strong><br>L’UX designer va avoir tendance à travailler avec beaucoup de personnes et différents services, dans des activités collaboratives qui amènent à la réflexion autour de l’expérience en elle-même. L’UI designer travaillera quant à lui de façon plus “autonome”, même s’il sera en interaction constante avec le chef de projet et l’UX designer.<br><br></li>\n<li><strong>Le scope du projet</strong><br>L’UX designer va surtout s’intéresser à la situation dans son ensemble et au problème général, tandis que l’UI designer se concentrera sur les détails, peaufinera l’interface de fond en comble, et apportera les dernières touches pour rendre l’expérience la plus qualitative possible !<br><br></li>\n<li><strong>Les soft-skills</strong><br>UX designer : écoute, observation, patience, réactivité<br>UI designer : créativité, précision, attention portée aux détails</li>\n</ul>\n<p>&nbsp;</p>\n<h2>UX/UI : lA COLLABORATION EN&nbsp;symbiose</h2>\n<p style=\"text-align: justify;\">Bien que ces deux disciplines soient bien distinctes,&nbsp;<strong>l’UX et l’UI sont complémentaires</strong> et nécessaires pour pouvoir créer une bonne expérience utilisateur. Ces deux aspects du design ne devraient jamais être considérés de manière isolée. Une interface utilisateur attrayante (UI) doit également offrir une expérience utilisateur satisfaisante (UX), et vice versa.&nbsp;<br><br>C’est pour cette raison qu’une grande partie des entreprises recherchent plutôt des profils \"UI/UX Designer\" capable de conceptualiser et de designer et de pouvoir ainsi couvrir l'intégralité du scope.<br><br>En faisant preuve de ces deux compétences, l’UX/UI designer est en mesure de créer une interface qui répond aux critères du&nbsp;&nbsp;<a href=\"https://www.seo.fr/definition/responsive-design\" style=\"font-weight: bold;\">responsive design</a><span style=\"font-weight: bold;\">.</span> Il va donc être capable de créer une application utilisable et accessible sur toutes les interfaces d’utilisation, quelle que soit la résolution écran.</p>\n<p style=\"text-align: justify;\">&nbsp;</p>\n<h2>EN résumé</h2>\n<p style=\"text-align: justify;\">Si, après cet article, la différence entre UX/UI vous paraît encore confuse, voici un bref résumé :</p>\n<p style=\"text-align: justify;\"><strong>L’UX designer va être responsable de l’expérience utilisateur dans son entièreté</strong>&nbsp;et de la compréhension des besoins utilisateurs, et va également contribuer à trouver des solutions pour améliorer cette expérience.</p>\n<p style=\"text-align: justify;\"><strong>L’UI designer va, quant à lui, contribuer à l’expérience visuelle des utilisateurs</strong> en représentant les idées de l’UX designer tout en facilitant l’utilisation et l’accessibilité de l’interface, en aidant les utilisateurs à comprendre comment utiliser l’interface et en les guidant à travers elle.</p>\n<p>&nbsp;</p>\n<p>Si vous envisagez une carrière dans le design, il est important de développer des compétences dans les deux domaines. Consultez notre fiche métier <a href=\"/fr-fr/metiers/designer-ux-ui\" rel=\"noopener\"><span style=\"font-weight: bold;\">UI/UX Designer</span></a> et rejoignez notre <a href=\"/fr-fr/formations-ux/formation-ux-ui-designer-alternance\" rel=\"noopener\"><span style=\"font-weight: bold;\">formation en alternance de 15 mois</span></a>. <img src=\"https://www.wildcodeschool.com/uploads/8b21c4feb6628100920748cfbed025e2.png-M%C3%A9lanie%20Coltel%20-%20Blog%20article%20signatures.png\" width=\"0\" height=\"0\" loading=\"lazy\"></p>", "postEmailContent" : "<p style=\"text-align: justify;\">Vous vous êtes déjà retrouvés face à un site internet avec des milliers d’informations sans trouver réponse à votre question ? À une application mobile qui bugue ? Une interface avec des visuels entrecoupés ?... Ou bien vous vous êtes déjà surpris à rester un bon moment à admirer le design d’une application web ou mobile ? Félicitations, vous avez vécu une expérience utilisateur réussie ! Mais que se cache-t-il derrière cette expérience ? Mais, quelle est la différence entre UI et UX Design ? Et pourquoi sont-ils si importants dans le monde du design ?</p>", "postFeaturedImageIfEnabled" : "https://2902314.fs1.hubspotusercontent-na1.net/hubfs/2902314/QUELLES%20DIFFERENCES%20ENTRE%20UI_UX%20_.png", "postListContent" : "<p style=\"text-align: justify;\">Vous vous êtes déjà retrouvés face à un site internet avec des milliers d’informations sans trouver réponse à votre question ? À une application mobile qui bugue ? Une interface avec des visuels entrecoupés ?... Ou bien vous vous êtes déjà surpris à rester un bon moment à admirer le design d’une application web ou mobile ? Félicitations, vous avez vécu une expérience utilisateur réussie ! Mais que se cache-t-il derrière cette expérience ? Mais, quelle est la différence entre UI et UX Design ? Et pourquoi sont-ils si importants dans le monde du design ?</p>", "postListSummaryFeaturedImage" : "https://2902314.fs1.hubspotusercontent-na1.net/hubfs/2902314/QUELLES%20DIFFERENCES%20ENTRE%20UI_UX%20_.png", "postRssContent" : "<p style=\"text-align: justify;\">Vous vous êtes déjà retrouvés face à un site internet avec des milliers d’informations sans trouver réponse à votre question ? À une application mobile qui bugue ? Une interface avec des visuels entrecoupés ?... Ou bien vous vous êtes déjà surpris à rester un bon moment à admirer le design d’une application web ou mobile ? Félicitations, vous avez vécu une expérience utilisateur réussie ! Mais que se cache-t-il derrière cette expérience ? Mais, quelle est la différence entre UI et UX Design ? Et pourquoi sont-ils si importants dans le monde du design ?</p>", "postRssSummaryFeaturedImage" : "https://2902314.fs1.hubspotusercontent-na1.net/hubfs/2902314/QUELLES%20DIFFERENCES%20ENTRE%20UI_UX%20_.png", "postSummary" : "<p style=\"text-align: justify;\">Vous vous êtes déjà retrouvés face à un site internet avec des milliers d’informations sans trouver réponse à votre question ? À une application mobile qui bugue ? Une interface avec des visuels entrecoupés ?... Ou bien vous vous êtes déjà surpris à rester un bon moment à admirer le design d’une application web ou mobile ? Félicitations, vous avez vécu une expérience utilisateur réussie ! Mais que se cache-t-il derrière cette expérience ? Mais, quelle est la différence entre UI et UX Design ? Et pourquoi sont-ils si importants dans le monde du design ?</p>\n", "postSummaryRss" : "<p style=\"text-align: justify;\">Vous vous êtes déjà retrouvés face à un site internet avec des milliers d’informations sans trouver réponse à votre question ? À une application mobile qui bugue ? Une interface avec des visuels entrecoupés ?... Ou bien vous vous êtes déjà surpris à rester un bon moment à admirer le design d’une application web ou mobile ? Félicitations, vous avez vécu une expérience utilisateur réussie ! Mais que se cache-t-il derrière cette expérience ? Mais, quelle est la différence entre UI et UX Design ? Et pourquoi sont-ils si importants dans le monde du design ?</p>", "postTemplate" : "MarkentivexWCS/templates/blog-post.html", "previewImageSrc" : null, "previewKey" : "mralQmoM", "previousPostFeaturedImage" : "https://2902314.fs1.hubspotusercontent-na1.net/hubfs/2902314/COMMENT%20SE%20RECONVERTIR%20EN%20WEBDESIGNER%20_.png", "previousPostFeaturedImageAltText" : "", "previousPostName" : "Comment se reconvertir en WebDesigner ?", "previousPostSlug" : "fr-fr/blog/comment-se-reconvertir-en-webdesigner", "processingStatus" : "PUBLISHED", "propertyForDynamicPageCanonicalUrl" : null, "propertyForDynamicPageFeaturedImage" : null, "propertyForDynamicPageMetaDescription" : null, "propertyForDynamicPageSlug" : null, "propertyForDynamicPageTitle" : null, "publicAccessRules" : [ ], "publicAccessRulesEnabled" : false, "publishDate" : 1697616000000, "publishDateLocalTime" : 1697616000000, "publishDateLocalized" : { "date" : 1697616000000, "format" : "dd/MM/YYYY", "language" : null }, "publishImmediately" : false, "publishTimezoneOffset" : null, "publishedAt" : 1699263869213, "publishedByEmail" : null, "publishedById" : 45219617, "publishedByName" : null, "publishedUrl" : "https://www.wildcodeschool.com/fr-fr/blog/ux-ui-design-interface-utilisateur-experience", "resolvedDomain" : "www.wildcodeschool.com", "resolvedLanguage" : null, "rssBody" : "<p style=\"text-align: justify;\">Vous vous êtes déjà retrouvés face à un site internet avec des milliers d’informations sans trouver réponse à votre question ? À une application mobile qui bugue ? Une interface avec des visuels entrecoupés ?... Ou bien vous vous êtes déjà surpris à rester un bon moment à admirer le design d’une application web ou mobile ? Félicitations, vous avez vécu une expérience utilisateur réussie ! Mais que se cache-t-il derrière cette expérience ? Mais, quelle est la différence entre UI et UX Design ? Et pourquoi sont-ils si importants dans le monde du design ?</p>\n<!--more-->\n<h2>Qu’est-ce que l’UX/UI ?</h2>\n<p style=\"text-align: justify;\">La<strong> transformation digitale</strong>, au coeur des entreprises depuis un bon nombre d'année, a révélé au grand jour, l'importance d'avoir une <span style=\"font-weight: bold;\">expérience utilisateur</span> agréable. En effet, nous utilisons grand nombre d'interfaces numériques au quotidien, et l’expérience utilisateur (ce que l’on vit lorsque l’on surfe sur ces dernières) est primordiale. A l'image des démarches “customer centric” (axées sur le client), les entreprises doivent à tout prix penser à ce que nous, internautes et utilisateurs, vivons à travers leur interface en ligne, en nous plaçant au centre de leurs stratégies ! C’est LÀ que l’<strong>UX/UI</strong>&nbsp;interviennent.<br><br>Et oui ! Une mauvaise expérience utilisateur aura tendance à susciter la lassitude des utilisateurs, voire l’abandon direct de ceux-ci. <a href=\"https://syllabus.wildcodeschool.com/fr/web-designer-graphiste-full-time\"><img src=\"https://www.wildcodeschool.com/uploads/39e463b587bee04c6cb0a1a61fce663e.png-7.png\" width=\"0\" height=\"0\" loading=\"lazy\"></a></p>\n<h3>Qu’est-ce qu’une expérience utilisateur ?</h3>\n<p style=\"text-align: justify;\">L’expérience utilisateur est donc l’expérience que l’on vit lorsque l’on navigue sur une interface numérique. Lorsque nous expérimentons quelque chose, il y a plusieurs “critères” à prendre en compte :</p>\n<ul>\n<li><strong>Notre ressenti</strong> :&nbsp;<em>Comment est-ce que je me sens en naviguant sur cette interface ? Est-ce que j’aime la façon dont les choses sont présentées ?</em></li>\n<li>Notre environnement :&nbsp;<em>Est-ce que l’environnement qui m’entoure est propice à une expérience utilisateur réussie ?</em></li>\n<li><strong>Notre besoin et nos motivations</strong> :&nbsp;<em>De quoi ai-je besoin ? Quelle est l’information que je recherche et comment y parvenir ?</em></li>\n<li><strong>Les interactions</strong> offertes par le site internet ou l’application mobile :&nbsp;<em>Quand j’appuie ici, qu’est-ce que ça donne ? Quelle action sera engendrée ?</em></li>\n</ul>\n<p style=\"text-align: justify;\">L’UX design place une grande importance dans le fait d’offrir une interface accessible, graphiquement qualitative, fonctionnelle, pratique et ergonomique&nbsp;!<strong>&nbsp;</strong>Il faut donner envie à l’utilisateur d’y rester et de découvrir les moindres recoins de l’application web ou mobile... mais pas que ! Celle-ci doit lui permettre de trouver rapidement l’information qu’il cherche, afficher une image de marque forte et positive alignée avec une identité visuelle de qualité, présenter des fonctionnalités originales et authentiques...<br><br></p>\n<h3>Qu’est-ce que l’UX design ?</h3>\n<p style=\"text-align: justify;\">On parle d’<strong>UX design</strong>&nbsp;(user experience design) pour définir&nbsp;<strong>le design de l’expérience utilisateur.</strong> Par “design”, on entend surtout la “conception” de l’expérience utilisateur plutôt que la création visuelle. Le rôle d’un UX designer va être de penser, réfléchir et concevoir non seulement le produit - <em>donc l’interface utilisateur</em> - mais également l’expérience utilisateur qui en découle. Imaginez que vous construisez une maison, l'UX Design concerne l'agencement des pièces, la facilité de navigation à l'intérieur de la maison et la satisfaction générale que l'utilisateur ressent en y vivant.<br><br><strong>Pour faire de l’UX design, il faut prendre en compte les attentes, les besoins et les éventuelles envies des utilisateurs.</strong><br><br></p>\n<h3>Qu’est-ce que l’UI design ?</h3>\n<p style=\"text-align: justify;\"><span style=\"font-weight: normal;\">On situe </span><strong>l’UI design dans la phase de mise en place</strong>&nbsp;(<em>implement</em>) : c’est l’étape où les idées et prototypes des UX designers prennent vie. Lorsque l’on parle d’<strong>UI design</strong>&nbsp;(<em>user interface design</em>), on fait référence au&nbsp;<strong>design de l’interface utilisateur - et donc à l’expérience esthétique qui en découle.</strong></p>\n<p style=\"text-align: justify;\">Le rôle de l’UI designer va être de se pencher plutôt sur les aspects graphiques et visuels de l’interface, donc les éléments perceptibles par l’utilisateur. Cela inclut les boutons, les menus, les icônes, les couleurs, les polices de caractères, les images, et bien plus encore. En résumé, l'UI Design vise à rendre l'interface aussi belle et intuitive que possible pour les utilisateurs. Pensez à la maison que nous avons évoquée plus tôt. L'UI Design équivaut à la décoration intérieure, aux meubles et aux couleurs des murs. Cela crée une atmosphère agréable et fonctionnelle à l'intérieur de la maison.</p>\n<p style=\"text-align: justify;\">&nbsp;</p>\n<h2>Quelle est la différence entre UX et UI ?</h2>\n<p style=\"text-align: justify;\">Alors que l’UI se concentre sur la conception visuelle : toute la partie visible à l'œil de l’utilisateur avec…</p>\n<ul>\n<li>le design graphique : icônes, formes et images pour donner du sens aux actions de l’utilisateur</li>\n<li>les couleurs de l’interface, des illustrations, des boutons, des textes...</li>\n<li>la typographie : polices, gras, souligné…</li>\n<li>la mise en page de la page : espaces entre les blocs, nombre d’éléments sur l’interface graphique...</li>\n</ul>\n<p style=\"text-align: justify;\"><strong>… l’UX représente ce qu’on appelle la “science de l’utilisateur”</strong>, donc tout ce qui touche à :</p>\n<ul>\n<li>la stratégie</li>\n<li>la compréhension du besoin utilisateur</li>\n<li>la constitution de prototypes, de scénarios, etc.</li>\n</ul>\n<p><br>L’UX est un peu comme la partie cachée de l’iceberg.</p>\n<p>&nbsp;</p>\n<h3>UX designer vs UI designer : les compétences clés</h3>\n<ul>\n<li><strong>Travail d’équipe vs travail autonome</strong><br>L’UX designer va avoir tendance à travailler avec beaucoup de personnes et différents services, dans des activités collaboratives qui amènent à la réflexion autour de l’expérience en elle-même. L’UI designer travaillera quant à lui de façon plus “autonome”, même s’il sera en interaction constante avec le chef de projet et l’UX designer.<br><br></li>\n<li><strong>Le scope du projet</strong><br>L’UX designer va surtout s’intéresser à la situation dans son ensemble et au problème général, tandis que l’UI designer se concentrera sur les détails, peaufinera l’interface de fond en comble, et apportera les dernières touches pour rendre l’expérience la plus qualitative possible !<br><br></li>\n<li><strong>Les soft-skills</strong><br>UX designer : écoute, observation, patience, réactivité<br>UI designer : créativité, précision, attention portée aux détails</li>\n</ul>\n<p>&nbsp;</p>\n<h2>UX/UI : lA COLLABORATION EN&nbsp;symbiose</h2>\n<p style=\"text-align: justify;\">Bien que ces deux disciplines soient bien distinctes,&nbsp;<strong>l’UX et l’UI sont complémentaires</strong> et nécessaires pour pouvoir créer une bonne expérience utilisateur. Ces deux aspects du design ne devraient jamais être considérés de manière isolée. Une interface utilisateur attrayante (UI) doit également offrir une expérience utilisateur satisfaisante (UX), et vice versa.&nbsp;<br><br>C’est pour cette raison qu’une grande partie des entreprises recherchent plutôt des profils \"UI/UX Designer\" capable de conceptualiser et de designer et de pouvoir ainsi couvrir l'intégralité du scope.<br><br>En faisant preuve de ces deux compétences, l’UX/UI designer est en mesure de créer une interface qui répond aux critères du&nbsp;&nbsp;<a href=\"https://www.seo.fr/definition/responsive-design\" style=\"font-weight: bold;\">responsive design</a><span style=\"font-weight: bold;\">.</span> Il va donc être capable de créer une application utilisable et accessible sur toutes les interfaces d’utilisation, quelle que soit la résolution écran.</p>\n<p style=\"text-align: justify;\">&nbsp;</p>\n<h2>EN résumé</h2>\n<p style=\"text-align: justify;\">Si, après cet article, la différence entre UX/UI vous paraît encore confuse, voici un bref résumé :</p>\n<p style=\"text-align: justify;\"><strong>L’UX designer va être responsable de l’expérience utilisateur dans son entièreté</strong>&nbsp;et de la compréhension des besoins utilisateurs, et va également contribuer à trouver des solutions pour améliorer cette expérience.</p>\n<p style=\"text-align: justify;\"><strong>L’UI designer va, quant à lui, contribuer à l’expérience visuelle des utilisateurs</strong> en représentant les idées de l’UX designer tout en facilitant l’utilisation et l’accessibilité de l’interface, en aidant les utilisateurs à comprendre comment utiliser l’interface et en les guidant à travers elle.</p>\n<p>&nbsp;</p>\n<p>Si vous envisagez une carrière dans le design, il est important de développer des compétences dans les deux domaines. Consultez notre fiche métier <a href=\"/fr-fr/metiers/designer-ux-ui\" rel=\"noopener\"><span style=\"font-weight: bold;\">UI/UX Designer</span></a> et rejoignez notre <a href=\"/fr-fr/formations-ux/formation-ux-ui-designer-alternance\" rel=\"noopener\"><span style=\"font-weight: bold;\">formation en alternance de 15 mois</span></a>. <img src=\"https://www.wildcodeschool.com/uploads/8b21c4feb6628100920748cfbed025e2.png-M%C3%A9lanie%20Coltel%20-%20Blog%20article%20signatures.png\" width=\"0\" height=\"0\" loading=\"lazy\"></p>", "rssSummary" : "<p style=\"text-align: justify;\">Vous vous êtes déjà retrouvés face à un site internet avec des milliers d’informations sans trouver réponse à votre question ? À une application mobile qui bugue ? Une interface avec des visuels entrecoupés ?... Ou bien vous vous êtes déjà surpris à rester un bon moment à admirer le design d’une application web ou mobile ? Félicitations, vous avez vécu une expérience utilisateur réussie ! Mais que se cache-t-il derrière cette expérience ? Mais, quelle est la différence entre UI et UX Design ? Et pourquoi sont-ils si importants dans le monde du design ?</p>\n", "rssSummaryFeaturedImage" : "https://2902314.fs1.hubspotusercontent-na1.net/hubfs/2902314/QUELLES%20DIFFERENCES%20ENTRE%20UI_UX%20_.png", "scheduledUpdateDate" : 0, "screenshotPreviewTakenAt" : 1727948668835, "screenshotPreviewUrl" : "https://cdn1.hubspot.net/hubshotv3/prod/e/0/3096fa03-5442-4bf1-8c28-6e1c59206fa6.png", "sections" : { }, "securityState" : "NONE", "siteId" : null, "slug" : "fr-fr/blog/ux-ui-design-interface-utilisateur-experience", "stagedFrom" : null, "state" : "PUBLISHED", "stateWhenDeleted" : null, "structuredContentPageType" : null, "structuredContentType" : null, "styleOverrideId" : null, "subcategory" : "normal_blog_post", "syncedWithBlogRoot" : true, "tagIds" : [ 103173212305, 116313955723 ], "tagList" : [ { "categoryId" : 3, "cdnPurgeEmbargoTime" : null, "contentIds" : [ ], "cosObjectType" : "TAG", "created" : 1676890105649, "deletedAt" : 0, "description" : "", "id" : 103173212305, "label" : "Design Produit", "language" : "fr-fr", "name" : "Design Produit", "portalId" : 2902314, "slug" : "design-produit", "translatedFromId" : null, "translations" : { }, "updated" : 1676892308998 }, { "categoryId" : 3, "cdnPurgeEmbargoTime" : null, "contentIds" : [ ], "cosObjectType" : "TAG", "created" : 1684509994814, "deletedAt" : 0, "description" : "", "id" : 116313955723, "label" : "Tips", "language" : "fr-fr", "name" : "Tips", "portalId" : 2902314, "slug" : "tips", "translatedFromId" : null, "translations" : { }, "updated" : 1684509994814 } ], "tagNames" : [ "Design Produit", "Tips" ], "teamPerms" : [ ], "templatePath" : "", "templatePathForRender" : "MarkentivexWCS/templates/blog-post.html", "textToAudioFileId" : null, "textToAudioGenerationRequestId" : null, "themePath" : null, "themeSettingsValues" : null, "title" : "Quelles différences entre UI et UX Design ?", "tmsId" : null, "topicIds" : [ 103173212305, 116313955723 ], "topicList" : [ { "categoryId" : 3, "cdnPurgeEmbargoTime" : null, "contentIds" : [ ], "cosObjectType" : "TAG", "created" : 1676890105649, "deletedAt" : 0, "description" : "", "id" : 103173212305, "label" : "Design Produit", "language" : "fr-fr", "name" : "Design Produit", "portalId" : 2902314, "slug" : "design-produit", "translatedFromId" : null, "translations" : { }, "updated" : 1676892308998 }, { "categoryId" : 3, "cdnPurgeEmbargoTime" : null, "contentIds" : [ ], "cosObjectType" : "TAG", "created" : 1684509994814, "deletedAt" : 0, "description" : "", "id" : 116313955723, "label" : "Tips", "language" : "fr-fr", "name" : "Tips", "portalId" : 2902314, "slug" : "tips", "translatedFromId" : null, "translations" : { }, "updated" : 1684509994814 } ], "topicNames" : [ "Design Produit", "Tips" ], "topics" : [ 103173212305, 116313955723 ], "translatedContent" : { }, "translatedFromId" : null, "translations" : { }, "tweet" : null, "tweetAt" : null, "tweetImmediately" : false, "unpublishedAt" : 0, "updated" : 1699263869218, "updatedById" : 45219617, "upsizeFeaturedImage" : false, "url" : "https://www.wildcodeschool.com/fr-fr/blog/ux-ui-design-interface-utilisateur-experience", "useFeaturedImage" : true, "userPerms" : [ ], "views" : 0, "visibleToAll" : null, "widgetContainers" : { }, "widgetcontainers" : { }, "widgets" : { "blog_newsletter" : { "body" : { "form_field" : { "form_id" : "b114f6e8-45f4-4b0b-8d6a-3b1fcb104f71", "gotowebinar_webinar_key" : null, "message" : "Thanks for submitting the form.", "response_type" : "inline" } }, "child_css" : { }, "css" : { }, "id" : "blog_newsletter", "label" : null, "module_id" : 115585011332, "name" : "blog_newsletter", "order" : 14, "smart_type" : null, "styles" : { }, "type" : "module" } } })