{"id":4698,"date":"2015-12-04T08:00:19","date_gmt":"2015-12-04T07:00:19","guid":{"rendered":"http:\/\/blog.stephaniewalter.fr\/?p=4698"},"modified":"2015-12-04T08:47:47","modified_gmt":"2015-12-04T07:47:47","slug":"la-semaine-en-pixels-4-decembre-2015","status":"publish","type":"post","link":"https:\/\/stephaniewalter.design\/fr\/blog\/la-semaine-en-pixels-4-decembre-2015\/","title":{"rendered":"La semaine en pixels \u2013 4 d\u00e9cembre 2015"},"content":{"rendered":"
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.).<\/p>\n
Au programme cette semaine : des bonnes pratiques et commandements d’exp\u00e9rience utilisateur, am\u00e9liorer la typographie de ses designs, des petits rappels sur le paradoxe du choix mais aussi sur des guidelines pour un menu utilisable,\u00a0l’\u00e9volution de \u00a0\u00bb l’internet mobile \u00ab\u00a0, un jeu sympa, des sushis et une librairie d’\u00e9l\u00e9ments d’UI, les nouveaut\u00e9s Adobe Photoshop et Illustrator, un petit tutoriel flexbox bien ludique, des outils de typographie dans le navigateur et gestionnaires de police, un petit rappel de ce qui est disponible en HTML5 dans nos navigateurs aujourd’hui et un peu de fun en fin d’article.<\/p>\n
Pour plus de liens vous pouvez me suivre sur twitter<\/a>. Bonne lecture :)<\/p>\n #UX<\/p>\n 15 UX commandments<\/a>, les 15 commandements du design d\u2019exp\u00e9rience utilisateur<\/p>\n <\/p>\n #Typographie<\/p>\n Un article sympa pour les d\u00e9butants en typographie : 10 Ways to Improve Typography In Your Designs<\/a><\/p>\n <\/p>\n #Icons<\/p>\n Adobe Illustrator Workspace for icon design<\/a>, configurer Illustrator pour le design d\u2019ic\u00f4nes<\/p>\n <\/p>\n #UX<\/p>\n Simplicity Wins over Abundance of Choice<\/a>, le paradoxe du choix expliqu\u00e9 et les danger du \u201ctrop d\u2019options\u201d illustr\u00e9 avec une machine \u00e0 Soda<\/p>\n <\/p>\n #Design<\/p>\n Design Thinking: Learn How to Solve Problems Like a Designer<\/a>, un joli article sur le \u201cdesign thinking\u201d, bon, dit comme \u00e7a \u00e7a fait un peu buzzword2.0 mais les illustrations et les cas tr\u00e8s concrets sont tr\u00e8s int\u00e9ressants :)<\/p>\n <\/p>\n #Design #Menu<\/p>\n Menu Design: Checklist of 15 UX Guidelines to Help Users<\/a>, 15 lignes directrices pour vous aider \u00e0 cr\u00e9er un menu utilisable<\/p>\n <\/p>\n #Mobile<\/p>\n There is no Mobile Internet<\/a>. Un excellent article sur l\u2019\u00e9volution des appareils et des t\u00e2ches \u00e0 accomplir gr\u00e2ce \u00e0 ces appareils<\/p>\n <\/p>\n #Usability #Form<\/p>\n The State of Mobile Checkout & Form Usability<\/a>, l\u2019utilisabilit\u00e9 des formulaires sur mobile<\/p>\n #Photos<\/p>\n Shutterstock color trends 2015<\/a> – \u00a0Shutterstock a identifi\u00e9 \u00e0 partir des donn\u00e9es des images t\u00e9l\u00e9charg\u00e9es les tendances des couleurs utilis\u00e9es le plus dans les photos de 2015<\/p>\n <\/p>\n #Miam<\/p>\n Apprendre \u00e0 faire des sushis qui ressemblent \u00e0 des carpes koi <\/a><3<\/p>\n <\/p>\n #Jeu<\/p>\n J\u2019ai des copains qui font des trucs carr\u00e9ment sympa sur Steam Greenlight, tu votes ? \u00a0Dungeon Rushers<\/a><\/p>\n <\/p>\n #Journal<\/p>\n Un design inspir\u00e9 du style des journaux papier<\/a> dans codepen<\/p>\n <\/p>\n #Pattern #Snippets<\/p>\n littlesnippets.net<\/a> rassemble des bouts de code et des patterns d\u2019UI pour votre inspiration<\/p>\n <\/p>\n #Adobe<\/p>\n Adobe unveil major update to Photoshop<\/a>, des artboards am\u00e9lior\u00e9s, un nouvel espace de travail, une fonction d\u2019enregistrement plus pouss\u00e9e et moins lourde que le \u201csave for the web\u201d, etc.<\/p>\n #Illustrator<\/p>\n Petite am\u00e9lioration de l\u2019outil d\u2019export SVG dans la derni\u00e8re version d\u2019Illustrator<\/a><\/p>\n #CSS #Flexbox<\/p>\n Apprendre \u00e0 utilser flexbox avec un petit jeu sympa : flexboxfroggy.com<\/a><\/p>\n <\/p>\n #Typographie<\/p>\n type-scale.com<\/a> \u00a0un outil pour vous aider \u00e0 mettre en place le rythme typographique sur une page<\/p>\n <\/p>\n #HTML<\/p>\n Gethtml.at<\/a> les \u00e9l\u00e9ments HTML expliqu\u00e9s sur une seule page<\/p>\n <\/p>\n #Feedback<\/p>\n Juntoo.co<\/a>, un outil pour ajouter des annotations et faire des retours sur un site \u201clive\u201d (un peu comme invision, mais sur du vrai site pas de la maquette). \u00c7a a l\u2019air carr\u00e9ment cool pour les phases de recette graphique.<\/p>\n <\/p>\n #Outils<\/p>\n ? Modern Workflow & Tooling Talk<\/a>, une conf\u00e9rence sur les outils modernes comme gulp, grunt, npm, etc.<\/p>\n <\/p>\n #UX #Statistiques<\/p>\n Quelques statistiques sur l\u2019UX (en anglais)<\/a><\/p>\n <\/p>\n #HTML5<\/p>\n Whatwebcando.today<\/a> Quelles sont les APIs HTML5 fonctionnelles aujourd\u2019hui qui me permettront de construire une app<\/p>\n <\/p>\n #Fonts<\/p>\n 10 Most Popular Font Managers for Mac & Windows<\/a> , 10 gestionnaires de polices pour mac et windows<\/p>\n <\/p>\n #Social<\/p>\ntl;dnr, s’il devait n’en rester qu’un ?<\/h2>\n
Les articles de la semaine<\/h2>\n
De l\u2019inspiration et de jolies id\u00e9es<\/h2>\n
L\u2019actualit\u00e9 webdesign<\/h2>\n
Les tutoriels de la semaine<\/h2>\n
Des ressources utiles, outils et plugins pour vous faciliter la vie<\/h2>\n
Pour le fun: jeux et d\u00e9mos sympas et impressionnantes<\/h2>\n