LEXIQUE du designer
📌 ARTICLE sur le lexique du Designer
On ne s’en pas toujours compte en travaillant tous les jours dans le domaine mais c’est assez fournis !
Et vous, en voyez vous des manquants ?
#cmondary
-
-
GUIDE : From Sketch / Figma to After Affect
📌 ARTICLE très complet sous forme de guide pas à pas pour créer de petites animations, et micro-intéractions sous after effect après importation des sources Sketch / Figma.
L’idée est simplement d’utiliser les animations sous #AfterEffect pour donner vie à votre interface et montre comment toutes les éléments doivent se comporter et interagir. -
DEVICE SHOTS
📌 DEVICES SHOTS est une petite application web qui vous aide à générer un #mockup de vos #devices en haute résolution. Elle prend en charge presque tous les types d’appareils auxquels vous pouvez penser, vraiment très complet !!
#UX #UI #cmondary -
BOOTSTRAP SKETCH
📌 BOOTSTRAP FRAMEWORK FOR SKETCH est un #librairie gratuite en ligne très bien conçue qui vous permettra de très facilement et rapidement créer vos interfaces #Bootstrap sur #Sketch.
#UI #UX #cmondary -
GRADIENT HUNT
📌 GRADIENT HUNT est un service en ligne qui offre un grand nombre de #Gradients.
Vous aurez la possibilité de télécharger ce gradient en #PNG, mais aussi de récupérer les #Hexadécimales.
Une extension chrome est même disponible !
#UI #cmondary -
Les Clichés UX
📌 ARTICLE super sympa sur les clichés UX.
J’adore ce genre de petite lecture légère, car cela permet de se positionner par rapport au cliché… De plus j’aime beaucoup cet article car le temps est volontairement très décalé !
#UX #Cmondary -
700+ icons svg
📌 CSS.GG est une #librairie, gratuite, en ligne proposant plus de 700 #icons sous différents formats : #SVG, #FIG, #XD, #CSS, etc
#UX#UI#cmondary -
FRAMER FOR WEB
📌 FRAMER. J’étais complètement passé à coté de cette nouvelle version FRAMER FOR WEB mais elle est plutôt intéressante.
En effet FRAMER est maintenant accessible directement depuis votre navigateur. Il permet aussi la #co-creation comme FIGMA et des #interactions poussées pour PROTOPIE.
Un concurrent sérieux donc !!
Et vous, avez vous franchi le pas, et testé FRAMER FOR WEB ?
#Tools #UX #UI #cmondary -
DESIGN RESSOURC.ES
📌 DESIGN RESSOURC.ES est une liste d’outils de #design regroupés d’une #librairie en ligne pour aider les designers à progresser et à rechercher de nouveaux outils. Super liste, vraiment très bien fournies
-
FEATHER : bibliothèque icônes
📌 FEATHER est une bibliothèque de 280 #icônes dont vous pourrez paramétrer la taille, l’épaisseur et la couleur.
-
FREE MOCKUPS
📌 FEEE MOCKUPS est un ensemble de #mockups pour #photoshop et #sketch, assez divers mais surtout très bien réalisés.
-
Simplifier votre design
📌 ARTICLE très bien réalisé sur comment « simplifier votre #design ». Plus simple, plus sobre, plus propre, mieux organisé.
J’aime beaucoup de genre d’article. -
LINE ICONS
📌 LINE ICONS est une librairie de + de 500 #cônes gratuites.
(2 000 icônes en version payante). Les #icônes sont disponibles dans les formats #SVG, Web Font, #AI et #React. Interface super claire, si vous chercher un pack homogène et complet, c’est par ici !
#UX #UI #cmondary -
BRAND FETCH : plugin SKETCH
📌 #BRAND FETCH est un #plugin qui vous permet de récupérer lse logos #vectoriels de différentes marques. Il suffit d’entrer le nom de la société. Le #plugin est disponible pou #SKETCH, #ADOBEXD, #FIGMA, #CHROME et bientôt #MIRO
-
BG ERASER : détourer le fond des vos photos
📌 BG ERASER est une application permettant de détourer et supprimer le fond des vos photos. Très efficace; a conserver dans votre boite à outils.
Si vous chercher une solution offline vous pouvez toujours vous rabattre sur REMOVE BG, donc je vous avait déjà parlé ( https://www.remove.bg/ )
#Photos #Background #UI #Tools #cmondary -
NORDE : collection d’icônes SVG
📌 NORDE est un outil de collection d’icônes et plus généralements de SVGs. Il vous permettra de créer des bibliothèques d’assets graphiques et même d’en éditer les couleurs directement au sein de la biblothèque sans avoir besoin de lancer Sketch ou Illustrator !!!
Merci à @Manuel Dorne (Korben) pour la découverte 😉 #SVG #Librairies #UI #Tools #cmondary -
USE ANIMATIONS : librairie d’icônes animés au format JSON
📌 USE ANIMATIONS est une librairie d’icônes animés au format JSON.
Très pratique pour donner rapidement du feedback à l’utilisateur, sans trop surcharger les devs 😉 #Icons #Animation #Feedback #UI #cmondary -
FLIGHT ICON : bibliothèque d’icons animés
📌 FLIGHT ICON est une bibliothèque d’icons animés.
Disponible en .GIF ou JSON. Elle s’avère très pratique surtout lors de la communication avec les développeurs. -
BOOTSTRAP GRID
📌 BOOTSTRAP GRID est un plugin SKETCH qui d’un simple raccourcis vous permettra de générer et afficher une grille bootstrap sur vos artboards.
Plus besoin de paramétrer les grilles directement dans sketch. -
DECIMAL NUMBER GENERATOR : plugin SKETCH
📌 DECIMAL NUMBER GENERATOR est un plugin SKETCH permettant de générer de manière aléatoire des nombres décimaux, avec paramétrages du nombre de chiffres après la virgule et unité.
-
Purple Wireframe
📌 ARTICLE présentant quelques astuces pour gérer vos créations avec du contenu de densité variable.
-
PRECURSOR : whiteboard collaboratif
📌 PRECURSOR est un service de whiteboard collaboratif en ligne.
-
VECTORIZER : vectorisation d’image en ligne
📌 VECTORIZER est un service de vectorisation d’image en ligne.
-
IMG LARGER : agrandir sans perte de qualité
📌 IMG LARGER est un service en ligne basé sur une intelligence artificielle et qui fonctionne assez bien. L’idée est d’uploader une image et que l’AI l’agrandisse et « sans perte de qualité »
-
HEXCOLOR : palettes de couleurs
📌 HEXCOLOR est un site proposant des palettes de couleurs pour inspiration, mais également un color #picker en ligne.
-
TWILIO : Sketch Lorem Ipsum.
📌 TWILIO est un plugin pour Sketch permettant d’insérer de la data un peu plus réaliste qu’un simple Lorem Ipsum. En plus de fournir des données réalistes, il supporte un grand nombre de langues.
-
20 règles pour recruter un designer
📌 ARTICLE très intéressant sur les 20 règles clés du recrutement d’un designer.
-
TIPS sketch avec le plugin ANIMA
📌 TIPS sketch avec le plugin ANIMA pour créer des prototypes #responsives et ainsi gérer les différents BreakPoints.
-
WEBFRAME : source d’inspiration design
📌 WEBFRAME est une source d’inspiration design gratuite en ligne. Chaque source est catégorisée et vous trouverez donc facilement l’inspiration que vous cherchez. Je suis assez étonné de ne pas y trouver de moteur de recherche, mais on s’y fait assez vite en flânant d’un contenu à l’autre.
-
13 PLUGINS SKETCH pour gérer vos palettes de couleurs
📌 13 PLUGINS SKETCH pour gérer vos palettes de couleurs.
-
Projet MERCURY, un nouveau paradigme de Bureau
📌 ARTICLE génial de @Jason Yuan sur son projet MERCURY, un nouveau paradigme visant à remplacer celui du Bureau. Le tout est d’une excellente facture et très inspirant !
-
Empty states
https://jeremiahlam.com/blog/why-empty-states-should-never-be-neglected
📌 ARTICLE sur la nécessité de ne pas négliger le status « vide » de vos écrans qui peuvent « être utilisés pour guider vos utilisateurs sur les actions a réaliser, leur apprendre à connaître votre application ou simplement renforcer l’identité de votre marque. »
#EmptyState #Application #Interface #UX #UI #Tips #cmondary -
PHRASE : Différentes versions linguistiques de votre Sketch
📌 PHRASE est plugin Sketch qui vous permet de gérer très facilement les différentes versions linguistiques.
-
CULRS : palettes de couleurs
📌 CULRS est une application mac qui vient se loger dans la barre d’état et qui permet d’obtenir rapidement des palettes de couleurs.
-
BOOKMARKS DESIGN
📌 BOOKMARKS DESIGN est un site listant un grand nombre de services en ligne pour les métiers du design. ll vient avantageusement compléter la liste des outils de curation des immanquables du designer !
-
AWESOME DESIGN TOOLS / PLUGINS : ressources utiles pour designer
📌 AWESOME DESIGN TOOLS / PLUGINS est un site qui référence un ensemble de ressources utiles pour designer. On regrette l’absence de ScreenShots, mais la liste et très complète et le moteur de recherche fonctionne très bien !
-
MINIMAP – Sketch Plugin
📌 MINIMAP est un plugin Sketch offrant une vue globale de votre plan de travail afin de localiser vos différents artboards. Un peu à la manière de ce que propose MURAL ou MIRO.
-
CORE DESIGN SYSTEM
📌 CORE DESIGN SYSTEM est un kit gratuit pour Sketch vous offrant une base de « symbols » pour votre design system !
-
FREEBIE LOBSTER
📌 FREEBIE LOBSTER est un site proposant des ressources UI en version Free voir Freemium. L’ensemble est plutôt quali et assez moderne.
-
15 meilleurs plugins FIGMA
📌 FIGMA se dote de plugins et comble par la même occasion son « retard » sur SKETCH. Ici un article sur les 15 meilleurs
-
-
VECTORNATOR – Design sur iPad
📌 VECTORNATOR est un outil de design vectoriel gratuit, pour Ipad
et bientôt MacOS. -
GSTUDIO
📌 GStudio est un outil pour designer actuellement accessible en version Beta.
-
FAMOUS
📌 Je vous en parlais il y a quelques mois, FAMOUS est maintenant accessible à tous en beta et semble vraiment très prometteur.
-
AMADINE – Outil design vectoriel
📌 AMADINE est un soft de créaction vectoriel très, très inspiré de illustrator.
-
MEMEX – Suivre l’avancement de votre Design System
📌 ARTICLE très intéressant sur la manière de tracker l’état d’avancement de chacun des composants de votre design system au travers des équipes.
-
PIN IT – Plugin Sketch
📌 PINIT est un plugin SKETCH offrant des raccourcis pour les configurations de Pin and Resize les plus souvent utilisés.
-
IRA DESIGN – Flat design UI kit
📌 IRA DESIGN est une librairie gratuite pour créer vos illustrations flat design.
-
MOBILE ERROR UI KIT
📌 MOBILE ERROR UI KIT est un petit kit .PSD d’écran d’erreur très bien réalisés et contextualisés. La gestion des erreurs est trop souvent négligée lors de la conception !
-
Evaluation des compétences UX lors du recrutement
📌 Je vous propose un petit article très intéressant sur l’évaluation des compétences de votre équipe UX. J’ai dû ajouter des compétences qui n’y figure pas. Et vous, quelles compétences rajouteriez-vous à cette matrice ?
-
UI bundle
📌 UI BUNDLE est un site proposant un ensemble de freebies allant du UI kit complet au simple jeu d’icones. Le tout au format sketch principalement.
-
Choosing the right animation-tool
📌 Je parle souvent d’outils d’animation sur linkedin.
-
UI store
📌 UI STORE est un site de ressources en ligne très pratique. Si vous cherchez des Kits gratuits pour Sketch / Illustrator / XD etc alors ce site est à mettre dans vos favoris
-
Sketch Freebies
📌 Article bien réalisé proposant un ensemble de ressources gratuites pour Sketch.
-
UIgoodies.com : books
📌 UI GOODIES ajoute de nouvelles sections à sa liste de ressources :
– Livres
– illustrations
– UI kits -
UX vs UI : Roles and skills
https://uxplanet.org/ux-vs-ui-design-stages-participants-roles-and-skills-28b1d75455c1
Petit ARTICLE des roles de chacun. A transmettre au client 😉 -
2019 : Futures tendances UX et UI
📌 Difficile exercice que de se lancer dans un article sur les futurs tendances Design. Cependant c’est typiquement le type d’article à lire avec attention et qui peut modifier votre prisme de lecture pour les prochains mois à venir. Je recommande 😉
-
UI LOGOS : Sketch plugin
📌 UI LOGOS est un plugin pour sketch qui va vous permettre de rapidement remplacer un ensemble de forme par des Logo de marque. Les logos étant aléatoires et pas nécessairement très connus, cela peut malgré tout se réveler pratique pour un wireframe / maquette, en mode Lorem Ipsum logo
-
Felipe : Wireframes to UI
📌 FELIPE est un #plugin pour #sketch assez bluffant qui va transformer des formes simples en éléments graphique. La vidéo devrait vous en convaincre …. !
-
-
PURE AGENCY recherche un MANAGER
📌 PURE AGENCY recherche un MANAGER de formation UX / UI afin d’encadrer une équipe jeune, dynamique et motivée, en plein cœur de Paris (châtelet). Si l’idée de nous rejoindre vous tente, faites-moi signe !
-
UI movement : site d’inspiration
📌 UI MOVEMENT est un site d’inspiration pour toutes les micro-interactions que vous pouvez créer au sein de vos applications. Si vous vous essayer à after-effect / hype / Haiku / etc Cela peut être une bonne base pour reproduire des effets sympas
-
Diverse UI : Banque d’image de profil
📌 DIVERSE UI est une banque d’image pour créer des profils utilisateurs. Le service est gratuit et met à disposition un ensemble de photos de profil utilisateurs téléchargeable d’un simple clic. Pratique !! Il y même un plugin sketch, (un peu moins utile depuis que Craft propose la même chose, mais bon…)
-
Useful ui ux design tips
📌 Article vraiment sympa à base de DO et DON’T pour vos éléments d’interfaces. J’aime beaucoup de type de compte Twitter. Quelqu’un à des conseils de personnes à suivre sur twitter avec ce type de contenu ?
-
JUST IN MIND
📌 JUSTINMIND mets a disposition un kit pour Salesforce, Je trouve ça génial, et au final assez pratique pour personnaliser son interface Salesforce, que l’on retrouve chez beaucoup de grands groupes maintenant. L’un d’entre vous aurait un kit similaire sous Sketch?
-
FLAT UI COLOR PICKER
📌 FLAT UI COLOR PICKER est un service tout simple qui propose une trame de couleurs, avec leurs codes HEXA et RVB.
-
UI Goodies
📌 UIGOODIES est un petit site web comme on les aimes, avec plein de petits freebies bien sympa. A bookmarker 😉
-
Shopify UI Kit
📌 SHOPIFY propose en libre accès un UI KIT, ainsi qu’une librairie de composants REACT. Le tout accompagné de logiciels tiers assez intéressants
-
Micro-intéractions
📌 Encore un article sur les micro-interactions, rédigé par Pablo Stanley
-
Building a user centred ux portfolio
📌 Personnellement je ne crois pas du tout à l’utilité d’un protfolio pour un UX designer. Etant de formation Ergonome, un portfolio Wireframe / Proto n’est pas du tout vendeur et les compétences de l’UX devraient être jugées sur les méthodos UX et non un portfolio graphique représentatif des compétences de UI et non de UX…
-
Motion Design : Le recueil
📌 Très bon article sur le Motion Design. J’aurai tendance à utiliser KITE ou HYPE TUMULT pour effectuer ce genre de projet. Je compte bien essayer rapidement SVGATOR pour les petites animations de feedback et les intégrer à un proto (https://app.svgator.com/) Et enfin pour compléter cet article, je vous met un lien un autre article sur le même sujet :
https://www.webdesignerdepot.com/2017/10/3-smart-ways-to-engage-users-with-animation/ -
UX vs UI vs IA vs IXD : Définition des 4 termes de conception numérique
📌 C’est plutôt un débat que j’essaie de laisser de côté, mais je dois avouer que cet article m’a assez étonné. Chaque définition donnée ci-dessous fait pour moi partie intégrante du rôle de l’UX designer …
-
WIRES : wireframe kits for Adobe XD
📌 Avec l’arrivé des UI Ressources dans ADOBE XD, ce petit kit pour wireframe Desktop et Mobile tombe à point nommé.
-
Adobe XD
📌 ADOBE XD rattrape peu à peu son retard, avec un nouveau lot de fonctionnalités indispensables pour cette mise à jour d’aout 2017.
-
Evolution du design
📌 Un article vraiment intéressant sur l’évolution du design.
-
All The UX Prototyping Tools Ever
📌 UX Prototyping Tools
-
DEVERSE UI Sketch plugin
📌 Un nouveau Plugin Sketch DEVERSE UI permettant l’ajout de photos de profil automatique. Très pratique couplé à Sketch Runner :
