Seenthis
•
 
Identifiants personnels
  • [mot de passe oublié ?]

 
  • #p
  • #pi
  • #pic
RSS: #picto

#picto

  • #pictos
  • #pictogrammes
  • #pictorial_statistics
0 | 25
  • @cdb_77
    CDB_77 @cdb_77 14/08/2023

    Un #agenda pour accompagner les règles

    Un collectif féministe genevois et lausannois crée un agenda pour les personnes menstruées. Ses membres lancent un financement participatif dès lundi.

    (#paywall)

    ▻https://lecourrier.ch/2023/08/13/un-agenda-pour-accompagner-les-regles
    #menstruations

    CDB_77 @cdb_77
    • @cdb_77
      CDB_77 @cdb_77 14/08/2023

      L’agenda 2024 du #Plan_Méduse

      Organisée.x.s en collectif, nous avons créé un agenda papier 2024 spécialement conçu pour les personnes menstruées, combinant le suivi du cycle, des informations et des ressources.

      Les membres du collectif Plan Méduse

      Nous sommes illsutratrice.x.s, graphistes, autrices et coordinatrices, toutes concernée.x.s par les menstruations et désireuse.x.s d’en finir avec les tabous qui peuvent nous compliquer la vie au quotidien. Nous sommes portée.x.s par un idéal de société où nos menstruations ne seraient plus une contrainte et une douleur solitaire, mais quelque chose qui puisse se gérer collectivement et sans honte, sur nos lieux de travail et de formation, dans nos relations, dans nos familles.

      https://res.cloudinary.com/wemakeit/image/upload/c_fit,g_center,h_501,w_668/v1691515205/wemakeit/production/project/65782/picture-350282a0-afdd-4373-87a9-4ca597246c38.jpg

      Un agenda contre les #tabous

      Notre agenda compile les besoins d’un agenda classique avec des espaces dédiés au suivi du #cycle_menstruel. Nous avons notamment créé des propositions de #pictogrammes afin que la personne utilisatrice puisse noter ce qu’elle vit ou ressent, par exemple ses #douleurs, sa #digestion ou encore ses #émotions. Nous avons aussi développé chaque mois un thème en lien avec les règles, ainsi que rassemblé des #informations clés et quelques conseils autour de ce même thème. Notre objectif n’est pas de donner une seule manière de faire puisque chaque corps est différent et la manière de l’habiter est propre à chacun.e. Ce que nous souhaitons en revanche, c’est transmettre des informations et différentes techniques pour se sentir mieux et accompagné.e.x.s durant nos menstruations. Nous souhaitons à travers cet agenda adoucir autant que possible le rapport à son #corps et à son cycle. Cet agenda est ainsi une manière de partager, transmettre les informations que nous avons pu récolter par expérience, par partage ou par d’autres ressources et que celles-ci puissent être réunies à un seul endroit, facilement accessibles à tous.te.x.s.

      https://res.cloudinary.com/wemakeit/image/upload/c_fit,g_center,h_501,w_668/v1690797937/wemakeit/production/project/65782/picture-32c4d204-cbf0-4d99-98db-1d10de19a061.jpg https://res.cloudinary.com/wemakeit/image/upload/c_fit,g_center,h_501,w_668/v1690445170/wemakeit/production/project/65782/picture-250a82cc-7091-4814-b634-aa21a7c77f6a.jpg

      ▻https://wemakeit.com/projects/l-agenda-2024-du-plan-meduse-4

      CDB_77 @cdb_77
    Écrire un commentaire
  • @cy_altern
    cy_altern @cy_altern CC BY-SA 17/01/2023

    MingCute Icon _ Carefully Designed Icon Library
    ►https://www.mingcute.com

    grosse collection open-source de pictos/icones aux formats SVG / PNG

    #picto #icone #open_source #svg

    cy_altern @cy_altern CC BY-SA
    • @jeanmarie
      jeanmarie @jeanmarie CC BY-NC-SA 18/01/2023

      ajouté à la liste ▻https://seenthis.net/messages/906168

      jeanmarie @jeanmarie CC BY-NC-SA
    • @b_b
      b_b @b_b PUBLIC DOMAIN 18/01/2023

      à la base je l’avais posté ici ▻https://git.spip.net/spip/spip/issues/4727#issuecomment-45811 où il commence à y avoir une belle collection à référencer :)

      b_b @b_b PUBLIC DOMAIN
    Écrire un commentaire
  • @nightingale
    nightingale @nightingale via RSS 17/01/2023

    The Telefacts of Life: Rudolf Modley’s Isotypes in American Newspapers 1938–1945
    ▻https://nightingaledvs.com/the-telefacts-of-life-rudolf-modleys-isotypes-in-american-newspapers

    While Otto #Neurath invented the #ISOTYPE in Vienna in 1925 and guided its evolution to international acclaim, he was not successful in the United States...

    #Data_Visualization #Historic_Dataviz #History #pictorial_statistics

    nightingale @nightingale via RSS
    Écrire un commentaire
  • @nightingale
    nightingale @nightingale via RSS 6/01/2022
    2
    @fil
    @grommeleur
    2

    Information Graphics in Action: Russian Agitational Postcards 1900–1960
    ▻https://nightingaledvs.com/information-graphics-in-action-russian-agitational-postcards-1900-19

    The postcard originated in the middle of the XIX century and went through the development path together with the poster, following stylistic changes in the..

    #History #ISOTYPE #pictorial_statistics

    nightingale @nightingale via RSS
    Écrire un commentaire
  • @nepthys
    Nepthys @nepthys 9/10/2021
    8
    @rastapopoulos
    @mad_meg
    @ericw
    @gastlag
    @fil
    @7h36
    @b_b
    @nicolas2
    8

    Des pictogrammes façon « femme » :

    https://dl.dropbox.com/s/4dzz40welj334u4/pictofemmes.jpg?dl=0

    Entre visibilisation et stéréotype, cela soulève plein de questions existentielles.
    Initiatrice : Sofya Polyakov
    ▻https://thenounproject.com/Iconathon1/collection/redefining-women

    #the_noun_project #pictogramme #femme #genre

    Nepthys @nepthys
    Écrire un commentaire
  • @nightingale
    nightingale @nightingale via RSS 10/06/2021
    3
    @reka
    @fil
    @02myseenthis01
    3

    György Markos and His Pictorial Information Graphics
    ▻https://nightingaledvs.com/gyorgy-markos-and-his-pictorial-information-graphics

    The Hungarian Marxist, self-made geographer, and economist György Markos (1902–1976) was not the first to introduce #ISOTYPE to the Hungarian public, but he was the..

    #Data_Visualization #Gyorgy_Markos #Historic_Dataviz #Hungary #pictorial_statistics

    nightingale @nightingale via RSS
    • @reka
      Reka @reka CC BY-NC-SA 10/06/2021

      #isotype #neurath

      Reka @reka CC BY-NC-SA
    • @fil
      Fil @fil 10/06/2021

      https://nightingaledvs.com/wp-content/uploads/2021/06/49-web.jpg

      #précurseurs

      Fil @fil
    Écrire un commentaire
  • @tofulm
    tofulm @tofulm 13/03/2021
    12
    @cy_altern
    @jeanmarie
    @rastapopoulos
    @grego
    @ericw
    @arno
    @bouts
    @unagi
    @gblin
    @baroug
    @lianes1
    @marcimat
    12

    Iconduck - Free open source icons, illustrations and graphics
    ▻https://iconduck.com
    #icone #svg

    tofulm @tofulm
    • @jeanmarie
      jeanmarie @jeanmarie CC BY-NC-SA 31/03/2021
      @monolecte @b_b @cy_altern @rastapopoulos

      Y a pas mal de ressources partagées ici, si on les recensait ? :)

      ►https://orioniconlibrary.com
      ►https://www.flaticon.com
      ►https://flaticons.net par
      ►https://icons.pixsellz.io
      ►https://icongr.am
      ►https://remixicon.com
      ►https://www.svgrepo.com
      ►https://danklammer.com/bytesize-icons

      (par @monolecte, @b_b, @cy_altern, @rastapopoulos)

      #Icons #ressource_graphique #webdesign #pictos #graphisme #ergonomie #web #intégration #interface

      jeanmarie @jeanmarie CC BY-NC-SA
    • @tofulm
      tofulm @tofulm 31/03/2021

      ►https://thenounproject.com

      tofulm @tofulm
    • @touti
      vide @touti 31/03/2021

      ►https://icomoon.io

      vide @touti
    • @cocoadaemon
      alban @cocoadaemon 31/03/2021

      ►https://unsplash.com

      alban @cocoadaemon
    • @bouts
      bouts @bouts PUBLIC DOMAIN 1/04/2021

      ►https://undraw.co

      unDraw - Open source illustrations for any idea
      The design project with open-source illustrations for any idea you can imagine and create. Create beautiful websites, products and applications with your color, for free.

      bouts @bouts PUBLIC DOMAIN
    • @jeanmarie
      jeanmarie @jeanmarie CC BY-NC-SA 1/04/2021

      Dans mon idée, on partait plus sur les icônes ici pour s’y retrouver et les outils dans d’autres fils :) et avec un #Ressources_graphisme ou #Ressources_integration pour tout lier.
      Mais à voir.

      jeanmarie @jeanmarie CC BY-NC-SA
    • @jeanmarie
      jeanmarie @jeanmarie CC BY-NC-SA 13/04/2021

      des nouveaux
      – ▻https://feathericons.com
      – ▻https://github.com/primer/octicons
      – ▻https://fonts.google.com/icons?selected=Material+Icons
      – ▻https://icons.coreui.io/icons
      – ▻https://github.com/danklammer/bytesize-icons
      – ▻https://useiconic.com/open
      – ▻https://forkaweso.me/Fork-Awesome/icons

      Source + avis : ▻https://core.spip.net/issues/4727

      How to Design Better Icons
      ▻https://blog.prototypr.io/how-to-design-better-icons-869d067fddbf

      jeanmarie @jeanmarie CC BY-NC-SA
    • @jeanmarie
      jeanmarie @jeanmarie CC BY-NC-SA 1/02/2022

      ▻https://icones.js.org

      jeanmarie @jeanmarie CC BY-NC-SA
    • @jeanmarie
      jeanmarie @jeanmarie CC BY-NC-SA 18/01/2023
      @cy_altern

      ►https://www.mingcute.com par @cy_altern

      jeanmarie @jeanmarie CC BY-NC-SA
    Écrire un commentaire
  • @rastapopoulos
    RastaPopoulos @rastapopoulos CC BY-NC 10/03/2021
    4
    @monolecte
    @biggrizzly
    @cy_altern
    @jeanmarie
    4

    SVG Repo - Free SVG Vectors and Icons
    ►https://www.svgrepo.com

    #icones #icons #SVG #interface #intégration #web #pictos

    RastaPopoulos @rastapopoulos CC BY-NC
    Écrire un commentaire
  • @vlentz
    vlentz @vlentz CC BY-SA 20/01/2021
    2
    @vlentz
    @rastapopoulos
    2

    #Icon #font

    ▻https://icons8.com/line-awesome?s=09

    vlentz @vlentz CC BY-SA
    • @vlentz
      vlentz @vlentz CC BY-SA 20/01/2021

      Via ▻https://twitter.com/WalterStephanie/status/1351786748972568577?s=19

      vlentz @vlentz CC BY-SA
    • @rastapopoulos
      RastaPopoulos @rastapopoulos CC BY-NC 20/01/2021

      #icône #picto #intégration #web

      RastaPopoulos @rastapopoulos CC BY-NC
    Écrire un commentaire
  • @cy_altern
    cy_altern @cy_altern CC BY-SA 27/09/2020

    Fork Awesome, a fork of the iconic font and CSS toolkit
    ▻https://forkaweso.me/Fork-Awesome

    Un fork de FontAwesome (équivalent FA v4 ?) en licence open source :

    Fork Awesome is fully open source and is GPL friendly. You can use it for commercial projects, open source projects, or really just about whatever you want.

    Syntaxe des classes strictement identique : <i class="fa fa-camera-retro"></i>

    #font_awesome #fork_awesome #web_dev #police #picto #icone

    cy_altern @cy_altern CC BY-SA
    Écrire un commentaire
  • @odilon
    odilon @odilon CC BY-NC-ND 28/01/2020
    12
    @jacotte
    @vazi
    @kaparia
    @rastapopoulos
    @monolecte
    @7h36
    @simplicissimus
    @sombre
    @vanderling
    @cy_altern
    @jeanmarie
    @touti
    12

    Comment signaler les déchets nucléaires par-delà les millénaires ?
    ▻https://theconversation.com/comment-signaler-les-dechets-nucleaires-par-dela-les-millenaires-12

    https://images.theconversation.com/files/305372/original/file-20191205-38993-14qxhl8.jpg?ixlib=rb-1.1.0&rect=0%2C171%2C1181%2C590&q=45&auto=format&w=1356&h=668&fit=crop

    Partant de l’hypothèse que chaque génération se chargera de maintenir la transmission, le premier scénario parie sur une « continuité entre présent et futur ».

    Cependant, sur une période plurimillénaire, plusieurs risques surgissent : des incompréhensions liées à la non-intelligibilité des archives constituées, des mécompréhensions entraînées par une mauvaise interprétation des documents et, enfin, la destruction matérielle des supports d’informations. À cet égard, pour l’Andra, « même si tout sera fait pour conserver une mémoire institutionnelle des sites (par le biais des archives), il serait irresponsable d’exclure la possibilité de sa perte ».

    #Signalétique de l’apocalypse
    Alerter de la #dangerosité des #déchets_nucléaires par-delà les millénaires
    Laetitia Ogorzelec-Guinchard
    ▻https://journals.openedition.org/terrain/18319#authors

    #nucléaire #administration_du_désastre #langage #symbole #tête_de_mort #sémiologie #sémantique #pictogramme #pérennité #monument #mémoire #archives #radioactivité

    odilon @odilon CC BY-NC-ND
    • @vazi
      vazy @vazi CC BY 28/01/2020

      L’industrie nucléaire à d’ailleurs sollicité les artistes, plusieurs années de suite pour faire des propositions sur ce sujet par le biais d’un « appel à projet » .
      Appel auquel je me suis abstenu de répondre, ne souhaitant pas cautionner le projet de Bure.

      vazy @vazi CC BY
    • @odilon
      odilon @odilon CC BY-NC-ND 28/01/2020

      hé hé :)

      odilon @odilon CC BY-NC-ND
    • @fil
      Fil @fil 28/01/2020

      Pourtant ça aurait eu de la gueule : un gros glaçon plein de dinosaures en plastique posté à l’entrée du tunnel radioactif, aurait mis en évidence l’incohérence des échelles de temps dans l’appel à projets.

      Fil @fil
    • @touti
      vide @touti 29/01/2020

      Dans cette idée de signalisation pour les générations futures il y a une naïveté criminelle glaçante, un #tout_va_bien lancinant digne de l’aveuglement dans lequel nous souhaitons nous maintenir.
      Comme si les catastrophes nucléaires n’avaient pas déjà eu lieu et n’avaient pas privé des territoires entiers de toute vie humaine, sans perspective future de sa réintroduction.
      Ma question serait plutôt dans quelles structures physiques (puisque nous parlons de cela et non des structures sociales ou politiques déjà impactées par les mêmes dominants qui financent le nucléaire) Donc, dans quelles structures physiques survivrons nous à la diffusion des déchets nucléaires dont les émanations radioactives ne seront jamais bloquées. Faudra-t-il en appeler à de nouveaux architectes ou couturiers du vivant, fabricants de nouveaux lieux de vies, de nouveaux corps, peaux, cerveaux et sexes, pour échapper à nos disparitions, dématérialiser nos vies et abolir la mort dans des espaces médicalisés et protégés de la contamination globale où le rapport à l’Autre (humain ou nature) sera un programme d’émotions numériques à déconnecter quand bon nous semblera.

      vide @touti
    • @b_b
      b_b @b_b PUBLIC DOMAIN 30/01/2020

      J’ai souvenir de scènes à ce sujet dans le documentaire Into Eternity.

      Mais peut-être que la question ne se posera « même pas » :

      Une étude révèle que les matériaux utilisés pour le stockage des déchets nucléaires – verre, céramique et acier inoxydable – interagissent entre eux, accélérant leur dégradation chimique.

      ▻https://www.courrierinternational.com/article/conditionnement-dechets-nucleaires-les-materiaux-de-stockage-

      b_b @b_b PUBLIC DOMAIN
    • @jeanmarie
      jeanmarie @jeanmarie CC BY-NC-SA 31/01/2020

      Une chronique de #Hervé_Gardette suite à la parution de l’article :

      De la difficulté à transmettre une information capitale dans un futur lointain, eu égard aux évolutions de la langue.
      ▻https://www.franceculture.fr/emissions/la-transition/le-temps-du-danger

      A voir sur le sujet également, l’expo « La Forêt Rouge » de l’artiste sud-coréen #Daesung_Lee
      ▻https://www.brestculture.fr/la-foret-rouge.html
      (j’en ai déjà trop dit, je ne veux pas spoiler plus :) )

      https://www.brestculture.fr/IMG/arton3262.jpg

      #France_Culture

      jeanmarie @jeanmarie CC BY-NC-SA
    • @odilon
      odilon @odilon CC BY-NC-ND 31/01/2020
      @jeanmarie

      merci @jeanmarie j’aimerai bien voir cette expo, la forêt rouge.

      odilon @odilon CC BY-NC-ND
    Écrire un commentaire
  • @b_b
    b_b @b_b PUBLIC DOMAIN 7/03/2019
    6
    @rastapopoulos
    @mukt
    @baroug
    @arno
    @cy_altern
    @denisb
    6
    @marcimat

    Icongram
    ►https://icongr.am

    Une sorte de méga #cheatsheet pour plein de packs/fonts d’icones.

    https://icongr.am/icongram-banner.png

    #icons merci @marcimat pour le lien :)

    b_b @b_b PUBLIC DOMAIN
    • @rastapopoulos
      RastaPopoulos @rastapopoulos CC BY-NC 7/03/2019

      #icônes #pictos #graphisme #ergonomie #web #intégration #interface

      RastaPopoulos @rastapopoulos CC BY-NC
    Écrire un commentaire
  • @ghald
    Ghaldec @ghald CC BY-NC-SA 20/09/2017

    L’accès du sujet à la fonction symbolique : l’apport de la violence de l’interprétation théorisée par Piera Aulagnier - revue ¿ Interrogations ?
    ▻http://www.revue-interrogations.org/L-acces-du-sujet-a-la-fonction

    Annotations :

    Sandor Ferenczi relève ainsi que c’est dans les premiers temps de sa vie que l’individu va acquérir, par le #langage, l’accès au « symbolisme verbal [qui] rend possible la pensée consciente [la seule qui permette l’adaptation à la réalité] dans la mesure où, s’associant aux processus de pensée en eux-mêmes inconscients, il leur confère des qualités perceptibles » (Ferenczi, 2006 : 60). Piera Aulagnier appréhende l’activité psychique comme constituée de trois modes de fonctionnement qui apparaissent successivement au cours du développement de l’infans (terme psychanalytique qui désigne l’enfant qui n’a pas encore acquis le langage) puis coexistent dans la psyché du sujet, (...)

    #psychanalyse #pictogramme #topique #.articles_revues #_P._Aulagnier #affect

    Ghaldec @ghald CC BY-NC-SA
    Écrire un commentaire
  • @ghald
    Ghaldec @ghald CC BY-NC-SA 19/09/2017

    La mort dans l’âme - Cairn.info
    ▻http://www.cairn.info/revue-topique-2001-1-page-57.htm

    Annotations :

    Piera montre en substance que la mission prioritaire de la vie psychique est de donner une interprétation de ce qui lui arrive telle qu’elle maintienne son devenir comme investissable et désirable. Elle montre avec une clarté plus grande même que celle de Freud que la préservation des investissements ne peut se réaliser que sur la base du maintien d’un investissement relationnel. La dimension relationnelle est la condition même de l’auto-conservation, c’est-à-dire de façon inséparable, de l’auto-investissement et des investissements objectaux. Pour que les pulsions du moi, le narcissisme, demeure auto-conservateur, il faut d’abord que soit préservée une possibilité relationnelle, c’est-à-dire une possibilité de lien (...)

    #psychanalyse #_Piera_Aulagnier #psychose #pictogramme #originaire_ #_Winnicott #metapsychologie #eros/thanatos

    Ghaldec @ghald CC BY-NC-SA
    Écrire un commentaire
  • @reka
    Reka @reka CC BY-NC-SA 28/04/2017

    Geography Isn’t Sacred in the Playful World of Pictorial Maps | History | National Geographic Australia - National Geographic

    ▻http://www.nationalgeographic.com.au/history/geography-isnt-sacred-in-the-playful-world-of-pictorial-maps.

    ▻http://cdn.natgeotv.com.au/11_pictorial_maps.adapt.1900.1.jpg?v=27&azure=false&scale=both&widt

    The maps in the slideshow above represent an underappreciated form of American visual art: the pictorial map. They’re maps designed to draw you in and—as often as not—try to sell you something, whether it’s a tropical vacation, a brand of bourbon, or a version of the American dream.

    Pictorial maps thrived in the United States from the 1920s to the ’60s, says Stephen Hornsby, a professor of geography at the University of Maine and author of a new book, Picturing America: The Golden Age of Pictorial Maps. “They’re a manifestation of the enormous vibrancy of American popular culture,” Hornsby says.

    #cartographie #pictogramme #isotype #sémiologie #symboles

    Reka @reka CC BY-NC-SA
    Écrire un commentaire
  • @monolecte
    Monolecte 😷🤬 @monolecte CC BY-NC-SA 18/04/2017
    3
    @mad_meg
    @reka
    @liotier
    3

    Bientôt un nouveau #pictogramme #handicap ? - LOGONEWS
    ▻http://logonews.fr/2017/04/18/bientot-nouveau-pictogramme-handicap

    http://logonews.fr/wp-content/uploads/2017/04/Comparatifs_PictoHandicap.jpg

    Il s’agissait au départ d’un projet de street art. Ses deux créateurs originels Brian Glenney et Sara Hendren collaient des stickers sur les pictogrammes handicap pour mettre en valeur une personne non plus statique mais dynamique. Cet objectif est atteint selon le bureau d’études spécialisé en accessibilité handicap Access’Autonomy. Ils décrivent ce logo comme : « la tête penchée en avant, représentant un mouvement et symbolisant le côté dynamique des personnes à mobilité réduite, la position des bras démontre l’effet de propulsion et ainsi la volonté, les roues coupées en deux renforcent l’impression de vitesse, les jambes donnent l’impression d’aller de l’avant ». Glenney et Hendren ont ensuite fait appel à un graphiste, Tim Ferguson Sauder, pour lui donner la forme qu’il a actuellement. Depuis, le logo est très souvent repris et bien au-delà des frontières US. Ses créateurs ont fait en sorte qu’il soit utilisable gratuitement et qu’il appartienne au domaine public.

    Monolecte 😷🤬 @monolecte CC BY-NC-SA
    • @perline
      Perline @perline CC BY-SA 18/04/2017

      Très belle idée. Très belle réalisation.
      Maintenant il faut inventer un logo qui ait plusieurs handicaps, le « handicap » en général quoi :)

      Perline @perline CC BY-SA
    • @reka
      Reka @reka CC BY-NC-SA 18/04/2017

      #logo #logotype

      Reka @reka CC BY-NC-SA
    • @tetue
      tetue @tetue CC BY 20/04/2017
      @perline

      @perline : la silhouette en fauteuil ne correspondant pas, l’accessibilité numérique a effectivement adopté un autre logotype.

      Voir : ▻https://seenthis.net/messages/274968
      #picto

      tetue @tetue CC BY
    Écrire un commentaire
  • @yohooo
    yohooo @yohooo CC BY-ND 19/03/2017

    Wild Life Collection | Noun Project
    ▻https://thenounproject.com/animnarsi@yahoo.com/collection/wild-life/?oq=life

    #picto #animaux #graphisme #merveille_graphique

    yohooo @yohooo CC BY-ND
    Écrire un commentaire
  • @archiloque
    Archiloque @archiloque CC BY 30/03/2016
    3
    @rastapopoulos
    @hassan_nya
    @goom
    3

    2085 free SVG and PNG icons for your games or apps
    ▻http://game-icons.net

    An ever growing collection of game icons
    Dozen new symbols are added weekly and organized in intuitive categories to offer both a comfy browsing and let room for serendipity.
    Stay up to date by following the project on twitter, subscribing to the newsletter or just fetching the RSS feed.
    Easy styling thanks to SVG
    All the images are downloadable in a vector format, so you can easily tweak colors, rotation and adjust effects like blur, bevels or shadows.
    Another direct benefit is infinite scaling, it means no size limit for the resulting files which can be used for high resolution interfaces, retina display, logos, stencils etc...
    Community oriented
    People designing video games or crafting board games have different constraints and needs.

    Archiloque @archiloque CC BY
    • @rastapopoulos
      RastaPopoulos @rastapopoulos CC BY-NC 30/03/2016

      #icônes #pictos #jeu_vidéo #SVG

      RastaPopoulos @rastapopoulos CC BY-NC
    Écrire un commentaire
  • @nhoizey
    Nicolas Hoizey @nhoizey CC BY-NC-SA 3/02/2016

     » Case Study : Our #SVG Icon Process Cloud Four Blog
    ▻http://blog.cloudfour.com/our-svg-icon-process

    SVG’s versatility empowers us to craft the most appropriate solution for our audience and use-case. So as much as I’d like to, I can’t say exactly how you should implement SVG icons in your next project. There’s no substitution for research and tryi… Tags: #processus #picto #grunt #gulp SVG #clevermarks

    Nicolas Hoizey @nhoizey CC BY-NC-SA
    • @rastapopoulos
      RastaPopoulos @rastapopoulos CC BY-NC 3/02/2016

      En lien avec, puisque ce sont les mêmes :
      ►http://seenthis.net/messages/433569

      Mais je persiste : je ne trouve pas ça bien d’avoir à insérer des images (SVG ou pas peu importe) de décoration, dans le HTML. Pour moi c’est typiquement un truc uniquement propre au thème graphique du moment, et qui doit pouvoir être changé juste en changeant les choix graphiques, sans toucher aux templates.

      RastaPopoulos @rastapopoulos CC BY-NC
    • @nhoizey
      Nicolas Hoizey @nhoizey CC BY-NC-SA 3/02/2016
      @rastapopoulos

      @rastapopoulos si tu les gères à l’extérieur et que c’est juste ton processus de packaging/déploiement qui les met dans le HTML, ça ne te suffit pas ? ;-)

      Nicolas Hoizey @nhoizey CC BY-NC-SA
    • @rastapopoulos
      RastaPopoulos @rastapopoulos CC BY-NC 3/02/2016

      oui ça c’est encore autre chose… avec un post-processeur ?

      Du coup qu’appelles-tu les gérer à l’extérieur ? Dans ton HTML tu as par exemple des classes CSS classiques, par exemple class="bouton precedent", et ensuite comme tu dis que sur cet élément tu veux le décorer avec un pictogramme SVG ?

      RastaPopoulos @rastapopoulos CC BY-NC
    • @nhoizey
      Nicolas Hoizey @nhoizey CC BY-NC-SA 3/02/2016

      Oui, par exemple, et du coup une tâche (npm, Grunt, Gulp, whatever) prend le HTML, injecte le sprite SVG au début, puis des <use> aux bons endroits.

      Nicolas Hoizey @nhoizey CC BY-NC-SA
    • @rastapopoulos
      RastaPopoulos @rastapopoulos CC BY-NC 3/02/2016

      Oui, je comprends bien le principe du post-processing, ya pas de problèmes… mais ma question c’était plus, comme tu gères concrètement le fait de dire que tu veux tel pictogramme de décoration devant le texte de tel bouton ayant telle classe ? Où et comment tu décris ça ? C’est un peu une réinvention du CSS quoi ?… :D

      RastaPopoulos @rastapopoulos CC BY-NC
    • @nhoizey
      Nicolas Hoizey @nhoizey CC BY-NC-SA 3/02/2016

      Ah mais on ne s’est pas compris, comme eux je dis que "because our icons represent or reinforce content, they should exist in markup", donc ce n’est pas (complètement) de la décoration, donc pas du ressort de CSS.

      Si tu regardes le source de ►http://play.esviji.com tu verras au tout début du <body> un sprite SVG qui contient des boutons que j’utilise après dans l’interface. Pour l’instant le sprite est en dur dans le HTML initial, mais j’ai prévu de l’externaliser dans les sources, pour qu’il ne soit inclus qu’à la « compilation ».

      Nicolas Hoizey @nhoizey CC BY-NC-SA
    • @rastapopoulos
      RastaPopoulos @rastapopoulos CC BY-NC 3/02/2016

      Ah oui mais moi je dis clairement l’inverse, que « une flèche vers la gauche », c’est une décoration pour un bouton « précédent ».
      Une loupe c’est une décoration pour un bouton « rechercher ».
      Etc etc. Donc ce n’est pas du tout du contenu (pour moi).
      (Et une icône toute seule sans aucun label, c’est quasiment à coup sûr très mal.)

      Après si le post-proc sert « juste » à dire qu’on transforme le span class « icone loupe » en lui assignant un SVG de loupe, évidemment là le truc est déjà dans les balises. Bon au moins ça permet de changer l’icône si le thème graphique change, sans toucher aux balises.

      Mais pour moi c’est le fait même de dire d’aller chercher une icône de « flèche vers la droite » qui ne fait pas partie du contenu (et qui peut très bien changer).

      RastaPopoulos @rastapopoulos CC BY-NC
    • @nhoizey
      Nicolas Hoizey @nhoizey CC BY-NC-SA 4/02/2016

      Je comprends ta réticence de puriste, on pourrait continuer sans fin… ;-)

      Une icône toute seule sans aucun label, c’est parfois nécessaire, et avec le SVG inline, ça peut être complètement accessible.

      Nicolas Hoizey @nhoizey CC BY-NC-SA
    • @rastapopoulos
      RastaPopoulos @rastapopoulos CC BY-NC 4/02/2016

      Hihi oui je sais. :D

      Pour l’accessibilité, oui et non : pour moi l’accessibilité ce n’est pas QUE une histoire de lecteur d’écran (et là oui on peut lui faire lire un label, etc). Même si t’as des yeux, une icône toute seule, il y a un grand nombre de cas où le sens n’est potentiellement pas immédiat à beaucoup trop de monde, car il n’y a pas de standard. Ça fait trop d’apprentissage, trop lent, et donc ce n’est bon ni pour les gens qui ont un handicap de compréhension (il y a des handicaps cognitifs), ni pour l’optimisation des « conversions » dans un contexte marketing.

      Les tests A/B sur hamburger seul VS mot « menu » le montrent assez bien. Et « Try Icon Labels instead of opening for interpretation. »
      ▻http://goodui.org/index.html#47

      RastaPopoulos @rastapopoulos CC BY-NC
    • @nhoizey
      Nicolas Hoizey @nhoizey CC BY-NC-SA 4/02/2016

      Je connais bien le problème du hamburger comme seule représentation du menu, effectivement. Nous sommes d’accord que c’est de l’accessibilité au sens cognitif, mais donc plus largement de l’UX pour tout le monde.

      Mais imagine mettre des labels sur tous les boutons d’un WYSIWYG par exemple… :-p

      Nicolas Hoizey @nhoizey CC BY-NC-SA
    Écrire un commentaire
  • @cdb_77
    CDB_77 @cdb_77 2/11/2015
    1
    @reka
    1
    @reka

    A Berlin, des graphistes ont développé un livre entièrement composé de pictogrammes pour communiquer avec les réfugiés. Sur le site www.icoon.de, un poster à télécharger gratuitement : First communication help : ▻http://bit.ly/1GPmkop.
    Et dans la vidéo ici (▻https://youtu.be/Ah3fnYikSgo

    ), une campagne de crowdfunding pour éditer et distribuer gratuitement ce livre aux réfugiés.
    http://www.icoon.de/images/frontimages/about/icoon-bildwoerterbuch-symbole.png

    #pictogrammes #visualisation #dictionnaire #réfugiés #asile #migrations #graphisme #communication
    cc @reka

    Reçu via Facebook

    • #Berlin
    CDB_77 @cdb_77
    • @unagi
      unagi @unagi CC BY-NC 2/11/2015

      Ils peuvent même choisir le homard.

      unagi @unagi CC BY-NC
    • @reka
      Reka @reka CC BY-NC-SA 3/11/2015

      Dans la lignée de l’excellent ▻http://www.migrantas.org/web_migrantas_english.html (à Berlin aussi)

      http://www.migrantas.org/images/pic_estall_en.jpg

      Reka @reka CC BY-NC-SA
    Écrire un commentaire
  • @nhoizey
    Nicolas Hoizey @nhoizey CC BY-NC-SA 11/09/2015
    1
    @rastapopoulos
    1

    Sans titre
    ▻http://emojipedia.org

    Tags : #emoji #encyclopédie

    Nicolas Hoizey @nhoizey CC BY-NC-SA
    • @rastapopoulos
      RastaPopoulos @rastapopoulos CC BY-NC 15/09/2015

      Huhu : Most popular :
      ? Reversed Hand With Middle Finger

      #pictogrammes #icônes

      RastaPopoulos @rastapopoulos CC BY-NC
    • @nhoizey
      Nicolas Hoizey @nhoizey CC BY-NC-SA 15/09/2015

       :-D

      Nicolas Hoizey @nhoizey CC BY-NC-SA
    Écrire un commentaire
  • @reka
    Reka @reka CC BY-NC-SA 9/12/2014
    3
    @fil
    @geneghys
    @alimielle
    3

    Bonne nouvelle ! Enfin !

    Dans la série des pictogrammes qui maltraitaient les genres, On a vu de nos yeux vus le premier pictogramme sans ambiguité - à l’aéroport de Vienne, ce soir - qui montre bien que ce sont les papas qui torchent les bébés :

    https://dl.dropbox.com/s/q0v6dqzlrgujskq/2014-12-08%2022.57.09.jpg?dl=0

    Reka @reka CC BY-NC-SA
    • @cdb_77
      CDB_77 @cdb_77 9/12/2014

      #toilettes #genre #pictogramme

      CDB_77 @cdb_77
    • @houria
      Houria @houria 9/12/2014

      Ah oui ? Un papa qui torche un bébé et c’est la nouvelle du siècle ! Effectivement, c’est tellement rare qu’il faut l’épingler et la diffuser largement.

      Houria @houria
    • @reka
      Reka @reka CC BY-NC-SA 9/12/2014
      @houria

      @houria c’est-à-dire qu’en 6 années d’observation dans ls aéroports et les gares, c’est le premier pictogramme du genre que je vois, donc oui, ça valait la peine de le montrer ! (et ça fait référence à un vieux débat démarré sur seenthis ici et là)

      Reka @reka CC BY-NC-SA
    • @cdb_77
      CDB_77 @cdb_77 25/10/2015

      J’avoue que... j’ai en premier vu cela :

      http://i.imgur.com/QLTonve.jpg

      ... et du coup je me suis énervée ("voilà, les Italiens, sexistes comme toujours... les femmes, les handicapés et les bébés ensemble... les hommes tous seuls, j’en suis sure").

      J’ai quand même fait un petit tour et regardé du côté des toilettes des hommes et...

      http://i.imgur.com/dRsNeqF.jpg

      #Italie

      J’ai vu cela au Musée de la science de Trento (très beau, par ailleurs) :

      http://www.news.giudicarie.com/images/Museo_delle_Scienze_Trentino_Muse-piano-terra_b.jpg http://media.vanityfair.it/media/new/2809456/foto%20alessandro%20gadotti%20-%20archivio%20trento%20futura%20(19)_499x269.jpg

      www.muse.it

      CDB_77 @cdb_77
    Écrire un commentaire
  • @reka
    Reka @reka CC BY-NC-SA 13/09/2014
    5
    @02myseenthis01
    @denisb
    @visionscarto
    @gastlag
    @simplicissimus
    5

    TIME(LESS) SIGNS Otto Neurath and Reflections in Austrian Contemporary Art

    Austrian Cultural Forum London

    ▻http://www.acflondon.org/exhibitions/timeless-signs-otto-neurath-and-reflections-austri

    C’est bien sur l’expo à ne pas rater ! Moi, je prendrai l’avion rien que pour voir ça. Cette expo est une sorte d’expo-miroir de celle de Vienne en Janvier 2013 “a tribute to otto neurath”

    –-> ▻http://www.zeitlose-zeichen.at/timeless-signs.html

    This multi-media exhibition, curated by Maria Christine Holter and Christopher Burke, features over 30 contributions from renowned contemporary Austria based artists, whose work is either directly or indirectly inspired by Neurath.

    TIME(LESS) SIGNS
    Otto Neurath and Reflections in Austrian Contemporary Art
    Tuesday 30 September 2014, 6.30pm | Austrian Cultural Forum London

    The exhibition continues until Friday 9 January 2015

    What is the state of art in today’s visual language? Signs, icons and ideograms determine our daily communication; pictographic guidance systems dominate public space. Much of what we understand as visual language originates in Otto Neurath’s Vienna Method of Pictorial Statistics, later known as ISOTYPE (International System of Typographic Picture Education).

    The exhibition presents various artistic strategies for using pictograms and pictorial statistics to visualise political, social, global or purely individual agendas. Original works by social economist and Vienna Circle philosopher Neurath (1882 Vienna – 1945 Oxford) will feature alongside contemporary pieces.

    http://www.acflondon.org/media/images/events/OSTEN_commuting_090_jpg_573x380_crop_q85.jpg

    Participating artists:

    Bernhard Cella, Ilse Chlan, Hazem El Mestikawy, Nikolaus Gansterer, Wilfried Gerstel, Christoph Hinterhuber, Barbara Höller, Christian Hutzinger, Martin Kaltenbrunner et al., Karl-Heinz Klopf, Matthias Klos, Lena Knilli, Clemens Kogler/ Karo Szmit, Richard Kriesche, Gert Linke, open3.at, Bernd Oppl, Olaf Osten, Hermann Josef Painitz, Waltraud Palme, Andrea Ressi, Christian Rupp, Sito Schwarzenberger, Niko Wahl, Michael Wegerer, Peter Weibel, Jun Yang and Anthony Burrill (UK).

    http://www.acflondon.org/media/images/events/YANG_revolutions_still03_jpg_573x380_crop_q85.jpg http://www.acflondon.org/media/images/events/Neurath-GW56-Cars_jpg_573x380_crop_q85.jpg http://www.acflondon.org/media/images/events/KNILLI_2010_Mitgift_jpg_573x380_crop_q85.jpg http://www.acflondon.org/media/images/events/CHLAN_patterns_of_economic_efficiency_2012_3_world_bank_jpg_573x380_crop_q85.jpg

    #otto_neurath #visualisation #pictogrammes #isotype

    • #London
    • #Oxford
    • #VIENNA
    • #Austria
    • #Christopher Burke
    • #Nikolaus Gansterer
    • #Otto Neurath
    Reka @reka CC BY-NC-SA
    • @reka
      Reka @reka CC BY-NC-SA 13/09/2014

      Pour ceux que ça intéresse, voici la présentation complète du premier volet (viennois) de cet hommage à Otto Neurath.

      ▻http://www.k-haus.at/de/ausstellungen/archiv/10/77/zeit-lose-zeichen.html

      ▻http://www.k-haus.at/de/kuenstlerhaus/aktuell/ausstellung/242/zeit-lose-zeichen-goes-london.htm

      http://www.k-haus.at/z/images/ausstellungen/2012/zeitlose_zeichen/neurath-otto__.jpg

      –— ---

      TIME(LESS) SIGNS / ZEIT(LOSE) ZEICHEN
      Contemporary Art in Reference to Otto Neurath

      http://www.k-haus.at/z/images/ausstellungen/2012/zeitlose_zeichen/zz_peraza.jpg

      13 December 2012 through 17 February 2013
      Opening: Wednesday,12.12.2012, 7 p.m.

      Pictograms, icons and apps, ... analog and digital signs determine our daily communication, visual guidance systems dominate public space. The most recent political revolutions have also relied on universally understandable pictograms. That which is state of the art in today’s media originates from Otto Neurath’s system of visualization: ISOTYPE (International System of Typographic Picture Education).

      Otto Neurath: “The common citizen should without limitation be able to obtain information about all matters of interest ...”

      Neurath, who?
      Few contemporary users or designers of pictograms are aware of their historical roots – the method of picture education and pictorial statistics created by the Austrian social economist and philosopher Otto Neurath (b. 10. Dec.1882 in Vienna, d. 22. Dec.1945 in Oxford) and his German-born graphic artist Gerd Arntz (1900–1988).

      The year 2012 commemorates the 130th anniversary of Otto Neurath’s birth. On this momentous occasion, art historian Maria Christine Holter and artist Barbara Höller are curating an exhibition investigating the significance of Neurath’s pictorial ideas for visual arts at present and for global communication. The show will focus on various strategies for using pictograms and pictorial statistic in realizing communicational aims, particularly in the clear and powerful visualization of political, social, global or purely individual agendas.

      Artists:
      Michael Bielicky (CZ) / Kamilla B. Richter (D), Anthony Burrill (GB), Bernhard Cella, Ilse Chlan, Erdal Duman (TR), Hazem El Mestikawy (EG), Harun Farocki (D), Wilfried Gerstel, Nikolaus Gansterer, Christoph Hinterhuber, Christian Hutzinger, Martin Kaltenbrunner, Karl-Heinz Klopf, Matthias Klos, Lena Knilli, Clemens Kogler / Karo Szmit, Richard Kriesche, Alexander Lehmann (D), Gert Linke, Stano Masar (SK), Kollektiv migrantas (D), open 3, Bernd Oppl, Hermann Painitz, Waltraud Palme, Palme / Richtex, Rodolfo Peraza (CU), Olaf Osten, Philippe Rekacewicz (F), Andrea Ressi, Christian Rupp, Sito Schwarzenberger, Societe Realisté (HU), Roman Tyc (CZ), Niko Wahl, Michael Wegerer, Peter Weibel, Jun Yang.

      Related activities:
      A TRIBUTE TO OTTO NEURATH – an interdisciplinary symposium, 24–25 January 2013
      Presented in cooperation with the Institute Vienna Circle (IVC), University of Vienna, the symposium will address hot topics like open data government, signal ethics, art, cartography and info graphics, as well as the historical background of ISOTYPE.

      Lectures by Peter Weibel, Christopher Burke, Elisabeth Nemeth, Günther Sandner,
      Richard Kriesche, Kollektiv migrantas, Erwin K. Bauer, Sophie Hochhäusl, Philippe Rekacewicz, Carl-Markus Piswanger & Robert Harm (open3.at)

      Reka @reka CC BY-NC-SA
    • @cdb_77
      CDB_77 @cdb_77 14/09/2014

      Plus sur Otto_Neurath :
      ►http://visionscarto.net/neurath-politics-of-orchestration

      CDB_77 @cdb_77
    Écrire un commentaire
  • @freakonometrics
    freakonometrics @freakonometrics 25/08/2014
    3
    @biggrizzly
    @reka
    @02myseenthis01
    3

    “The Battle Of The Sexes, Reduced To Pictograms”

    ▻http://www.fastcodesign.com/3034703/the-battle-of-the-sexes-reduced-to-pictograms

    http://d.fastcompany.net/multisite_files/fastcompany/imagecache/slideshow_large/slideshow/2014/08/3034703-slide-s-2-tk-gender-stereotypes-illustrated-in-playful-pictograms.jpg http://d.fastcompany.net/multisite_files/fastcompany/imagecache/slideshow_large/slideshow/2014/08/3034703-slide-s-4-tk-gender-stereotypes-illustrated-in-playful-pictograms.jpg http://e.fastcompany.net/multisite_files/fastcompany/imagecache/slideshow_large/slideshow/2014/08/3034703-slide-s-3-tk-gender-stereotypes-illustrated-in-playful-pictograms.jpg

    freakonometrics @freakonometrics
    • @cdb_77
      CDB_77 @cdb_77 26/08/2014

      #visualisation #pictogramme #genre #femme #homme

      CDB_77 @cdb_77
    Écrire un commentaire
  • @0gust1
    0gust1 @0gust1 CC BY-NC 5/08/2014
    1
    @biggrizzly
    1

    Chez Noun project : un troisième projet ouvert et collaboratif de conception d’icônes / #pictogrammes

    ▻http://thenounproject.com/johncaserta/collection/documentary

    http://thenounproject.com/static/img/collaborative_collections/documentary_icons/HeaderImage.ab6ecf14aba0.png

    Brief :

    This collection harkens back to the 1930s pictographic style, when icons were drawn as a type of early documentary photograph – descriptive of everyday actions, but more suitable for reproduction with the coarse printing presses of the era. This realistic (but not without humor, voice or wit) type of drawing is visible in Rudolf Modley and Gerd Arntz’s archive. We can get a sense of the culture by seeing a slightly simplified version of the hair, clothes, mannerisms and industrial objects of the time.

    Pictograph Corporation Icons (Rudolf Modley)
    I’m asking all of you — wherever in the world you may be — to help build a collection that documents people doing what they do today — whether funny, awkward, honorable or mundane. What I hope to see is a snapshot of contemporary global culture using a timeless pictographic style.

    Think of them as documentary icons, akin to the small format photographs taken in the subsequent era by Henri Cartier-Bresson, Robert Frank, Diane Arbus, and Lee Friedlander.

    Il y a même des indications pratiques sur comment travailler :

    http://thenounproject.com/static/img/collaborative_collections/documentary_icons/ProcessImage_1.e4ecf1b6ec5f.png http://thenounproject.com/static/img/collaborative_collections/documentary_icons/ProcessImage_2.2a55f6cad9dc.png

    #icônes #graphisme #miniatures

    0gust1 @0gust1 CC BY-NC
    • @touti
      vide @touti 6/08/2014

      Ohlala, y’a encore du chemin sur les représentations sexuées. La femme est sur les toilettes ou danse le Twerk (parade sexuelle) tandis que monsieur fait du skate ou se promène.

      vide @touti
    • @0gust1
      0gust1 @0gust1 CC BY-NC 6/08/2014

      Pour le coup, c’est assez simple de corriger la situation... le projet est ouvert :)

      I’m asking all of you — wherever in the world you may be — to help build a collection that documents people doing what they do today — whether funny, awkward, honorable or mundane. What I hope to see is a snapshot of contemporary global culture using a timeless pictographic style.

      Avec un peu d’humour, d’absurde et de dérision, on doit pouvoir proposer des pictos/miniatures un peu moins genrés, voire militants.

      Vous avez des idées ?

      0gust1 @0gust1 CC BY-NC
    • @0gust1
      0gust1 @0gust1 CC BY-NC 11/08/2014
      @tetue

      Sérieusement, si vous avez des photos qui pourraient coller, mettez les ici, on peut se partager le boulot ;)

      cc @tetue

      0gust1 @0gust1 CC BY-NC
    Écrire un commentaire
0 | 25

Thèmes liés

  • #pictogramme
  • #pictogrammes
  • #graphisme
  • #icônes
  • #icone
  • #pictos
  • #web
  • #intégration
  • #icône
  • #visualisation
  • #isotype
  • #design
  • #webdesign
  • #cultures_numériques
  • #symbole
  • #svg
  • #interface
  • person: geoffrey dorne
  • #icons
  • #accessibilité
  • #responsive
  • #affiche
  • #wtf
  • #développement
  • #logo
  • #signalétique
  • #font
  • #svg
  • #pictorial_statistics
  • #icon
  • #isotype
  • #genre
  • #webapp
  • #géolocalisation
  • #windows
  • #microsoft
  • #infographie
  • #symboles
  • #image
  • #symbols