{"id":1483,"date":"2013-05-03T08:46:21","date_gmt":"2013-05-03T06:46:21","guid":{"rendered":"http:\/\/blog.stephaniewalter.fr\/?p=1483"},"modified":"2013-05-03T08:47:22","modified_gmt":"2013-05-03T06:47:22","slug":"des-pixels-et-du-code-60","status":"publish","type":"post","link":"https:\/\/stephaniewalter.design\/fr\/blog\/des-pixels-et-du-code-60\/","title":{"rendered":"Des pixels et du code #60"},"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>

Cette semaine j’ai lu et\u00a0s\u00e9lectionn\u00e9 beaucoup\u00a0d’articles de fond qui traitent d’exp\u00e9rience utilisateur et d’interface. Au niveau de l’inspiration, je cherche \u00e0 me perfectionner en lettering donc vous trouverez encore beaucoup de\u00a0galeries\u00a0qui pr\u00e9sentent de jolies la jolie typographie et dessins \u00e0 la main de jolies lettres.\u00a0Dans la section des outils, je suis tomb\u00e9e entre autres sur deux petits outils pour Phtoshop bien pratiques ainsi que quelques PSD pour pr\u00e9senter ses logos et r\u00e9alisations sur diff\u00e9rents supports (carte de visite, mug, CD, etc.). Enfin, l’article \u00e0 ne pas manquer cette semaine parle de la double \u00e9tiquette \u00ab\u00a0designer\/d\u00e9veloppeur\u00a0\u00bb qui est souvent vu dans le m\u00e9tier comme une licorne, peu de gens \u00e9tant tr\u00e8s bons dans les deux domaines.<\/p>\n

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

#Typographie<\/p>\n

Donner les typos \u00e0 un client ou non? <\/a>\u00a0une r\u00e9ponse \u00e0 une question que l\u2019on se pose souvent en tant que designer : faut-il donner les versions originales des polices d\u2019\u00e9criture \u00e0 un client ou pas (r\u00e9ponse rapide : non)<\/p>\n

#UI \u00a0\u00a0#UX<\/p>\n

UI \u221d UX <\/a>la \u201cdiff\u00e9rence\u201d entre les disciplines d\u2019UI design et UX design qui sont pour l\u2019auteur interd\u00e9pendantes<\/p>\n

UX is not just a fancy word for common sense <\/a>cr\u00e9er un produit qui fonctionne et que les utilisateurs vont adorer est compliqu\u00e9 et requi\u00e8re bien plus que du \u201cbon sens\u201d<\/p>\n

#Mobilit\u00e9<\/p>\n

Why Native Is Winning<\/a> pourquoi pour le moment les applications natives reste plus fluides et \u00e0 utiliser face aux \u201cWeb Apps\u201d, et ce qu\u2019il reste \u00e0 faire aux d\u00e9veloppeurs web pour inverser la tendance<\/p>\n

#Oldtime<\/p>\n

How 10 Popular Websites Are Displayed in IE 5<\/a> ce \u00e0 quoi ressemblent 10 des sites web les plus populaires s\u2019ils \u00e9taient aujourd\u2019hui consult\u00e9s sur IE5<\/p>\n

Inspiration<\/h2>\n

#Typographie<\/p>\n

Bienvenido-Nuevo-Ano-Nuevo-Happy-New-Year<\/a> \u00a0une vitrine en typo peinte \u00e0 la main<\/p>\n

Five-words.com.au<\/a>\u00a0de la jolie typographie en petites citations de 5 mots<\/p>\n

Theartofhandlettering.tumblr.com<\/a>\u00a0un tumblr consacr\u00e9 enti\u00e8rement au lettrage \u00e0 la main<\/p>\n

#Onpage<\/p>\n

Onepagelove.com<\/a>\u00a0une galerie d\u2019inspiration de site compos\u00e9s d\u2019une seule page<\/p>\n

#Dessin<\/p>\n

Drawhomer.com<\/a>\u00a0des artistes du monde entier ont\u00a0dessin\u00e9\u00a0Homer Simpson<\/p>\n

#Pixelart<\/p>\n

Retrogaming<\/a>\u00a0des sc\u00e8nes de retrogaming \u00a0tr\u00e8s color\u00e9es en pixel art et GIFs anim\u00e9s<\/p>\n

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

#Illustrator<\/p>\n

How to Create a Conceptual Portrait Using the Scribble Effect in Adobe Illustrator<\/a> un tutoriel pour cr\u00e9er une jolie illustration de portrait avec diff\u00e9rents pinceaux et effets sous Illustrator<\/p>\n

Des ressources utiles<\/h2>\n

#Ecriture<\/p>\n

Helpmewrite.co<\/a>\u00a0si vous ne savez pas sur quel sujet \u00e9crire, vous pouvez utiliser ce petit outil pour demander \u00e0 la communaut\u00e9 sur quoi vous devriez \u00e9crire<\/p>\n

#Photoshop<\/p>\n

Pspanels.com<\/a>\u00a0des panneaux Photoshop gratuits et payants s\u00e9lectionn\u00e9s pour les web designers<\/p>\n

Expanding Smart Objects (Script) <\/a>un script Photoshop pour ajouter un raccourcis clavier \u00a0permettant d\u2019\u00e9tendre les smart objects dans un groupe de calques<\/p>\n

#CSS<\/p>\n

Fwpolice.com\/css\/<\/a> un outil en ligne pour unifier et rendre le CSS plus lisible<\/p>\n

#SVG<\/p>\n

Livicons.com<\/a>\u00a0des ic\u00f4nes anim\u00e9es qui utilisent du SVG pour l\u2019animation<\/p>\n

#Freebies #Presentation de produits<\/p>\n

Freestuffs<\/a> un petit ensemble de freebies pour pr\u00e9senter vos travaux (cartes de visite, tasses, etc)<\/p>\n

#Freelance<\/p>\n

Freelancer-app.fr<\/a>\u00a0un outil en ligne pour faire plus facilement vos devis et gestion de compte en tant que freelance<\/p>\n

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

#Wireframe<\/p>\n

30 Wireframe Templates and Toolkits<\/a> 30 outils, templates et toolkits pour cr\u00e9er des wireframes facilement<\/p>\n

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

#Webdesign<\/p>\n

On Being A Designer And A Developer: Not Quite Unicorn Rare\u00a0<\/a>au final les designers et d\u00e9veloppeurs (plus au sens \u201cint\u00e9grateur\u201d dans l\u2019article) ont beaucoup de choses en commun, se limiter \u00e0 l\u2019un ou l\u2019autre n\u2019est au final qu\u2019une barri\u00e8re mentale que l\u2019on s\u2019impose \u00e0 soi m\u00eame, et \u00eatre bon dans les deux n\u2019est pas une licorne inaccessible, \u00e7a demande juste du temps et beaucoup de travail<\/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.Cette semaine j’ai lu et\u00a0s\u00e9lectionn\u00e9 beaucoup\u00a0d’articles de fond qui traitent d’exp\u00e9rience utilisateur et d’interface. Au niveau de l’inspiration, je cherche \u00e0 me perfectionner en lettering donc vous trouverez encore beaucoup de\u00a0galeries\u00a0qui pr\u00e9sentent de jolies la jolie typographie et dessins \u00e0 la main de jolies lettres.\u00a0Dans la section des outils, je suis tomb\u00e9e entre autres sur deux petits outils pour Phtoshop bien pratiques …<\/p>\n","protected":false},"author":3,"featured_media":1484,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[105],"tags":[],"class_list":["post-1483","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-veille-liens-utiles"],"yoast_head":"\nDes pixels et du code #60 - par St\u00e9phanie Walter - UX Researcher & Designer<\/title>\n<!-- Added by HTTrack --><meta http-equiv="content-type" content="text/html;charset=UTF-8" /><!-- /Added by HTTrack --> <meta name=\"description\" content=\"Exp\u00e9rience utilisateur (UX), le bon sens et la diff\u00e9rences avec l'UI, jolies typos et lettrages, applications natives VS webapps mobiles, sites populaires sous IE5\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=_-3821.html \/>\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 #60 - par St\u00e9phanie Walter - UX Researcher & Designer\" \/>\n<meta property=\"og:description\" content=\"Exp\u00e9rience utilisateur (UX), le bon sens et la diff\u00e9rences avec l'UI, jolies typos et lettrages, applications natives VS webapps mobiles, sites populaires sous IE5\" \/>\n<meta property=\"og:url\" content=\"https:\/\/stephaniewalter.design\/fr\/blog\/des-pixels-et-du-code-60\/\" \/>\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-03T06:46:21+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2013-05-03T06:47:22+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/stephaniewalter.design\/wp-content\/blogs.dir\/2\/files\/2013\/05\/pixelcode60.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-60\/\",\"url\":\"https:\/\/stephaniewalter.design\/fr\/blog\/des-pixels-et-du-code-60\/\",\"name\":\"Des pixels et du code #60 - 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-60\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/stephaniewalter.design\/fr\/blog\/des-pixels-et-du-code-60\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/stephaniewalter.design\/fr\/files\/2013\/05\/pixelcode60.jpg\",\"datePublished\":\"2013-05-03T06:46:21+00:00\",\"dateModified\":\"2013-05-03T06:47:22+00:00\",\"author\":{\"@id\":\"https:\/\/stephaniewalter.design\/fr\/#\/schema\/person\/643a9e5afcb1e550b6f4dca290fbf4cf\"},\"description\":\"Exp\u00e9rience utilisateur (UX), le bon sens et la diff\u00e9rences avec l'UI, jolies typos et lettrages, applications natives VS webapps mobiles, sites populaires sous IE5\",\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/stephaniewalter.design\/fr\/blog\/des-pixels-et-du-code-60\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\/\/stephaniewalter.design\/fr\/blog\/des-pixels-et-du-code-60\/#primaryimage\",\"url\":\"https:\/\/stephaniewalter.design\/fr\/files\/2013\/05\/pixelcode60.jpg\",\"contentUrl\":\"https:\/\/stephaniewalter.design\/fr\/files\/2013\/05\/pixelcode60.jpg\",\"width\":700,\"height\":200,\"caption\":\"Des pixels et du code #60\"},{\"@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 #60 - par St\u00e9phanie Walter - UX Researcher & Designer","description":"Exp\u00e9rience utilisateur (UX), le bon sens et la diff\u00e9rences avec l'UI, jolies typos et lettrages, applications natives VS webapps mobiles, sites populaires sous IE5","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-60\/","og_locale":"fr_FR","og_type":"article","og_title":"Des pixels et du code #60 - par St\u00e9phanie Walter - UX Researcher & Designer","og_description":"Exp\u00e9rience utilisateur (UX), le bon sens et la diff\u00e9rences avec l'UI, jolies typos et lettrages, applications natives VS webapps mobiles, sites populaires sous IE5","og_url":"https:\/\/stephaniewalter.design\/fr\/blog\/des-pixels-et-du-code-60\/","og_site_name":"St\u00e9phanie Walter - Senior UX designer, experte mobile, conf\u00e9rences et articles.","article_published_time":"2013-05-03T06:46:21+00:00","article_modified_time":"2013-05-03T06:47:22+00:00","og_image":[{"width":700,"height":200,"url":"https:\/\/stephaniewalter.design\/wp-content\/blogs.dir\/2\/files\/2013\/05\/pixelcode60.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-60\/","url":"https:\/\/stephaniewalter.design\/fr\/blog\/des-pixels-et-du-code-60\/","name":"Des pixels et du code #60 - 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-60\/#primaryimage"},"image":{"@id":"https:\/\/stephaniewalter.design\/fr\/blog\/des-pixels-et-du-code-60\/#primaryimage"},"thumbnailUrl":"https:\/\/stephaniewalter.design\/fr\/files\/2013\/05\/pixelcode60.jpg","datePublished":"2013-05-03T06:46:21+00:00","dateModified":"2013-05-03T06:47:22+00:00","author":{"@id":"https:\/\/stephaniewalter.design\/fr\/#\/schema\/person\/643a9e5afcb1e550b6f4dca290fbf4cf"},"description":"Exp\u00e9rience utilisateur (UX), le bon sens et la diff\u00e9rences avec l'UI, jolies typos et lettrages, applications natives VS webapps mobiles, sites populaires sous IE5","inLanguage":"fr-FR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/stephaniewalter.design\/fr\/blog\/des-pixels-et-du-code-60\/"]}]},{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/stephaniewalter.design\/fr\/blog\/des-pixels-et-du-code-60\/#primaryimage","url":"https:\/\/stephaniewalter.design\/fr\/files\/2013\/05\/pixelcode60.jpg","contentUrl":"https:\/\/stephaniewalter.design\/fr\/files\/2013\/05\/pixelcode60.jpg","width":700,"height":200,"caption":"Des pixels et du code #60"},{"@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\/1483"}],"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=1483"}],"version-history":[{"count":0,"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/posts\/1483\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/media\/1484"}],"wp:attachment":[{"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/media?parent=1483"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/categories?post=1483"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/tags?post=1483"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}