{"id":5251,"date":"2016-04-29T08:41:38","date_gmt":"2016-04-29T06:41:38","guid":{"rendered":"http:\/\/blog.stephaniewalter.fr\/?p=5251"},"modified":"2016-04-29T08:53:42","modified_gmt":"2016-04-29T06:53:42","slug":"semaine-en-pixels-29-avril-2016","status":"publish","type":"post","link":"https:\/\/stephaniewalter.design\/fr\/blog\/semaine-en-pixels-29-avril-2016\/","title":{"rendered":"La semaine en pixels \u2013 29 avril 2016"},"content":{"rendered":"
Comme chaque semaine, \u00a0un 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 web design et de l’inspiration en tout genre : illustrations, photos, sites web, etc.<\/p>\n
Au programme cette semaine : wireframes et workflow, accessibilit\u00e9 et performance, une alternative au burger menu, design d\u2019interface en \u201ccard design\u201d et conseils g\u00e9n\u00e9raux d\u2019UI, exp\u00e9rience utilisateur des formulaires d\u2019inscription, vendre des syst\u00e8mes de design coh\u00e9rents, et techniques de cache. De tr\u00e8s jolies illustration, des petits d\u00e9tails d\u2019interface mobile en vid\u00e9o, des boutons CSS et de la couleur du c\u00f4t\u00e9 de l\u2019inspiration. Enfin des les ressources, cheatsheet Bootstrap 4, plugin de productivit\u00e9 Sketch, une checklist pour l\u2019UX des sites et apps, un plugin Photoshop et Sketch pour les Google Fonts et un plugin de modal accessible. Ne manquez \u00e9galement pas le petit jeu en Three.js.<\/p>\n
Pour plus de liens chaque matin vous pouvez me suivre sur twitter<\/a>. Bonne lecture :)<\/p>\n #Design<\/p>\n Selling Design Systems<\/a>, faire comprendre \u00e0 ses clients l\u2019importance que peut avoir un syst\u00e8me de design coh\u00e9rent et unifi\u00e9 pour leur image<\/p>\n #Workflow<\/p>\n Designing a Better Notes App<\/a> : j\u2019aime beaucoup le fait de montrer les diff\u00e9rents niveaux de fid\u00e9lit\u00e9 au produit final utilis\u00e9s dans le processus de design<\/p>\n #Accessibilit\u00e9<\/p>\n Accessibility and Performance<\/a> des slides d\u2019une conf\u00e9rence sur comment la performance va avoir des impactes sur l\u2019accessibilit\u00e9<\/p>\n #Burger<\/p>\n Designing an Alternative to the Hamburger<\/a>, une solution int\u00e9ressante d\u2019alternative au burger menu.<\/p>\n #Card #UX<\/p>\n Using Card-Based Design To Enhance UX<\/a>, utiliser du design en cartes (Pinterest like) pour am\u00e9liorer l\u2019exp\u00e9rience utilisateur<\/p>\n #Usability #Form<\/p>\n 5 Registration Form Usability Guidelines<\/a> 5 guidelines pour l\u2019utilisabilit\u00e9 des formulaires d\u2019inscription, attention au point 4 pensez \u00e0 l\u2019accessibilit\u00e9 des couleurs quand m\u00eame<\/p>\n #Cache<\/p>\n J\u2019aime beaucoup comment @jaffathecake<\/a> utilise des conversations pour expliquer des bonnes pratiques de cache et max-age<\/a><\/p>\n #UI<\/p>\n 6 Pillars of UI Design<\/a>, 6 principes de base pour des interfaces utilisables + The 5 Most Common UI Design<\/a>, 5 erreurs \u00e0 \u00e9viter en design d\u2019interface<\/p>\n #Illustration<\/p>\n handsoffmydinosaur.com<\/a> des illustrations dr\u00f4les et adorables, je suis fan de la s\u00e9rie sur les monstres<\/p>\n #Colors<\/p>\n Colorlisa.com<\/a> une liste de palette de couleurs bas\u00e9es sur les oeuvres d\u2019arts d\u2019artistes c\u00e9l\u00e8bres<\/p>\n #CSS<\/p>\n cssbuttons.tumblr.com<\/a> une collection de boutons CSS pour vous inspirer<\/p>\n #App<\/p>\n Mobile app design details with small videos<\/a>, des d\u00e9tails d\u2019application en petites vid\u00e9os<\/p>\n #Safari<\/p>\n Safari WebKit\u2019s new policy is to implement experimental features unprefixed, behind a runtime flag<\/a>, c\u2019est \u00e0 dire que les pr\u00e9fixes dans Safari vont dispara\u00eetre au profit de propri\u00e9t\u00e9s disponibles derri\u00e8re un flag.<\/p>\n #Illustration<\/p>\n Une jolie introduction \u00e0 l\u2019utilisation de textures dans les illustrations Salt & Pepper\u200a\u2014\u200aThe Art of Illustrating Texture<\/a><\/p>\n #Responsive #iframes<\/p>\n Making IFrames Responsive<\/a><\/p>\n #Outils<\/p>\n Une liste d’outils pour faire des sites web<\/a><\/p>\n #Bootstrap<\/p>\n \u00c7a pourrait servir \u00e0 certains d\u2019entre vous : Bootstrap 4 Cheat Sheet<\/a><\/p>\n #Sketch<\/p>\n Sketchrunner.com<\/a> un petit outil pour am\u00e9liorer votre workflow si vous utilisez Sketch (on dirait un peu Alfred sur mac)<\/p>\n #UX<\/p>\n User experience checklist for creating websites and applications<\/a>, une checklist UX pour vous aider \u00e0 concevoir des sites webs et des applications<\/p>\n #CSS<\/p>\n Diffee<\/a> un outil en ligne pour comparer visuellement deux sites<\/p>\n #Font #Tool<\/p>\n fontea<\/a> un plugin Photoshop (et Sketch) pour choisir et utiliser des Google Fonts directement dans votre outil de design<\/p>\n #Modal<\/p>\ntl;dnr, s’il devait n’en rester qu’un ?<\/h2>\n
<\/p>\n
Les articles de la semaine<\/h2>\n
<\/p>\n
<\/p>\n
<\/p>\n
<\/p>\n
<\/p>\n
<\/p>\n
<\/p>\n
De l\u2019inspiration et de jolies id\u00e9es<\/h2>\n
<\/p>\n
<\/p>\n
<\/p>\n
<\/p>\n
L\u2019actualit\u00e9 webdesign<\/h2>\n
<\/p>\n
Les tutoriels de la semaine<\/h2>\n
<\/p>\n
Des ressources utiles, outils et plugins pour vous faciliter la vie<\/h2>\n
<\/p>\n
<\/p>\n
<\/p>\n
<\/p>\n
<\/p>\n
<\/p>\n