Tous les articles dans Ressources et Outils

La semaine en pixels – 6 Mai 2018

Chaque semaine,  un condensé de ma veille web design, UX (expérience utilisateurs), design d’interface et mobilité, HTML et CSS, mais aussi des outils et ressources et de l’inspiration en tout genre. Au programme : erreurs de design de desinscription aux newsletters, un guide de tailles de police d’interface, les wireframes papier, publier une PWA sur les stores, des astuces de symboles Sketch, les “Priority Guides”, design de données, unités relatives CSS, utiliser :focus-within pour faire des menus déroulants, inputmode sur …Lire la suite

Des ressources pour designer des tableaux de données complexes

En ce moment je travaille sur différents dashboards avec des tableaux de données plus ou moins longs et complexes à afficher. Je me retrouve à rechercher tout le temps les mêmes articles donc je me suis dit que j’allais en faire un pense bête sur le blog et vous les partager. Voici ma liste de ressources lorsque j’ai besoin d’idées et d’inspiration pour designer des tableaux avec beaucoup de données, des interactions complexes, etc. Les articles détaillés avec des cas …Lire la suite

La semaine en pixels – 12 janvier 2018

Chaque semaine,  un condensé de ma veille web design, UX (expérience utilisateurs), design d’interface et mobilité, HTML et CSS, mais aussi des outils et ressources et de l’inspiration en tout genre (illustrations, photos, sites web, etc.) Au programme : pas mal d’astuces Sketch, un article sur les “quick wins”, designer pour créer de la friction, évaluer l’expérience utilisateur, des conférences UX pour 2018, le design des emotes de League of Legends, des conseils pour de jolies illustrations, une checklist pour …Lire la suite

Astuce : se débarrasser des “overrides” (surcharges) inutiles des symboles Sketch

Pour 2018 j’ai décidé d’essayer de publier plus régulièrement des petits articles astuces et ressources utiles au quotidien dans mon processus d’UX designer. Ma première astuce de l’année concerne Sketch. Si comme moi vous l’utilisez au quotidien, vous n’êtes pas sans savoir qu’il est possible d’imbriquer du texte et des symboles dans des symboles dans des symboles pour ensuite les redéfinir ou surcharger. Mais à trop jouer au jeu de l’inception de symboles, on finit très vite avec un panneau …Lire la suite

Trouver de jolies images libres et gratuites en CC0 pour vos projets

Trouver de jolies images libres et gratuites en CC0 pour vos projets

Ce contenu a été rédigé il y a 3 années. Il se peut qu’il ne soit plus à jours.Projets sans budgets d’achat d’art, blogs personnels, il n’est hélas pas toujours possible d’acheter des images pour tous nos projets. C’est là que généralement on se retourne vers les solutions d’images libres sous licence Creative Commons : de plus en plus de sites proposent d’utiliser gratuitement des images mises gracieusement à disposition de leur auteur, à condition toute fois de citer l’auteur. C’est suffisant …Lire la suite

Sizzlepig, un outil en ligne de recadrage et redimension automatique d’images

Ce contenu a été rédigé il y a 4 années. Il se peut qu’il ne soit plus à jours.Créer plusieurs versions de la même image lorsque l’on est rédacteur de contenus est souvent long et fastidieux. Ça se fait généralement à la main, ou avec des scripts d’automatisation dont les résultats sont parfois hasardeux au niveau de la composition de l’image puisque tout est automatisé. Ce matin je suis tombée sur un outil en ligne très prometteur : Sizzlepig. Ce …Lire la suite

SpecKing, un plugin pour créer des spécifications dans Photoshop

SpecKing, un plugin pour créer des spécifications dans Photoshop

Ce contenu a été rédigé il y a 5 années. Il se peut qu’il ne soit plus à jours.J’ai pu tester ce weekend SpecKing, un plugin Photoshop qui vous permet de créer des calques de “spécifications”. Il se compose de 3 panneaux qui permettent de récupérer les largeurs et hauteurs d’éléments, les distances (padding et margin) ainsi que toutes les informations typographiques d’un calques texte. Vous pouvez lire le teste du plugin en anglais dans l’article “SpecKing, a plugin to …Lire la suite

Animations et transitions d’interface : où trouver l’inspiration ?

Animations et transitions d'interface : où trouver l'inspiration ?

Ce contenu a été rédigé il y a 5 années. Il se peut qu’il ne soit plus à jours.Dans le design d’interface et de site web, chaque petit détail compte de plus en plus. Les petites transitions et animations entre les éléments d’interface avec lesquels l’utilisateur va interagir au survol ou au clique sont aujourd’hui une partie très importante de l’expérience globale qu’il va avoir avec un service ou une application en ligne. L’excellent article “Transitional Interfaces” vous donnera de …Lire la suite

Outils de capture d’écran d’une page d’un site en entier et envoi sur Pinterest

Outils de capture d’écran d’un site en entier

Ce contenu a été rédigé il y a 5 années. Il se peut qu’il ne soit plus à jours.J’ai souvent besoin de faire des captures d’écran d’une page d’un site en entier pour envoyer des retours à un client,  pour faire des images pour mon portfolio ou pour envoyer sur Pinterest pour alimenter mes galeries d’inspiration. Avant ma technique se résumait à faire une capture de ce qui est dans le navigateur, scroller, faire une capture, scroller, puis faire un puzzle …Lire la suite

Pixel Dropr, un plugin Photoshop pour créer des collections d’assets

PixelDropr, un plugin Photoshop pour créer des collections d'assets

Ce contenu a été rédigé il y a 5 années. Il se peut qu’il ne soit plus à jours.Je suis une grande fan d’Illustrator, et particulièrement des librairies de symboles qui permettent facilement d’enregistrer toute une collection d’assets, icônes et boutons pour les glisser/déposer directement dans un projet.  J’attendais donc le plugin PixelDropr avec impatience depuis que j’ai vu une démonstration de son potentiel sur dribbble. Comme vous l’aurez compris, Pixel Dropr est un plugin Photoshop (CS5 et 6 proposé à 19$). …Lire la suite