{"id":3054,"date":"2014-08-22T08:32:44","date_gmt":"2014-08-22T06:32:44","guid":{"rendered":"http:\/\/blog.stephaniewalter.fr\/?p=3054"},"modified":"2014-08-22T08:42:09","modified_gmt":"2014-08-22T06:42:09","slug":"semaine-en-pixels-22-aout-2014","status":"publish","type":"post","link":"https:\/\/stephaniewalter.design\/fr\/blog\/semaine-en-pixels-22-aout-2014\/","title":{"rendered":"La semaine en pixels \u2013 22 ao\u00fbt 2014"},"content":{"rendered":"
Ce contenu a \u00e9t\u00e9 r\u00e9dig\u00e9 il y a 12 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 vous saurez tout ce qu’il y a \u00e0 savoir sur le DPI et leur utilisation pour du design sur diff\u00e9rentes densit\u00e9s d’\u00e9cran, vous aurez quelques conseils pour travailler en \u00e9quipe sur Photoshop. N’oubliez pas de jeter un \u0153il \u00e0 la section des outils si la typographie vous int\u00e9ressent. Enfin c’est l’\u00e9t\u00e9, la s\u00e9lection des liens de la semaine vous r\u00e9serve donc un joli lien un peu NSFW, du logo phallique totalement assum\u00e9\u00a0dans l’inspiration de la semaine et un gros WTF en fin d’article :D<\/p>\n

Pour plus de liens vous pouvez me suivre sur twitter<\/a>. Bonne lecture :)<\/p>\n

tl;dnr, s’il devait n’en rester qu’un ?<\/h2>\n

#Design #DPI<\/p>\n

Designer’s guide to DPI<\/a> : une lecture longue mais tr\u00e8s compl\u00e8te sur les DPI et designer pour des densit\u00e9s de pixels diff\u00e9rentes<\/p>\n

\"Designer's<\/p>\n

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

#User Experience<\/p>\n

Want the Best User Experience? Make it Harder to Add Features<\/a> : l\u2019auteur cite les r\u00e9centes externalisations de certaines fonctionnalit\u00e9s de Facebook ou Foursquare pour amener l\u2019id\u00e9e qu\u2019ajouter trop de fonctionnalit\u00e9s nuit \u00e0 l\u2019exp\u00e9rience utilisateur<\/p>\n

#Photoshop #Team<\/p>\n

The Mobify CS Design Team Photoshop Handbook<\/a> conseils et astuces pour travailler en \u00e9quipe avec Photoshop<\/p>\n

\"The<\/p>\n

Les Nouveaut\u00e9s webdesign<\/h2>\n

#Sketch #Meetup<\/p>\n

Il y a un Sketch Meetup<\/a> pr\u00e9vu \u00e0 Paris le 25 Septembre<\/p>\n

\"Sketch<\/p>\n

De l\u2019inspiration et de jolies id\u00e9es<\/h2>\n

#Dots<\/p>\n

Character dots<\/a>, c\u2019est dingue le nombre de trucs funs que l\u2019on peut faire juste avec quelques points :)<\/p>\n

\"Character<\/p>\n

#Photos<\/p>\n

Girls as Internet Browsers by Mike Roshuk<\/a> – \u00e7a pique un peu quand m\u00eame \u00a0et c\u2019est totalement kitsch ^^<\/p>\n

#UI<\/p>\n

2min de vid\u00e9o pour les fans d’UI futuriste : \u00a0Guardians of The Galaxy UI Reel<\/a><\/p>\n

\"Guardians<\/p>\n

#Logo<\/p>\n

DirtyBird Fried Chicken<\/a> un epic win pour ce joli logo phallique \u201con a pas fait expr\u00e8s on y voit un d et un b\u201d d\u2019apr\u00e8s les propri\u00e9taires de la marque.<\/p>\n

\"DirtyBird<\/p>\n

#Photos #NSFW<\/p>\n

<3 <3 and <3 Theexposeproject.com<\/a> un jolie projet photo qui rend hommage \u00e0 toutes les tailles et morphologies de femmes, loin des magazines<\/p>\n

\"

Theexposeproject.com<\/p><\/div>\n

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

#SVG<\/p>\n

Making SVGs Responsive with CSS<\/a> : utilisation du SVG et des media queries pour cr\u00e9er des illustrations qui s\u2019adaptent aux tailles de navigateur<\/p>\n

\"responsive-SVG\"<\/p>\n

Des ressources utiles<\/h2>\n

#Brand<\/p>\n

14 Page Logo and Brand Identity Guidelines Template for Download<\/a> – un template de 14 pages pour cr\u00e9er une charte graphique \u00a0d\u2019utilisation de logo (en anglais)<\/p>\n

\"14<\/p>\n

#Sketch<\/p>\n

Whousessket.ch<\/a> an overview of freelancers and agencies using Sketch<\/p>\n

\"Whousessket.ch\"<\/p>\n

#Table #Responsive<\/p>\n

Another approach to responsive scrollable tables <\/a><\/p>\n

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

#Product<\/p>\n

Frame<\/a> un outil en ligne qui vous permet de rapidement pr\u00e9senter vos designs dans diff\u00e9rents appareils iOS, Android et ordinateurs<\/p>\n

\"Frame<\/p>\n

#Checklist<\/h2>\n

Visual Designers Checklist for the Web<\/a> : la checklist du webdesigner<\/p>\n

\"Designer<\/p>\n

#Photos<\/p>\n

Designerspics.com<\/a> un autre site qui propose des photos libre pour utilisation commerciale et celui l\u00e0 a en plus un formulaire de recherche :)<\/p>\n

\"designerpics\"<\/p>\n

#Typographie<\/p>\n

Gridlover.net<\/a> un outil en ligne pour mettre en place le rythme vertical d\u2019un site<\/p>\n

\"gridlover\"<\/p>\n

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

#Meouw<\/p>\n

Best loader ever<\/a><\/p>\n

\"Meouw<\/p>\n

#CSS<\/p>\n

Une tr\u00e8s jolie id\u00e9e :\u00a0HEX Color Clock<\/a>, une montre dont l\u2019heure est exprim\u00e9e en couleurs hexad\u00e9cimales<\/p>\n

\"hexclock\"<\/p>\n

 <\/p>\n

Et pour finir le WTF de la semaine : on a enfin trouv\u00e9 une utilisation marrante aux stockphotos :<\/p>\n

pornhubcommentsonstockphotos.tumblr.com<\/a>\u00a0(rassurez vous c\u2019est totalement SFW)<\/p>\n

\"stockphoto<\/p>\n","protected":false},"excerpt":{"rendered":"

Ce contenu a \u00e9t\u00e9 r\u00e9dig\u00e9 il y a 12 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 vous saurez tout ce qu’il y a \u00e0 savoir sur le DPI et leur utilisation pour du …<\/p>\n","protected":false},"author":3,"featured_media":3069,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"link","meta":{"_acf_changed":false,"footnotes":""},"categories":[105],"tags":[],"class_list":["post-3054","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 22 ao\u00fbt 2014 - par St\u00e9phanie Walter - UX Researcher & Designer<\/title>\n<meta name=\"description\" content=\"Les liens webdesign \u00e0 ne pas manquer : utilisation des DPIs dans le Webdesign, outils de rythme vertical et Checklist pour designer et workflow d'\u00e9quipe dans Photoshop\" \/>\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-22-aout-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 22 ao\u00fbt 2014 - par St\u00e9phanie Walter - UX Researcher & Designer\" \/>\n<meta property=\"og:description\" content=\"Les liens webdesign \u00e0 ne pas manquer : utilisation des DPIs dans le Webdesign, outils de rythme vertical et Checklist pour designer et workflow d'\u00e9quipe dans Photoshop\" \/>\n<meta property=\"og:url\" content=\"https:\/\/stephaniewalter.design\/fr\/blog\/semaine-en-pixels-22-aout-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-08-22T06:32:44+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2014-08-22T06:42:09+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/stephaniewalter.design\/wp-content\/blogs.dir\/2\/files\/2014\/08\/semaine-pixel-22aout.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=\"@https:\/\/bsky.app\/profile\/stephaniewalter.bsky.social\" \/>\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-22-aout-2014\/\",\"url\":\"https:\/\/stephaniewalter.design\/fr\/blog\/semaine-en-pixels-22-aout-2014\/\",\"name\":\"La semaine en pixels \u2013 22 ao\u00fbt 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-22-aout-2014\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/stephaniewalter.design\/fr\/blog\/semaine-en-pixels-22-aout-2014\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/stephaniewalter.design\/fr\/files\/2014\/08\/semaine-pixel-22aout.jpg\",\"datePublished\":\"2014-08-22T06:32:44+00:00\",\"dateModified\":\"2014-08-22T06:42:09+00:00\",\"author\":{\"@id\":\"https:\/\/stephaniewalter.design\/fr\/#\/schema\/person\/643a9e5afcb1e550b6f4dca290fbf4cf\"},\"description\":\"Les liens webdesign \u00e0 ne pas manquer : utilisation des DPIs dans le Webdesign, outils de rythme vertical et Checklist pour designer et workflow d'\u00e9quipe dans Photoshop\",\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/stephaniewalter.design\/fr\/blog\/semaine-en-pixels-22-aout-2014\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\/\/stephaniewalter.design\/fr\/blog\/semaine-en-pixels-22-aout-2014\/#primaryimage\",\"url\":\"https:\/\/stephaniewalter.design\/fr\/files\/2014\/08\/semaine-pixel-22aout.jpg\",\"contentUrl\":\"https:\/\/stephaniewalter.design\/fr\/files\/2014\/08\/semaine-pixel-22aout.jpg\",\"width\":850,\"height\":350,\"caption\":\"La semaine en pixels \u2013 22 ao\u00fbt 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\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"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\/3311148a94caa2e5ae146ff1cdf9aaf3a0127a7db0337d8c8cbbfc4a425cab0e?s=96&d=retro&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/3311148a94caa2e5ae146ff1cdf9aaf3a0127a7db0337d8c8cbbfc4a425cab0e?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\/https:\/\/bsky.app\/profile\/stephaniewalter.bsky.social\"]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"La semaine en pixels \u2013 22 ao\u00fbt 2014 - par St\u00e9phanie Walter - UX Researcher & Designer","description":"Les liens webdesign \u00e0 ne pas manquer : utilisation des DPIs dans le Webdesign, outils de rythme vertical et Checklist pour designer et workflow d'\u00e9quipe dans Photoshop","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-22-aout-2014\/","og_locale":"fr_FR","og_type":"article","og_title":"La semaine en pixels \u2013 22 ao\u00fbt 2014 - par St\u00e9phanie Walter - UX Researcher & Designer","og_description":"Les liens webdesign \u00e0 ne pas manquer : utilisation des DPIs dans le Webdesign, outils de rythme vertical et Checklist pour designer et workflow d'\u00e9quipe dans Photoshop","og_url":"https:\/\/stephaniewalter.design\/fr\/blog\/semaine-en-pixels-22-aout-2014\/","og_site_name":"St\u00e9phanie Walter - Senior UX designer, experte mobile, conf\u00e9rences et articles.","article_published_time":"2014-08-22T06:32:44+00:00","article_modified_time":"2014-08-22T06:42:09+00:00","og_image":[{"width":850,"height":350,"url":"https:\/\/stephaniewalter.design\/wp-content\/blogs.dir\/2\/files\/2014\/08\/semaine-pixel-22aout.jpg","type":"image\/jpeg"}],"author":"St\u00e9phanie Walter","twitter_card":"summary_large_image","twitter_creator":"@https:\/\/bsky.app\/profile\/stephaniewalter.bsky.social","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-22-aout-2014\/","url":"https:\/\/stephaniewalter.design\/fr\/blog\/semaine-en-pixels-22-aout-2014\/","name":"La semaine en pixels \u2013 22 ao\u00fbt 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-22-aout-2014\/#primaryimage"},"image":{"@id":"https:\/\/stephaniewalter.design\/fr\/blog\/semaine-en-pixels-22-aout-2014\/#primaryimage"},"thumbnailUrl":"https:\/\/stephaniewalter.design\/fr\/files\/2014\/08\/semaine-pixel-22aout.jpg","datePublished":"2014-08-22T06:32:44+00:00","dateModified":"2014-08-22T06:42:09+00:00","author":{"@id":"https:\/\/stephaniewalter.design\/fr\/#\/schema\/person\/643a9e5afcb1e550b6f4dca290fbf4cf"},"description":"Les liens webdesign \u00e0 ne pas manquer : utilisation des DPIs dans le Webdesign, outils de rythme vertical et Checklist pour designer et workflow d'\u00e9quipe dans Photoshop","inLanguage":"fr-FR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/stephaniewalter.design\/fr\/blog\/semaine-en-pixels-22-aout-2014\/"]}]},{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/stephaniewalter.design\/fr\/blog\/semaine-en-pixels-22-aout-2014\/#primaryimage","url":"https:\/\/stephaniewalter.design\/fr\/files\/2014\/08\/semaine-pixel-22aout.jpg","contentUrl":"https:\/\/stephaniewalter.design\/fr\/files\/2014\/08\/semaine-pixel-22aout.jpg","width":850,"height":350,"caption":"La semaine en pixels \u2013 22 ao\u00fbt 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":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"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\/3311148a94caa2e5ae146ff1cdf9aaf3a0127a7db0337d8c8cbbfc4a425cab0e?s=96&d=retro&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/3311148a94caa2e5ae146ff1cdf9aaf3a0127a7db0337d8c8cbbfc4a425cab0e?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\/https:\/\/bsky.app\/profile\/stephaniewalter.bsky.social"]}]}},"acf":[],"_links":{"self":[{"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/posts\/3054","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=3054"}],"version-history":[{"count":0,"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/posts\/3054\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/media\/3069"}],"wp:attachment":[{"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/media?parent=3054"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/categories?post=3054"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/tags?post=3054"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}