{"id":1496,"date":"2013-05-10T10:43:49","date_gmt":"2013-05-10T08:43:49","guid":{"rendered":"http:\/\/blog.stephaniewalter.fr\/?p=1496"},"modified":"2013-05-10T10:44:03","modified_gmt":"2013-05-10T08:44:03","slug":"des-pixels-et-du-code-61","status":"publish","type":"post","link":"https:\/\/stephaniewalter.design\/fr\/blog\/des-pixels-et-du-code-61\/","title":{"rendered":"Des pixels et du code #61"},"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>

Cette semaine on parle encore et toujours de flat design pendant qu’Adobe annonce \u00ab\u00a0discr\u00e8tement\u00a0\u00bb la mort de Fireworks. Vous trouverez dans les liens utile un joli tutoriel sur la vectorisation de lettres, un retour d’exp\u00e9rience sur la cr\u00e9ation du logo de Mapado, quelques ressources pour Sublimte Text, un tutoriel pour cr\u00e9er une jolie navigation responsive ainsi que des plugins pour Photoshop, et des d\u00e9mos en canvas tr\u00e8s sympas. Enfin The Ustwo a sorti la version 2 de leur petit PDF \u00ab\u00a0Pixel Perfect Precision Handbook\u00a0\u00bb avec toujours de bons conseils pour travailler de mani\u00e8re efficace dans Photoshop. Bonne lecture !<\/p>\n

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

#Webdesign<\/p>\n

How to Present Designs<\/a> 5 conseils pour pr\u00e9senter ses trav aux de mani\u00e8re \u00e0 obtenir en retour des feedbacks constructifs avec lesquels travailler<\/p>\n

#FlatDesign<\/p>\n

Don\u2019t Blame Flat UI for your Design Problems<\/a> , ce n\u2019est pas le flat design qui ajoute de la complexit\u00e9 \u00e0 un produit, m\u00eame si ils simplifie visuellement les interfaces, une application ou site avec une mauvais architecture d\u2019information restera complexe pour l\u2019utilisateur. Ce n\u2019est pas en ajoutant de gros boutons glossy qui vont attirer l\u2019attention de l\u2019utilisateur que l\u2019interface en sera plus simple d\u2019utilisation pour autant.<\/p>\n

Calling Bull$#!%: On Flat Design<\/a> une analyse du flat design o\u00f9 l\u2019auteur pose la question de ce qui reste \u201cm\u00e9morable\u201d pour l\u2019utilisateur dans un design \u201cflat\u201d<\/p>\n

#Affichage<\/p>\n

Lenticular Photo Used To Secretly Convey Hot Line Number To Abused Kids<\/a> \u00a0superbe id\u00e9e pour lutter contre les mauvais traitements des enfants : une affich\u00e9e compos\u00e9e de deux images superpos\u00e9es visibles \u00e0 deux diff\u00e9rentes hauteurs. L\u2019enfant verra le num\u00e9ro de t\u00e9l\u00e9phone du centre d\u2019aide avec l\u2019image de l\u2019enfant agress\u00e9 et l\u2019adulte qui l\u2019accompagne ne verra qu’une affiche classique.<\/p>\n

#Adobe<\/p>\n

The Future of Adobe Fireworks<\/a> difficile d\u2019\u00e9chapper \u00e0 LA rumeur de la semaine selon laquelle Adobe va tuer Fireworks, un peu plus d’\u00e9claircissements dans l\u2019annonce officielle<\/p>\n

#Typography<\/p>\n

The History of Typography – Animated Short <\/a>l\u2019histoire de la typographie en une petite vid\u00e9o anim\u00e9e de 5minutes<\/p>\n

#UX<\/p>\n

52 weeks of UX<\/a>\u00a0\u00a0une fois n\u2019est pas coutume ce n\u2019est pas un article mais un site en entier que je vous conseille cette semaine, si l\u2019exp\u00e9rience utilisateur vous int\u00e9resse ce site est une mine d\u2019or d\u2019excellents articles dans le domaine.<\/p>\n

Inspiration<\/h2>\n

#Photographie<\/p>\n

Neuromaencer.tumblr.com<\/a>\u00a0des photos class\u00e9s par couleur de sorte \u00e0 faire un arc en ciel colorim\u00e9trique au fur et \u00e0 mesure que vous allez scroller pour les d\u00e9couvrir, tr\u00e8s jolie id\u00e9e<\/p>\n

#Logo design<\/p>\n

Logo design process <\/a>\u00a0Christelle Mozzati d\u00e9crit le processus cr\u00e9atif derri\u00e8re le tr\u00e8s joli logo de Mapado<\/p>\n

Yourlogoisnothardcore<\/a>\u00a0un tumblr qui rassemble des logos dans un style tr\u00e8s particulier<\/p>\n

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

#Typographie<\/p>\n

Top-Level Vector Lettering Tips from Dribbble <\/a>\u00a0Rayan Hamrick partage quelques astuces pour la vectorisation de lettres<\/p>\n

Des ressources utiles<\/h2>\n

#Sublime Text 2<\/p>\n

Phoenix-theme<\/a> un th\u00e8me Sublime Text pour personnaliser l\u2019interface tr\u00e8s sympa<\/p>\n

#Pixel perfection<\/p>\n

The ustwo\u2122 Pixel Perfect Precision Handbook 2 <\/a>un petit ebook (disponible en fichier .PDF aussi) pleins de bons conseils \u201ctechniques\u201d pour le design et d\u00e9taill\u00e9s sur la cr\u00e9ation et gestion de fichiers sous Photoshop<\/p>\n

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

#Inspiration<\/p>\n

imprss.me<\/a> un outil pour cr\u00e9er collecter des screenshots de site web pour cr\u00e9er une galerie d\u2019inspiration<\/p>\n

#Photoshop<\/p>\n

Halftone Creator Photoshop Plugin <\/a>un plugin Photoshop pour ajouter un effet Halftone sur vos images<\/p>\n

Les d\u00e9mos sympas et impressionnantes<\/h2>\n

#G\u00e9om\u00e9trie<\/p>\n

Tonado<\/a>, une exp\u00e9rience en canvas avec laquelle vous allez pouvoir jouer<\/p>\n

#Canvas<\/p>\n

Shape Shifter<\/a> une petit demo d\u2019effet sur du texte en petits points, entrez le texte que vous souhaitez et observez les r\u00e9fultats<\/p>\n

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

#Tutoriel<\/p>\n

Un menu Responsive et Retina-Friendly sur Codrops<\/a>\u00a0mon tutoriel sur Codrops pour cr\u00e9er un menu responsive avec 3 diff\u00e9rentes mises en page qui s’adapte en fonction de l’\u00e9cran<\/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.Cette semaine on parle encore et toujours de flat design pendant qu’Adobe annonce \u00ab\u00a0discr\u00e8tement\u00a0\u00bb la mort de Fireworks. Vous trouverez dans les liens utile un joli tutoriel sur la vectorisation de lettres, un retour d’exp\u00e9rience sur la cr\u00e9ation du logo de Mapado, quelques ressources pour Sublimte Text, un tutoriel pour cr\u00e9er une jolie navigation responsive ainsi que des plugins pour Photoshop, et …<\/p>\n","protected":false},"author":3,"featured_media":1497,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"link","meta":{"_acf_changed":false,"footnotes":""},"categories":[105],"tags":[],"class_list":["post-1496","post","type-post","status-publish","format-link","has-post-thumbnail","hentry","category-veille-liens-utiles","post_format-post-format-link"],"yoast_head":"\nDes pixels et du code #61 - par St\u00e9phanie Walter - UX Researcher & Designer<\/title>\n<meta name=\"description\" content=\"Les liens de la semaine: Navigation responsive, processus de cr\u00e9ation de logo, histoire de la typographie en vid\u00e9o, mort de Fireworks et utilisabilit\u00e9 du flat design.\" \/>\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\/des-pixels-et-du-code-61\/\" \/>\n<meta property=\"og:locale\" content=\"fr_FR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Des pixels et du code #61 - par St\u00e9phanie Walter - UX Researcher & Designer\" \/>\n<meta property=\"og:description\" content=\"Les liens de la semaine: Navigation responsive, processus de cr\u00e9ation de logo, histoire de la typographie en vid\u00e9o, mort de Fireworks et utilisabilit\u00e9 du flat design.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/stephaniewalter.design\/fr\/blog\/des-pixels-et-du-code-61\/\" \/>\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=\"2013-05-10T08:43:49+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2013-05-10T08:44:03+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/stephaniewalter.design\/wp-content\/blogs.dir\/2\/files\/2013\/05\/pixelcode61.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"700\" \/>\n\t<meta property=\"og:image:height\" content=\"200\" \/>\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\/des-pixels-et-du-code-61\/\",\"url\":\"https:\/\/stephaniewalter.design\/fr\/blog\/des-pixels-et-du-code-61\/\",\"name\":\"Des pixels et du code #61 - par St\u00e9phanie Walter - UX Researcher & Designer\",\"isPartOf\":{\"@id\":\"https:\/\/stephaniewalter.design\/fr\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/stephaniewalter.design\/fr\/blog\/des-pixels-et-du-code-61\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/stephaniewalter.design\/fr\/blog\/des-pixels-et-du-code-61\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/stephaniewalter.design\/fr\/files\/2013\/05\/pixelcode61.jpg\",\"datePublished\":\"2013-05-10T08:43:49+00:00\",\"dateModified\":\"2013-05-10T08:44:03+00:00\",\"author\":{\"@id\":\"https:\/\/stephaniewalter.design\/fr\/#\/schema\/person\/643a9e5afcb1e550b6f4dca290fbf4cf\"},\"description\":\"Les liens de la semaine: Navigation responsive, processus de cr\u00e9ation de logo, histoire de la typographie en vid\u00e9o, mort de Fireworks et utilisabilit\u00e9 du flat design.\",\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/stephaniewalter.design\/fr\/blog\/des-pixels-et-du-code-61\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\/\/stephaniewalter.design\/fr\/blog\/des-pixels-et-du-code-61\/#primaryimage\",\"url\":\"https:\/\/stephaniewalter.design\/fr\/files\/2013\/05\/pixelcode61.jpg\",\"contentUrl\":\"https:\/\/stephaniewalter.design\/fr\/files\/2013\/05\/pixelcode61.jpg\",\"width\":700,\"height\":200,\"caption\":\"Des pixels et du code #61\"},{\"@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":"Des pixels et du code #61 - par St\u00e9phanie Walter - UX Researcher & Designer","description":"Les liens de la semaine: Navigation responsive, processus de cr\u00e9ation de logo, histoire de la typographie en vid\u00e9o, mort de Fireworks et utilisabilit\u00e9 du flat design.","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\/des-pixels-et-du-code-61\/","og_locale":"fr_FR","og_type":"article","og_title":"Des pixels et du code #61 - par St\u00e9phanie Walter - UX Researcher & Designer","og_description":"Les liens de la semaine: Navigation responsive, processus de cr\u00e9ation de logo, histoire de la typographie en vid\u00e9o, mort de Fireworks et utilisabilit\u00e9 du flat design.","og_url":"https:\/\/stephaniewalter.design\/fr\/blog\/des-pixels-et-du-code-61\/","og_site_name":"St\u00e9phanie Walter - Senior UX designer, experte mobile, conf\u00e9rences et articles.","article_published_time":"2013-05-10T08:43:49+00:00","article_modified_time":"2013-05-10T08:44:03+00:00","og_image":[{"width":700,"height":200,"url":"https:\/\/stephaniewalter.design\/wp-content\/blogs.dir\/2\/files\/2013\/05\/pixelcode61.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\/des-pixels-et-du-code-61\/","url":"https:\/\/stephaniewalter.design\/fr\/blog\/des-pixels-et-du-code-61\/","name":"Des pixels et du code #61 - par St\u00e9phanie Walter - UX Researcher & Designer","isPartOf":{"@id":"https:\/\/stephaniewalter.design\/fr\/#website"},"primaryImageOfPage":{"@id":"https:\/\/stephaniewalter.design\/fr\/blog\/des-pixels-et-du-code-61\/#primaryimage"},"image":{"@id":"https:\/\/stephaniewalter.design\/fr\/blog\/des-pixels-et-du-code-61\/#primaryimage"},"thumbnailUrl":"https:\/\/stephaniewalter.design\/fr\/files\/2013\/05\/pixelcode61.jpg","datePublished":"2013-05-10T08:43:49+00:00","dateModified":"2013-05-10T08:44:03+00:00","author":{"@id":"https:\/\/stephaniewalter.design\/fr\/#\/schema\/person\/643a9e5afcb1e550b6f4dca290fbf4cf"},"description":"Les liens de la semaine: Navigation responsive, processus de cr\u00e9ation de logo, histoire de la typographie en vid\u00e9o, mort de Fireworks et utilisabilit\u00e9 du flat design.","inLanguage":"fr-FR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/stephaniewalter.design\/fr\/blog\/des-pixels-et-du-code-61\/"]}]},{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/stephaniewalter.design\/fr\/blog\/des-pixels-et-du-code-61\/#primaryimage","url":"https:\/\/stephaniewalter.design\/fr\/files\/2013\/05\/pixelcode61.jpg","contentUrl":"https:\/\/stephaniewalter.design\/fr\/files\/2013\/05\/pixelcode61.jpg","width":700,"height":200,"caption":"Des pixels et du code #61"},{"@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\/1496","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=1496"}],"version-history":[{"count":0,"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/posts\/1496\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/media\/1497"}],"wp:attachment":[{"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/media?parent=1496"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/categories?post=1496"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/tags?post=1496"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}