{"id":2570,"date":"2014-04-04T08:56:59","date_gmt":"2014-04-04T06:56:59","guid":{"rendered":"http:\/\/blog.stephaniewalter.fr\/?p=2570"},"modified":"2014-04-04T09:01:23","modified_gmt":"2014-04-04T07:01:23","slug":"semaine-en-pixels-4-avril-2014","status":"publish","type":"post","link":"https:\/\/stephaniewalter.design\/fr\/blog\/semaine-en-pixels-4-avril-2014\/","title":{"rendered":"La semaine en pixels \u2013 4 avril 2014"},"content":{"rendered":"
Ce contenu a \u00e9t\u00e9 r\u00e9dig\u00e9 il y a 11 ans. Il se peut qu'il ne soit plus \u00e0 jour.<\/div>

Comme chaque semaine, \u00a0je vous propose un condens\u00e9 de mes lectures et ma veille Web Design et graphisme, exp\u00e9rience utilisateurs, design d’interface et mobilit\u00e9, mais aussi des outils et ressources pour le webdesign et inspiration en tout genre (illustrations, photos, sites web, etc.). Cette semaine est particuli\u00e8rement riche en ressources : plugins Photoshop, outils de prototypages, ic\u00f4nes \u00e0 t\u00e9l\u00e9charger et jolies polices d’\u00e9critures, de quoi booster vos designs.
\nPour plus de liens n’h\u00e9sitez pas \u00e0 me suivre sur twitter<\/a>. Bonne lecture :)<\/p>\n

Les articles \u00e0 lire<\/h2>\n

#Burger Icon
\nThe origin of the hamburger icon<\/a>, l\u2019ic\u00f4ne \u201cburger menu\u201d que l\u2019on utilise aujourd\u2019hui sur mobile et site responsive existait d\u00e9j\u00e0 en 1981<\/p>\n

\"burgericon\"<\/p>\n

#Interface
\nList Beats Grid: Linear Feeds Perform Two to Three Times Better Than Grids <\/a>apr\u00e8s quelques tests, les cr\u00e9ateurs de Prismatic se sont rendu compte que la mise en page lin\u00e9aire fonctionnait mieux aupr\u00e8s des utilisateurs de leur produit que la mise en page en grilles<\/p>\n

#Speed
\nThe \u201cPsychological\u201d Speed of Mobile Interfaces<\/a>\u00a0l\u2019importance de l\u2019impression de vitesse dans les interfaces<\/p>\n

\"The<\/p>\n

#Ecommerce
\nUsers Overlook Store Pickup When Not Presented as a Shipping Option<\/a> : beaucoup d\u2019utilisateurs voient le \u201cretrait en magasin\u201d comme une option de livraison et s\u2019attendent \u00e0 le retrouver dans la partie du processus d\u2019achat d\u00e9di\u00e9 \u00e0 la livraison<\/p>\n

#Couleurs<\/span><\/p>\n

Tips to Create an Accessible and Contrasted Color Palette<\/a> quelques astuces pour cr\u00e9er une palette de couleur accessible<\/p>\n

\"Tips<\/p>\n

Inspiration<\/h2>\n

#Effets Sp\u00e9ciaux
\nI want to be adopted : \u00ab\u00a0Watch A Dreamworks Animator Turn His Son Into A Superhero With DIY Special Effects<\/a>\u00a0\u00bb<\/p>\n

\"Dreamworks<\/p>\n

#Gif
\nSome amazing animated gifs with swirl and pulse<\/a><\/p>\n

#Interface
\nRetro User Interface<\/a> des interfaces ihm venus du pass\u00e9, nostalgie<\/p>\n

\"visualpunk\"<\/p>\n

#Identit\u00e9
\nL\u2019identit\u00e9 graphique de Yeah Burger<\/a> envoie du lourd niveau illustrations !<\/p>\n

\"yeah!\"<\/p>\n

#Icons
\nMinimalist fruit icons<\/a> des petites ic\u00f4nes de fruits minimalistes<\/p>\n

\"fruiticon\"<\/p>\n

Les tutoriels de la semaine<\/h2>\n

#CSS
\nThe Magic of CSS<\/a> un petit livre en ligne pour apprendre ou revoir quelques astuces CSS<\/p>\n

Des ressources utiles<\/h2>\n

#Checklist
\nixdchecklist.com<\/a> \u00a0\u00a0une checklist pour du design d’interactions<\/p>\n

\"ixd<\/p>\n

#Chat
\nHuhu Cat Commerce icon pack<\/a>, de quoi donner un peu de miaou \u00e0 votre e-commerce. Je ne sais pas trop si c\u2019est vraiment utilisable, mais l\u2019id\u00e9e m\u2019a fait sourire.<\/p>\n

#Ic\u00f4nes
\nIconic<\/a>, vous pouvez d\u00e9sormais tester Iconic gratuitement<\/p>\n

#Email
\nA Guide to Animated GIFs in Email <\/a>: quelques conseils ajouter des GIFs dans vos campagnes d\u2019emailing<\/p>\n

Des ressources gratuites<\/h2>\n

#Ic\u00f4nes
\nBatch<\/a>, plus de 300+ ic\u00f4nes pour du design de site et applications<\/p>\n

\"batch\"<\/p>\n

#Font
\nUGO <\/a>is a free font design with different combinations<\/p>\n

\"ugo\"<\/p>\n

Les outils \u00a0et plugins pour vous faciliter la vie<\/h2>\n

#Photoshop
\nVelositey <\/a>un petit plugin Photoshop avec pleins de raccourcis super utiles pour cr\u00e9er rapidement des prototypes, mesurer des \u00e9l\u00e9ments, ajouter des rep\u00e8res, supprimer les calques invisibles et pleins d\u2019autres.<\/p>\n

\"Velositey\"<\/p>\n

#Responsive Email
\nResponsive email patterns<\/a> une liste de pattern de design avec leur code pour des emails responsive<\/p>\n

#Prototype
\nPrott<\/a> a l\u2019air d\u2019un outil tr\u00e8s sympa pour le prototype fonctionnel d\u2019applications mobiles \u00e0 partir de wireframes papier ou de maquettes finalis\u00e9es, quelqu\u2019un a pu le tester d\u00e9j\u00e0 ?<\/p>\n

\"prott\"<\/p>\n

#Typography
\nType Scale<\/a> un outil en ligne pour tester visuellement et calculer le rythme vertical de la typographie sur votre site<\/p>\n

\"typescale\"<\/p>\n

Pour le fun: jeux et d\u00e9mos sympas et impressionnantes<\/h2>\n

#CSS
\nFun demo: (Webkit) Clip Path Carousel <\/a>une d\u00e9mo de carousel avec une transition en losange<\/p>\n

Fun demo: CSS color picker<\/a><\/p>\n

#Experts
\nThe Expert (Short Comedy Sketch)<\/a> une video satirique sur les r\u00e9unions client \u00ab\u00a0Can you draw the line in the form of a kitten, our target audience loves cats\u00a0\u00bb<\/p>\n

\"experts\"<\/p>\n

Et s’il devait n’en rester qu’un ?<\/h2>\n

#Poster
\n\u201cX-Men: Days of Future Past\u201d \u00a0partie 1<\/a> et partie 2<\/a>, \u00a0quelques posters de fan art pour c\u00e9l\u00e9brer la sortie prochaine du film<\/p>\n

\"X-Men:<\/p>\n","protected":false},"excerpt":{"rendered":"

Ce contenu a \u00e9t\u00e9 r\u00e9dig\u00e9 il y a 11 ans. Il se peut qu’il ne soit plus \u00e0 jour.Comme chaque semaine, \u00a0je vous propose un condens\u00e9 de mes lectures et ma veille Web Design et graphisme, exp\u00e9rience utilisateurs, design d’interface et mobilit\u00e9, mais aussi des outils et ressources pour le webdesign et inspiration en tout genre (illustrations, photos, sites web, etc.). Cette semaine est particuli\u00e8rement riche en ressources : plugins Photoshop, outils de prototypages, ic\u00f4nes \u00e0 t\u00e9l\u00e9charger et jolies polices …<\/p>\n","protected":false},"author":3,"featured_media":2571,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"link","meta":{"_acf_changed":false,"footnotes":""},"categories":[105],"tags":[],"class_list":["post-2570","post","type-post","status-publish","format-link","has-post-thumbnail","hentry","category-veille-liens-utiles","post_format-post-format-link"],"yoast_head":"\nLa semaine en pixels \u2013 4 avril 2014 - par St\u00e9phanie Walter - UX Researcher & Designer<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/stephaniewalter.design\/fr\/blog\/semaine-en-pixels-4-avril-2014\/\" \/>\n<meta property=\"og:locale\" content=\"fr_FR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"La semaine en pixels \u2013 4 avril 2014 - par St\u00e9phanie Walter - UX Researcher & Designer\" \/>\n<meta property=\"og:description\" content=\"Ce contenu a \u00e9t\u00e9 r\u00e9dig\u00e9 il y a 11 ans. Il se peut qu'il ne soit plus \u00e0 jour.Comme chaque semaine, \u00a0je vous propose un condens\u00e9 de mes lectures et ma veille Web Design et graphisme, exp\u00e9rience utilisateurs, design d’interface et mobilit\u00e9, mais aussi des outils et ressources pour le webdesign et inspiration en tout genre (illustrations, photos, sites web, etc.). Cette semaine est particuli\u00e8rement riche en ressources : plugins Photoshop, outils de prototypages, ic\u00f4nes \u00e0 t\u00e9l\u00e9charger et jolies polices …\" \/>\n<meta property=\"og:url\" content=\"https:\/\/stephaniewalter.design\/fr\/blog\/semaine-en-pixels-4-avril-2014\/\" \/>\n<meta property=\"og:site_name\" content=\"St\u00e9phanie Walter - Senior UX designer, experte mobile, conf\u00e9rences et articles.\" \/>\n<meta property=\"article:published_time\" content=\"2014-04-04T06:56:59+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2014-04-04T07:01:23+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/stephaniewalter.design\/wp-content\/blogs.dir\/2\/files\/2014\/04\/lienssemaine1avril.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"850\" \/>\n\t<meta property=\"og:image:height\" content=\"350\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"St\u00e9phanie Walter\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@walterstephanie\" \/>\n<meta name=\"twitter:site\" content=\"@walterstephanie\" \/>\n<meta name=\"twitter:label1\" content=\"\u00c9crit par\" \/>\n\t<meta name=\"twitter:data1\" content=\"St\u00e9phanie Walter\" \/>\n\t<meta name=\"twitter:label2\" content=\"Dur\u00e9e de lecture estim\u00e9e\" \/>\n\t<meta name=\"twitter:data2\" content=\"3 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/stephaniewalter.design\/fr\/blog\/semaine-en-pixels-4-avril-2014\/\",\"url\":\"https:\/\/stephaniewalter.design\/fr\/blog\/semaine-en-pixels-4-avril-2014\/\",\"name\":\"La semaine en pixels \u2013 4 avril 2014 - par St\u00e9phanie Walter - UX Researcher & Designer\",\"isPartOf\":{\"@id\":\"https:\/\/stephaniewalter.design\/fr\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/stephaniewalter.design\/fr\/blog\/semaine-en-pixels-4-avril-2014\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/stephaniewalter.design\/fr\/blog\/semaine-en-pixels-4-avril-2014\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/stephaniewalter.design\/fr\/files\/2014\/04\/lienssemaine1avril.jpg\",\"datePublished\":\"2014-04-04T06:56:59+00:00\",\"dateModified\":\"2014-04-04T07:01:23+00:00\",\"author\":{\"@id\":\"https:\/\/stephaniewalter.design\/fr\/#\/schema\/person\/643a9e5afcb1e550b6f4dca290fbf4cf\"},\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/stephaniewalter.design\/fr\/blog\/semaine-en-pixels-4-avril-2014\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\/\/stephaniewalter.design\/fr\/blog\/semaine-en-pixels-4-avril-2014\/#primaryimage\",\"url\":\"https:\/\/stephaniewalter.design\/fr\/files\/2014\/04\/lienssemaine1avril.jpg\",\"contentUrl\":\"https:\/\/stephaniewalter.design\/fr\/files\/2014\/04\/lienssemaine1avril.jpg\",\"width\":850,\"height\":350,\"caption\":\"La semaine en pixels \u2013 4 avril 2014\"},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/stephaniewalter.design\/fr\/#website\",\"url\":\"https:\/\/stephaniewalter.design\/fr\/\",\"name\":\"St\u00e9phanie Walter - Senior UX designer, experte mobile, conf\u00e9rences et articles.\",\"description\":\"Je partage ici mes conseils, mes ressources et outils sur la conception centr\u00e9e utilisateur, la recherche et tests utilisateur, le design de produits, la strat\u00e9gie mobile, l'utilisabilit\u00e9 et l'accessibilit\u00e9.\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/stephaniewalter.design\/fr\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"fr-FR\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/stephaniewalter.design\/fr\/#\/schema\/person\/643a9e5afcb1e550b6f4dca290fbf4cf\",\"name\":\"St\u00e9phanie Walter\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\/\/stephaniewalter.design\/fr\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/f383c6a4dc55e331bbe2987b622cee6b?s=96&d=retro&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/f383c6a4dc55e331bbe2987b622cee6b?s=96&d=retro&r=g\",\"caption\":\"St\u00e9phanie Walter\"},\"description\":\"UX Researcher & Product Designer. Mobile Expert. Public speaker. Blog writer. Google Dev Expert Web Platform and Product Design (GDE)\",\"sameAs\":[\"https:\/\/stephaniewalter.design\/\",\"https:\/\/www.linkedin.com\/in\/stephaniewalterpro\/\",\"https:\/\/x.com\/walterstephanie\"]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"La semaine en pixels \u2013 4 avril 2014 - par St\u00e9phanie Walter - UX Researcher & Designer","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/stephaniewalter.design\/fr\/blog\/semaine-en-pixels-4-avril-2014\/","og_locale":"fr_FR","og_type":"article","og_title":"La semaine en pixels \u2013 4 avril 2014 - par St\u00e9phanie Walter - UX Researcher & Designer","og_description":"Ce contenu a \u00e9t\u00e9 r\u00e9dig\u00e9 il y a 11 ans. Il se peut qu'il ne soit plus \u00e0 jour.Comme chaque semaine, \u00a0je vous propose un condens\u00e9 de mes lectures et ma veille Web Design et graphisme, exp\u00e9rience utilisateurs, design d’interface et mobilit\u00e9, mais aussi des outils et ressources pour le webdesign et inspiration en tout genre (illustrations, photos, sites web, etc.). Cette semaine est particuli\u00e8rement riche en ressources : plugins Photoshop, outils de prototypages, ic\u00f4nes \u00e0 t\u00e9l\u00e9charger et jolies polices …","og_url":"https:\/\/stephaniewalter.design\/fr\/blog\/semaine-en-pixels-4-avril-2014\/","og_site_name":"St\u00e9phanie Walter - Senior UX designer, experte mobile, conf\u00e9rences et articles.","article_published_time":"2014-04-04T06:56:59+00:00","article_modified_time":"2014-04-04T07:01:23+00:00","og_image":[{"width":850,"height":350,"url":"https:\/\/stephaniewalter.design\/wp-content\/blogs.dir\/2\/files\/2014\/04\/lienssemaine1avril.jpg","type":"image\/jpeg"}],"author":"St\u00e9phanie Walter","twitter_card":"summary_large_image","twitter_creator":"@walterstephanie","twitter_site":"@walterstephanie","twitter_misc":{"\u00c9crit par":"St\u00e9phanie Walter","Dur\u00e9e de lecture estim\u00e9e":"3 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/stephaniewalter.design\/fr\/blog\/semaine-en-pixels-4-avril-2014\/","url":"https:\/\/stephaniewalter.design\/fr\/blog\/semaine-en-pixels-4-avril-2014\/","name":"La semaine en pixels \u2013 4 avril 2014 - par St\u00e9phanie Walter - UX Researcher & Designer","isPartOf":{"@id":"https:\/\/stephaniewalter.design\/fr\/#website"},"primaryImageOfPage":{"@id":"https:\/\/stephaniewalter.design\/fr\/blog\/semaine-en-pixels-4-avril-2014\/#primaryimage"},"image":{"@id":"https:\/\/stephaniewalter.design\/fr\/blog\/semaine-en-pixels-4-avril-2014\/#primaryimage"},"thumbnailUrl":"https:\/\/stephaniewalter.design\/fr\/files\/2014\/04\/lienssemaine1avril.jpg","datePublished":"2014-04-04T06:56:59+00:00","dateModified":"2014-04-04T07:01:23+00:00","author":{"@id":"https:\/\/stephaniewalter.design\/fr\/#\/schema\/person\/643a9e5afcb1e550b6f4dca290fbf4cf"},"inLanguage":"fr-FR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/stephaniewalter.design\/fr\/blog\/semaine-en-pixels-4-avril-2014\/"]}]},{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/stephaniewalter.design\/fr\/blog\/semaine-en-pixels-4-avril-2014\/#primaryimage","url":"https:\/\/stephaniewalter.design\/fr\/files\/2014\/04\/lienssemaine1avril.jpg","contentUrl":"https:\/\/stephaniewalter.design\/fr\/files\/2014\/04\/lienssemaine1avril.jpg","width":850,"height":350,"caption":"La semaine en pixels \u2013 4 avril 2014"},{"@type":"WebSite","@id":"https:\/\/stephaniewalter.design\/fr\/#website","url":"https:\/\/stephaniewalter.design\/fr\/","name":"St\u00e9phanie Walter - Senior UX designer, experte mobile, conf\u00e9rences et articles.","description":"Je partage ici mes conseils, mes ressources et outils sur la conception centr\u00e9e utilisateur, la recherche et tests utilisateur, le design de produits, la strat\u00e9gie mobile, l'utilisabilit\u00e9 et l'accessibilit\u00e9.","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/stephaniewalter.design\/fr\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"fr-FR"},{"@type":"Person","@id":"https:\/\/stephaniewalter.design\/fr\/#\/schema\/person\/643a9e5afcb1e550b6f4dca290fbf4cf","name":"St\u00e9phanie Walter","image":{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/stephaniewalter.design\/fr\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/f383c6a4dc55e331bbe2987b622cee6b?s=96&d=retro&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/f383c6a4dc55e331bbe2987b622cee6b?s=96&d=retro&r=g","caption":"St\u00e9phanie Walter"},"description":"UX Researcher & Product Designer. Mobile Expert. Public speaker. Blog writer. Google Dev Expert Web Platform and Product Design (GDE)","sameAs":["https:\/\/stephaniewalter.design\/","https:\/\/www.linkedin.com\/in\/stephaniewalterpro\/","https:\/\/x.com\/walterstephanie"]}]}},"acf":[],"_links":{"self":[{"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/posts\/2570","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/comments?post=2570"}],"version-history":[{"count":0,"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/posts\/2570\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/media\/2571"}],"wp:attachment":[{"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/media?parent=2570"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/categories?post=2570"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/tags?post=2570"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}