BUNINUX : Sketch Freebies
📌 BUNINUX propose un ensemble de ressources SKETCH gratuitement. Cela peut vous faire gagner du temps si vous avez des objets complexes a réaliser pour vos créa’
Ensemble de ressources design disponibles sur le net
📌 BUNINUX propose un ensemble de ressources SKETCH gratuitement. Cela peut vous faire gagner du temps si vous avez des objets complexes a réaliser pour vos créa’
📌 DIGITAL PSYCHOLOGY est une bibliothèque gratuite présentant des principes de psychologie cognitive, exemples à l’appui, pour vous inspirer et améliorer l’ergonomie de vos produits.
📌 Cela s’approche beaucoup d’un de mes ateliers préférés à la manière de J’adore ce genre de carte illustrant bien le besoin fonctionnel spécifique à chaque service !!
J’adore vraiment Google Sheets, et j’ai une tendance a geeker dessus sans voir le temps passé. Je vous partage donc ici une vidéo que j’ai adorée qui vous explique pas à pas comment créer un diagramme de Gantt sous Google Spreadsheets Absolument Génial!
📌 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
📌 MOSHN est un portail de veille pour le motion design. Si vous chercher de l’inspiration alors c’est le bon endroit. L’ensemble est bien classé et fait bien le job
📌 10 alternatives au LOREM IPSUM. Avec quand même quelques perles, comme un Rick & Morty IPSUM, Obama IPSUM et Nietzsche IPSUM. Si malgré tout vous souhaitiez rester classique et utiliser le corvéable Lorem Ipsum, je ne peux que vous repartager LOREM ISPUM IO : https://loremipsum.io/
📌 PIMP MY DRAWING est une petite librairie sympa d’images vectorielles. Composée pour le moment de personnes / arbres et voitures. Dommage qu’il n’y en ai pas plus, c’est le genre d’illustrations que j’adore utiliser dans mes wireframes.
📌 TYPETURA est un script JS permettant de rendre un texte responsive de manière très fluide. L’interface propose ici de jouer avec cet outil et de voir le comportement du texte au regard de différents break points. Le code source est disponible, c’est prêt à l’emploi 🙂
📌 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…)
📌 XDRESOURCES est un site proposant un volume intéressant de ressources pour Adobe XD, un peu à la manière de Sketchappsources pour Sketch. XD gagnant progessivement du terrain il est interessant de voir ce qu’il se fait et de disposer de ressources de qualité.
📌 DESIGN BASE est un service en ligne regroupant tout le nécessaire pour créatif. Dans la droite lignée de THESTOCK .IM, il référence les ressources tel que les fonts, photos, icons, mockups, etc…
📌 Si comme moi vous faites beaucoup de veille sans pour autant tenir un site web, j’ai peut-être la solution pour vous. AIRTABLE UNIVERSE est un service proposé par Airtable, permettant de partager ses tableaux Airtable contenant vos liens les plus précieux ou tout autre contenu pouvant être hébergé par Airtable. En effet Airtable se met au réseau social et je trouve ça assez malin
📌 Le INTERVIEW SCORECARD est une méthode proposée ici pour automatiser les réponses aux différentes questions lors de votre DESIGN SPRINT. Il est vrai qu’il est fastidieux de dépouiller l’ensemble des réponses sur post-its et serait donc préférable de saisir directement l’ensemble dans un questionnaire en ligne. Par le passé j’ai d’ailleurs procédé de la même manière pour automatiser le SYSTEM USABILITY SCORE, ainsi que l’ATTRAKDIFF @victor pineau 😉
📌 Petit Snippet très sympa sur codepen, SOLAR SYSTEM EXPLORER est un petit site très bien réalisé où l’on vous propose de naviguer au sein de notre système solaire, de planète en planète, et d’en obtenir des informations détaillées.
📌 Ah ouai ça, c’est puissant
📌 NO MORE GOOGLE est un petit annuaire tout simple, inventoriant les différents services alternatives permettant de se passer de google.
📌 THIGA nous propose ici un toolkit pour Product Owner avec un atelier BUY A FEATURE. Je dois avouer qu’en tant qu’UX designer j’ai bcp utilisé cette méthodologie, avec de jolis billets personnalisés et plastifiés. Bref une méthodologie que j’aile beaucoup et qui est bien plus efficace que certaines autres formes de priorisations comme le Dot Voting, La priorisation sur Axes, etc …
📌 ANIMATED GRID est un template de mise en page de votre contenu assez sympa, avec un menu dynamique et original. Le code source est disponible, donc je le partage 😉
📌 IFONTS est un site proposant des milliers de polices de caractères. Merci Gwendal Gregam pour ce lien 😉
📌 THE MINE est un jeu d’aventure plateforme entièrement réalisé en CSS
📌 HORIZONTAL IMAGE ACCORDION est un petit snippet sur CodePen réalisé entièrement en CSS. Pour ceux que cela intéresserait, 13 autres codes d’accordéons sont disponibles sur le lien suivant
📌 ALL THE FREE STOCK est un méta moteur de recherche de ressources.
Vous pourrez ainsi consultés plusieurs sources en même temps, un peu comme sur le modèle de THE STOCKS ( http://thestocks.im/ )
📌 APEX CHARTS est une librairie javascript pour les développeurs désirant représenter et animer leur DATA sous différents mode de représentations
📌 EXPEDIA nous offre ici un ensemble de palettes de couleurs correspondant à différentes destinations dans le monde. Sympa!
📌 DEV EXTREME est un site proposant un ensemble de ressources pour tout type de composant d’interface et ce dans différent langage.
📌 CSS ONLY FLOAT LABEL est un code CSS hébergé sur le génial codepen illustrant merveilleusement bien l’animation d’un libellé passant de l’intérieur du champ de saisie , au dessus du champs de saisie. Personnellement, je considère comme une bonne pratique, à complété d’un control de surface indiquant si le champs est OK ou KO 😉
📌 J’aime beaucoup le concept de MENU MULTIBOX qui fonctionne très bien, même en mobile
📌 FACEBOOK met à disposition un kit SKETCH de devices assez bien réalisé.
📌 SNEAKPEEKIT propose des templates à imprimer avec différents devices pour vos ateliers papier/crayon. C’est simple et pratique. A garder sous le coude 😉
📌 RANDOMUSER est un service simple et efficace proposant un panel de photos de profils utilisateurs, Hommes et Femmes. D’autres services de ce type existent, mais je vous partage celui-ci car j’ai eu un besoin aujourd’hui qui m’a fait tomber sur celui ci …. Je ne sais pas si j’ai besoin de le préciser, mais un simple copier/coller dans sketch suffit 😉
📌 DIY TOOLKIT propose un ensemble d’outils méthodologiques, organisés par besoin. Le tout est disponible entre autre en anglais et en français et chaque ressource étant expliqué et téléchargeable… Parfait
📌 DESIGN BETTER BUSINESS TOOLBOX est un site proposant une série de Canvas très bien réalisés. Organisé selon les objectifs de l’atelier, toutes les ressources sont expliquées et téléchargeables.
📌 FREEBIESBUG est un site proposant des ressources pour vos créa’ PSD, AI, SKETCH, FONTS, etc …
📌 UNDRAW est une bibliothèque vraiment d’illustration en format SVG. C’est vraiment très bien réalisé et l’on peut même changer la couleur dominante directement dans le site. Petit bémol : impossible d’effectuer une recherche, mais avec un peu de patience, on trouve ce que l’on veut.
📌 SHARDS DASHBOARD est un template bootstrap de dashboard et de blogging.
📌 Un petit TUTO sympa sur les barres de progression évoluant au gré du scroll sur une page.
📌 SIMPLE ICONS est exactement ce que son nom indique : un service sobre, et simple permettant de télécharger les logos des plus grands services web au format SVG.
📌 Kameleoon Academy propose des COURS GRATUITS sur l’audit et l’optimisation UX ainsi que sur l’AB testing.
📌 ILLUSTRIO est une bibliothèque d’icons vraiment bien foutue.
📌 DATUM IPSUM est un site web pour lequel je ne connais pas encore d’équivalent.
📌 THREE DOTS est un petit projet sur Github sympa qui fourni 14 types différents d’animations CSS , des fameux 3 petits points qui vous invite à patienter. Il est amusant de retrouver sur une même base de 3 petits points , différentes conventions de signifiance des codes (Chargement, traitement en cours, écriture en cours, ….)
📌 UIGOODIES est un petit site web comme on les aimes, avec plein de petits freebies bien sympa. A bookmarker 😉
📌 Un article vraiment sympa donnant un TIPS permettant de réaliser des progress-bars facilement paramétrable sur SKETCH.
📌 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
📌 MICROSOFT mets à disposition un toolkit pour son INCLUSIVE DESIGN. J’adore ce genre de démarche et tout outil méthodologique est intéressant à étudier / tester !
📌 DESIGN SYSTEMS REPO est comme son nom l’indique un site répertoriant un ensemble de design-systems mis à disposition sur le web par différentes entreprises : IBM, APPLE, GOOGLE, SALESFORCE, et des dizaines d’autres …
📌 le LOGIN CRITTER :
📌 Après nous avoir proposé un toolkit sur les parcours utilisateurs Raphaël Yharrassarry mets aujourd’hui à disposition un Canvas de Brief.UX J’adore ce genre d’outil !! Merci Raphaël Yharrassarry
📌 SKETCHIZE propose tout type de devices digitaux à imprimer pour vos ateliers / sessions de wireframe papier. Simple, efficace…
📌 L’auteur de l’article s’est amusé à détourner le fonctionnement des SYMBOLS dans Sketch afin de créer une table des matières cliquable, et ainsi de naviguer au sein de son fichier Sketch.Malin !
📌 TABLER est un dashboard responsive en HTML/CSS et bien sûr open source 😉 J’aime bcp la réalisation sobre et fonctionnelle de ce dashboard. Je rêverais de savoir/pouvoir pluger ce dashboard sur une base de données GoogleSheet…
📌 Merci Geunbae GB Lee pour la création et la mise à disposition de son affinity diagram au format sketch.
📌 Merci à Geunbae GB Lee pour ses templates de Personnas et de Journey Maps. Je partage un article qu’il à rédigé expliquant les motivations derrière ce projets !
📌 RESHOT est une bibliothèque photos gratuites. Elle vient compléter les THESTOCKS, PEXELS, UNSPLASH, STOCKIO, BURST.SHOPIFY , etc ….
📌 En complément de FontAwesome pour les pictos, voici WEEPEOPLE, une font représentant tes personnes dans différentes situations.
📌 Un template Sketch vraiment sympa pour faire un USER JOURNEY MAP. C’est interessant pour ceux qui n’en n’ont jamais fait, et pour confronter la mise en forme que vous avez l’habitude de mettre en oeuvre, pour ceux qui connaisse déjà !
📌 ADELE est un annuaire des Design System de différentes sociétés. Pratique pour pouvoir se situer par rapport à la concurrence, ou simplement Benchmarker différents Design System de grandes enseignes
📌 Les icons de FontAwesome convertis en Librairy Sketch. Très pratique !!! plus besoin de plugin, et surtout une bonne base à partager et faire évoluer avec son équipe !
📌 ORION est une bibliothèque d’icônes filaires, solides ou colorés, d’une très bonne réalisation homogène.
📌 Quand ERGONOME est la deuxième définition la plus recherchée sur GoogleFR en 2017.
📌 SHORTCUTS DESIGN est un site assez sympa qui ambitionne de regrouper les raccourcis claviers de différents outils de design / développement et autres logiciels plus classiques. On apprécie le petit mémo pour créer ses propres raccourcis sur Mac 😉
📌 POLY est un service google pour tous les designers 3D.
📌 XDGURU proposait déjà des templates pour adobe XD, mais là, il propose même un guide complet pour apprendre à utiliser adobe XD. Vraiment génial.
📌 Petit moment de détente avec ces créations bien senties de stickers pour Freelance 😀
📌 JAMICONS est une bibliothèque de 422 icônes vraiment bien réalisés, dont je me sers actuellement pour un projet.
📌 Toujours sur le Design System, un très bon article qui reprend la création d’un design system from scratch, avec quelques petits tips pour ne pas se tromper dans la démarche, pratique… Beau travail d’Alexandre Trimoulet
📌 STYLEGUIDE complet pour ceux qui ne savent pas par où commencer leur Design system sous Sketch.
📌 Un très bon article pour créer un tableur sur Sketch avec le fichier éditable disponible sur Sketchappsources
📌 Avec l’arrivé des UI Ressources dans ADOBE XD, ce petit kit pour wireframe Desktop et Mobile tombe à point nommé.
📌 FACEBOOK met à disposition différents Kits pour SKETCH
📌 SKETCH FOR DESIGNRS est un site qui recense les plugins et templates intéressants pour Sketch….
📌 STOCKIO est un service qui va vous permettre de trouver des photos / icones / videos et fonts libres de droit. Une bonne alternative à THESTOCKS http://thestocks.im/
📌 Un nouveau toolkit découvert grâce à Geoffrey Dorne et qui vient compléter la liste
📌 STOCKMAGIC sort enfin de sa phase Beta et est disponible pour tout le monde.
📌 RUBIX – Encore un toolkit très intéressant permettant d’être créatif tout en étant en rupture ! Il rappel par certains aspect la STRATEGIE OBLIQUE …
📌 THE STOCKS est un site référençant un ensemble de sites de photos libres de droits / d’icônes / de cinémagraphes / de fonts / etc … Un indispensable !!
📌 Je partage ici un ensemble de liens pour trouver des photos libres de droit : si quelqu’un connait d’autres adresses je suis preneur 😉
📌 Une ressource utile