Warning: "continue" targeting switch is equivalent to "break". Did you mean to use "continue 2"? in /customers/5/d/8/sketchlex.com/httpd.www/wp-content/themes/jay/redux/ReduxCore/inc/extensions/customizer/extension_customizer.php on line 376 Warning: "continue" targeting switch is equivalent to "break". Did you mean to use "continue 2"? in /customers/5/d/8/sketchlex.com/httpd.www/wp-content/themes/jay/redux/ReduxCore/inc/extensions/customizer/extension_customizer.php on line 398 Warning: "continue" targeting switch is equivalent to "break". Did you mean to use "continue 2"? in /customers/5/d/8/sketchlex.com/httpd.www/wp-content/themes/jay/redux/ReduxCore/inc/extensions/customizer/extension_customizer.php on line 416 Warning: "continue" targeting switch is equivalent to "break". Did you mean to use "continue 2"? in /customers/5/d/8/sketchlex.com/httpd.www/wp-content/themes/jay/redux/ReduxCore/inc/extensions/customizer/extension_customizer.php on line 420 Warning: "continue" targeting switch is equivalent to "break". Did you mean to use "continue 2"? in /customers/5/d/8/sketchlex.com/httpd.www/wp-content/themes/jay/redux/ReduxCore/inc/extensions/customizer/extension_customizer.php on line 447 Warning: "continue" targeting switch is equivalent to "break". Did you mean to use "continue 2"? in /customers/5/d/8/sketchlex.com/httpd.www/wp-content/themes/jay/redux/ReduxCore/inc/extensions/customizer/extension_customizer.php on line 459 Warning: "continue" targeting switch is equivalent to "break". Did you mean to use "continue 2"? in /customers/5/d/8/sketchlex.com/httpd.www/wp-content/themes/jay/redux/ReduxCore/inc/extensions/customizer/extension_customizer.php on line 478 Warning: Cannot modify header information - headers already sent by (output started at /customers/5/d/8/sketchlex.com/httpd.www/wp-content/themes/jay/redux/ReduxCore/inc/extensions/customizer/extension_customizer.php:376) in /customers/5/d/8/sketchlex.com/httpd.www/wp-includes/rest-api/class-wp-rest-server.php on line 1723 Warning: Cannot modify header information - headers already sent by (output started at /customers/5/d/8/sketchlex.com/httpd.www/wp-content/themes/jay/redux/ReduxCore/inc/extensions/customizer/extension_customizer.php:376) in /customers/5/d/8/sketchlex.com/httpd.www/wp-includes/rest-api/class-wp-rest-server.php on line 1723 Warning: Cannot modify header information - headers already sent by (output started at /customers/5/d/8/sketchlex.com/httpd.www/wp-content/themes/jay/redux/ReduxCore/inc/extensions/customizer/extension_customizer.php:376) in /customers/5/d/8/sketchlex.com/httpd.www/wp-includes/rest-api/class-wp-rest-server.php on line 1723 Warning: Cannot modify header information - headers already sent by (output started at /customers/5/d/8/sketchlex.com/httpd.www/wp-content/themes/jay/redux/ReduxCore/inc/extensions/customizer/extension_customizer.php:376) in /customers/5/d/8/sketchlex.com/httpd.www/wp-includes/rest-api/class-wp-rest-server.php on line 1723 Warning: Cannot modify header information - headers already sent by (output started at /customers/5/d/8/sketchlex.com/httpd.www/wp-content/themes/jay/redux/ReduxCore/inc/extensions/customizer/extension_customizer.php:376) in /customers/5/d/8/sketchlex.com/httpd.www/wp-includes/rest-api/class-wp-rest-server.php on line 1723 Warning: Cannot modify header information - headers already sent by (output started at /customers/5/d/8/sketchlex.com/httpd.www/wp-content/themes/jay/redux/ReduxCore/inc/extensions/customizer/extension_customizer.php:376) in /customers/5/d/8/sketchlex.com/httpd.www/wp-includes/rest-api/class-wp-rest-server.php on line 1723 Warning: Cannot modify header information - headers already sent by (output started at /customers/5/d/8/sketchlex.com/httpd.www/wp-content/themes/jay/redux/ReduxCore/inc/extensions/customizer/extension_customizer.php:376) in /customers/5/d/8/sketchlex.com/httpd.www/wp-includes/rest-api/class-wp-rest-server.php on line 1723 Warning: Cannot modify header information - headers already sent by (output started at /customers/5/d/8/sketchlex.com/httpd.www/wp-content/themes/jay/redux/ReduxCore/inc/extensions/customizer/extension_customizer.php:376) in /customers/5/d/8/sketchlex.com/httpd.www/wp-includes/rest-api/class-wp-rest-server.php on line 1723 {"id":3314,"date":"2018-05-19T13:48:56","date_gmt":"2018-05-19T11:48:56","guid":{"rendered":"http:\/\/sketchlex.com\/?p=3314"},"modified":"2019-01-07T18:31:39","modified_gmt":"2019-01-07T17:31:39","slug":"tutoriel-infographie-juridique-passer-du-texte-a-limage","status":"publish","type":"post","link":"https:\/\/sketchlex.com\/19\/05\/2018\/tutoriels\/tutoriel-infographie-juridique-passer-du-texte-a-limage\/","title":{"rendered":"Tutoriel infographie juridique : passer du texte \u00e0 l’image"},"content":{"rendered":"
Qu’est-ce qu’on veut ? >\u00a0Des infographies juridiques !\u00a0<\/span>Quand est-ce qu’on s’y met ? >\u00a0Maintenant !<\/span><\/p>\n <\/p>\n Ceci est un extrait de notre atelier formation \u00ab\u00a0Cr\u00e9er des infographies juridiques\u00a0\u00bb. Contactez-nous<\/a> pour en savoir plus.<\/p>\n <\/p>\n [su_button url=\u00a0\u00bbhttp:\/\/sketchlex.com\/wp-content\/uploads\/2018\/05\/tutoriel-sketchlex-infographie-juridique-signes-distinctifs.docx\u00a0\u00bb target=\u00a0\u00bbblank\u00a0\u00bb style=\u00a0\u00bbflat\u00a0\u00bb background=\u00a0\u00bb#cb1434″]T\u00e9l\u00e9charger le fichier Word[\/su_button]<\/p>\n [su_spacer size=\u00a0\u00bb10″]<\/p>\n Le point de d\u00e9part de notre tutoriel est un texte qui pr\u00e9sente\u00a0les signes distinctifs d’une entreprise : la marque, la d\u00e9nomination sociale, le nom commercial, l’enseigne et le nom de domaine.<\/p>\n Il s’agit d’une pr\u00e9sentation textuelle classique telle que vous trouverez dans les manuels de propri\u00e9t\u00e9 intellectuelle.<\/p>\n <\/p>\n [su_button url=\u00a0\u00bbhttp:\/\/sketchlex.com\/wp-content\/uploads\/2018\/05\/tutoriel-sketchlex-infographie-juridique-signes-distinctifs.docx\u00a0\u00bb target=\u00a0\u00bbblank\u00a0\u00bb style=\u00a0\u00bbflat\u00a0\u00bb background=\u00a0\u00bb#cb1434″]T\u00e9l\u00e9charger le fichier Word[\/su_button]<\/p>\n [su_spacer size=\u00a0\u00bb10″]<\/p>\n Dans une premi\u00e8re tentative de mieux organiser et pr\u00e9senter les informations, on regroupe les 5 signes distinctifs et on les pr\u00e9sente visuellement sous forme d’une liste \u00e0 puces. On y associe les d\u00e9finitions.<\/p>\n Cette r\u00e9organisation minimale permet :<\/p>\n <\/p>\n [su_button url=\u00a0\u00bbhttp:\/\/sketchlex.com\/wp-content\/uploads\/2018\/05\/tutoriel-sketchlex-infographie-juridique-signes-distinctifs.docx\u00a0\u00bb target=\u00a0\u00bbblank\u00a0\u00bb style=\u00a0\u00bbflat\u00a0\u00bb background=\u00a0\u00bb#cb1434″]T\u00e9l\u00e9charger le fichier Word[\/su_button]<\/p>\n [su_spacer size=\u00a0\u00bb10″]<\/p>\n A la lecture du texte, on se rend compte qu’il existe deux cat\u00e9gories de signes distinctifs<\/strong> :<\/p>\n On r\u00e9organise le texte en fonction de la cat\u00e9gorie \u00ab\u00a0Signes distinctifs\u00a0\u00bb.<\/p>\n Cette meilleure organisation n’est pas forc\u00e9ment agr\u00e9able \u00e0 lire : on a deux niveaux de listes \u00e0 puces et notre premi\u00e8re cat\u00e9gorie [propri\u00e9t\u00e9 intellectuelle] ne liste qu’un seul item [la marque]. En r\u00e9alit\u00e9, il existe d’autres signes distinctifs r\u00e9gis par le code de la propri\u00e9t\u00e9 intellectuelle (les marques collectives, les marques de certification, les AOC et les IGP). Par souci de simplicit\u00e9, on a d\u00e9cid\u00e9 de ne pas les inclure.<\/span><\/p>\n On peut am\u00e9liorer la pr\u00e9sentation du texte ci-dessus, mais ce n’est pas notre but. Cette r\u00e9organisation nous sert \u00e0 cr\u00e9er un tableau.<\/p>\n <\/p>\n [su_button url=\u00a0\u00bbhttp:\/\/sketchlex.com\/wp-content\/uploads\/2018\/05\/tutoriel-sketchlex-infographie-juridique-signes-distinctifs.docx\u00a0\u00bb target=\u00a0\u00bbblank\u00a0\u00bb style=\u00a0\u00bbflat\u00a0\u00bb background=\u00a0\u00bb#cb1434″]T\u00e9l\u00e9charger le fichier Word[\/su_button]<\/p>\n [su_spacer size=\u00a0\u00bb10″]<\/p>\n On abandonne la pr\u00e9sentation unidimensionnelle de l’information au profit d’une pr\u00e9sentation en deux dimensions<\/strong>.\u00a0Le tableau nous permet de naviguer \u00e0 l’horizontale et \u00e0 la verticale<\/strong> et visualiser des liens entre des cat\u00e9gories d’informations qui n’\u00e9taient pas facilement perceptibles \u00e0 la lecture du texte<\/strong>.<\/p>\n Le tableau nous permet\u00a0de reprendre l’ensemble des informations contenues dans le texte dans un format synth\u00e9tique qui acc\u00e9l\u00e8re la lecture, am\u00e9liore la compr\u00e9hension et favorise la m\u00e9morisation.<\/b><\/p>\n En fonction du contexte d’utilisation intent\u00e9 de ce tableau, on peut naviguer l’information en commen\u00e7ant par la liste num\u00e9rot\u00e9e des signes distinctifs ou par leur cat\u00e9gorie sup\u00e9rieure, le r\u00e9gime juridique :<\/p>\n <\/p>\n <\/p>\n [su_button url=\u00a0\u00bbhttp:\/\/sketchlex.com\/wp-content\/uploads\/2018\/05\/tutoriel-sketchlex-infographie-juridique-signes-distinctifs.docx\u00a0\u00bb target=\u00a0\u00bbblank\u00a0\u00bb style=\u00a0\u00bbflat\u00a0\u00bb background=\u00a0\u00bb#cb1434″]T\u00e9l\u00e9charger le fichier Word[\/su_button]<\/p>\n [su_spacer size=\u00a0\u00bb10″]<\/p>\n On poursuit notre travail sur l’architecture de l’information avec un tableau vertical : on a transform\u00e9 les colonnes en lignes et les lignes en colonnes. Pourquoi ? Parce que le but de l’exercice est de r\u00e9organiser l’information jusqu’\u00e0 identifier la meilleure fa\u00e7on de la pr\u00e9senter en fonction de l’objectif poursuivi.<\/strong><\/p>\n Et pour cause, on a pris un ensemble de d\u00e9cisions intentionnelles dans l’objectif d’introduire le sujet \u00e0 une personne qui a de faibles connaissances<\/strong> en la mati\u00e8re.<\/p>\n Cette personne a probablement d\u00e9j\u00e0 entendu les termes \u00ab\u00a0marques\u00a0\u00bb, \u00ab\u00a0d\u00e9nomination sociale\u00a0\u00bb ou \u00ab\u00a0nom de domaine\u00a0\u00bb dans d’autres contextes, juridiques ou non.\u00a0Notre tableau sera la premi\u00e8re fois qu’elle va apprendre qu’on peut les grouper sous l’appellation \u00ab\u00a0Signes distinctifs\u00a0\u00bb et qu’il existe des liens entre eux.<\/strong><\/p>\n On va donc lui pr\u00e9senter le sujet dans un ordre logique et pratique<\/strong> : on commence par le type de signe –> sa d\u00e9finition –> l’organisme o\u00f9 on l’enregistre \/ d\u00e9pose et, enfin, le r\u00e9gime juridique ;<\/p>\n On peut s’arr\u00eater ici et travailler davantage la pr\u00e9sentation du tableau (la typographie, les couleurs, les alignements…). Mais on peut aller plus loin !<\/p>\n <\/p>\n [su_button url=\u00a0\u00bbhttp:\/\/sketchlex.com\/wp-content\/uploads\/2018\/05\/tutoriel-sketchlex-infographie-juridique-signes-distinctifs.docx\u00a0\u00bb target=\u00a0\u00bbblank\u00a0\u00bb style=\u00a0\u00bbflat\u00a0\u00bb background=\u00a0\u00bb#cb1434″]T\u00e9l\u00e9charger le fichier Word[\/su_button]<\/p>\n [su_spacer size=\u00a0\u00bb10″]<\/p>\n Pour rendre le tableau plus visuel, on ajoute des pictogrammes qui am\u00e9liorent la compr\u00e9hension et cr\u00e9ent des marqueurs visuels favorisant, dans un premier temps, une meilleure m\u00e9morisation et, dans un deuxi\u00e8me temps, une restitution plus compl\u00e8te de l’information.<\/strong><\/p>\n Les concepts de d\u00e9nomination sociale et de nom commercial sont les moins \u00e9vidents \u00e0 transformer en ic\u00f4nes. C’est normal, il s’agit de concepts abstraits :<\/p>\n <\/p>\n [su_button url=\u00a0\u00bbhttp:\/\/sketchlex.com\/wp-content\/uploads\/2018\/05\/tutoriel-sketchlex-infographie-juridique-signes-distinctifs.docx\u00a0\u00bb target=\u00a0\u00bbblank\u00a0\u00bb style=\u00a0\u00bbflat\u00a0\u00bb background=\u00a0\u00bb#cb1434″]T\u00e9l\u00e9charger le fichier Word[\/su_button]<\/p>\n [su_spacer size=\u00a0\u00bb10″]<\/p>\n Si vous avez d\u00e9j\u00e0 t\u00e9l\u00e9charg\u00e9 le document Word<\/a> contenant les \u00e9tapes 1 \u00e0 6, vous avez pu voir comment on a fait pour \u00ab\u00a0d\u00e9tourner\u00a0\u00bb les tableaux pour cr\u00e9er des structures plus \u00e9labor\u00e9es et visuelles.<\/p>\n Cette derni\u00e8re version a \u00e9t\u00e9 r\u00e9alis\u00e9e avec Illustrator dans le but d’am\u00e9liorer certains aspects graphiques notamment la typographie (sur ce point, voir notre article \u00ab\u00a0Choisir la police de caract\u00e8re de ses documents juridiques<\/a>\u00ab\u00a0).<\/p>\n Enfin, voici une version interm\u00e9diaire de l’infographie bas\u00e9e sur le principe du mindmap. Elle a \u00e9t\u00e9 \u00e9cart\u00e9e pour plusieurs raisons, principalement parce que le mindmap n’\u00e9tait pas la m\u00e9thode de visualisation optimale dans notre cas.<\/p>\n <\/p>\n Cet article vous a plu ou vous avez des questions ? N’h\u00e9sitez pas \u00e0 le partager et commenter sur les r\u00e9seaux sociaux (Twitter<\/a> ou LinkedIn<\/a>).<\/p>\nEtape 1 :\u00a0Le texte brut<\/strong><\/h1>\n
Etape 2 :\u00a0Regroupement par la cat\u00e9gorie \u00ab\u00a0signe distinctif\u00a0\u00bb<\/strong><\/h1>\n
\n
Etape 3 :\u00a0Regroupement par la cat\u00e9gorie \u00ab\u00a0r\u00e9gime juridique\u00a0\u00bb<\/strong><\/h1>\n
\n
Etape 4 :\u00a0Regroupement dans un tableau horizontal<\/strong><\/h1>\n
Etape 5 :\u00a0Regroupement dans un tableau vertical<\/strong><\/h1>\n
Etape 6 :\u00a0Tableau visuel \/ infographie<\/strong><\/h1>\n
\n
Etape 7 :\u00a0Infographie finale<\/strong><\/h1>\n