LiquidPro : Un UI Kit à télécharger gratuitement (Sketch & Psd)

LiquidPro est un UI Kit à télécharger gratuitement, disponible en deux versions : pour Sketch app et pour Photoshop.
Comme vous pouvez le voir via les captures ci-dessous, si vous êtes à la recherche d’un kit d’interface de qualité, celui-ci vaut le détour !

LiquidPro pour Photoshop LiquidPro pour Sketch

 

Sketch app : Tous les raccourcis clavier

Si vous êtes un utilisateur de Sketch, cette nouvelle ressource devrait très certainement vous plaire. Quelque soit le logiciel de création graphique avec lequel vous travaillez, les raccourcis clavier nous aide à gagner du temps pendant nos longues journées de travail, entre deux cafés.

Meng To, vous vous met à disposition l’ensemble de ces raccourcis sur son site design+code.
En plus de la possibilité de télécharger le fichier du clavier au format .sketch, il vous met à disposition tout un ensemble de démo rapide, au top !

Voir les raccourcis pour sketch

 

Un UI Kit Material Design à télécharger (.psd .sketch .XD)

Si vous concevez des interfaces mobiles pour application Android, que ce soit avec Photoshop, Sketch ou encore Adobe XD, cette ressource devrait vous intéresser.

En effet, Emma Drews à conçu cet UI Kit, disponible en format PSD, Sketch et XD. De quoi satisfaire tout le monde !

Pour télécharger cet UI Kit, rendez-vous sur le dribbble d’Emma.

PS Guides : Le plugin de grille pour Sketch

Sketch a largement su se démarquer comme se démarquer dans le design d’interface. Il n’est d’ailleurs plus besoin de le présenter dans le milieu de l’UX et de l’UI Design, mais il faut avouer que le système de grille n’est pas ce qui est de mieux.

Avec ce nouveau plugin, c’est maintenant corrigé. Appelé PS Guides, il vous permettra de générer une grille très simplement, idéal notamment si vous utilisez bootstrap ou tout autre framework CSS pour le développement.

L’utilisation du plugin PS Guides :

Ce serait difficile de faire plus simple. Il vous suffit d’indiquer le nombre de colonnes, l’espace en pixel entre chacune d’entre elles, et l’espace à droite et à gauche de la grille et… BOOM votre grille est en place !

Paramétrage de la grille avec PS Guides

Télécharger le plugin PS Guides pour Sketch

Adobe XD : Un UI Kit gratuit à télécharger

Le petit nouveau d’Adobe, baptisé Adobe XD commence à devenir de plus en plus populaire, bien que le logiciel soit toujours en version beta à l’heure actuelle, et que la version windows soit légèrement en retard sur la version de mac.

Si vous ne connaissez pas ce nouvel outil, et que vous êtes designer d’interface, je vous invite à aller le découvrir au plus vite !

Vu que l’on commence à entendre de plus en plus parler de cet outil, il est donc logique que des ressources commencent à pointer le bout de leur nez. Découvrez ici tout un kit de composant, à télécharger gratuitement.

Flowchart pour Sketch : améliorer l’UX dans vos design

Lorsque l’on travail sur une application ou site web relative important en terme d’écran, on peut vite s’y perdre.
De même, lorsqu’un développeur récupère l’interface que vous avez conçu, il se peut qu’il ai du mal à s’y retrouver.

En effet, une UX réussie passe aussi par une bonne organisation de l’information. Grâce à cette nouvelle ressource pour SketchApp, vous pourrez concevoir une interface intuitive et organisée, comme le montre les captures ci-dessous.

Avec ce template, vous aurez toute la panoplie nécessaire à créer un organigramme pour votre design