Des pixels et du code #49

Stéphanie Walter

Senior UX Designer - Mobile Expert

Senior UX Designer. Mobile Expert. Public speaker. Blog writer. Google Dev Expert Product Design (GDE)

Follow on Twitter

Ce contenu a été rédigé il y a 6 années. Il se peut qu'il ne soit plus à jour.

Une semaine de liens sans tutoriels mais qui plaira aux graphistes, designers et illustrateurs car beaucoup de ressources de kit d’icônes, template d’UI Android ainsi que deux plugins Photoshop pour vous simplifier la vie.  La partie inspiration de cette semaine est également particulièrement fournie avec du flat design, des wallpaper et de très jolis gifs animés.

Des ressources utiles

#Icônes

pixicon.jackietrananh.com une collection de 1068 icônes pour 5$, format PNG et vectoriel pour vos projets web et graphiques

simpleicons.org un pack gratuit de 90 icônes de réseaux sociaux, avec le code CSS qui vous permet d’ajouter la couleur de fond

#UI kits

uielements.net un site qui regorge de ressources UI, de kits, de templates pour icônes mobiles ou de navigateur pour vos projets

#Android UI

Lookamore-UI-Kit-Android un kit d’UI tout fait pour du design d’application Android qui change des kits d’UI qu’on retrouve généralement uniquement pour iOS

Les outils  et plugins pour vous faciliter la vie

#Podcast

TheWalkingWeb.fr un podcast sur la thématique des métiers du web, en français s’il vous plait !

#Parallax #RWD

Cool-kitten un framework pour créer un site parallaxe et responsive (basé sur stellar.js). Le site de démo est également très sympa :)

#Photoshop

Pixeldropr.com un plugin Photoshop (payant à 19$) qui permet de créer des librairies d’assets pour les projets, un peu comme les symboles Illustrator et mon retour d’expérience après utilisation

Isometrify.html un plugin gratuit pour faciliter la création de formes isométriques

#JavaScript
www.jsdb.io rassemble en un seul endroit des librairies JS classées en différentes catégories pour les retrouver plus rapidement

Les articles à lire

#Webdesign

How to design pixel perfect assets,  une technique pour créer des designs au pixel près et les exporter en deux tailles différentes sans perte de qualité

Gestalt Psychology in Web Design: Symmetry Principle, un article illustré d’exemples sur les différents types de symétrie en webdesign

Flat Pixels: The Battle Between Flat Design And Skeuomorphism, une analyse de Sacha Greif qui revient sur le débat Flat design vs Skeuomorphism

#Redesign

Redesignin Instagram, un nouveau redesign non sollicité, cette fois ci du service Instagram avec une explication des choix faits.

#A11Y

Making an accessible dialog box des conseils et attributs à ajouter pour rendre les modales / boites de dialogue accessibles

#Logos

Relogo.org une proposition pour harmoniser les logos avec rel=”logo” et un stockage sur site externe

#Typographie

Type.method.ac un petit jeu pour vous essayer au kerning des lettres de différentes polices d’écriture. Alors vous arrivez à quel score ?

Inspiration

#Flatdesign

17 Examples Of Flat Web & App UI Designs des exemples de design d’interface “flat” qui ne ressemblent pas toutes à du metro / modern UI

#WallPaper

Liam Brazier les wall paper super héros en formes géométriques de cet illustrateur me font rêver

#Redesign

Redsgned.com un site qui rassemble des redesigns non sollicités de marques célèbres

#Gifs Animés

Madebyabvh.tumblr.com un petit tumblr très sympa si vous aimez les beaux gifs animés avec parcimonie  et poésie

#Insolite et fun
Brockdavis.tumblr.com le tumblr de Davis Brock plein d’idées d’objets et montages funs, surréalistes d’objets du quotidien

Les démos sympas et impressionnantes

Et le site coup de coeur de la semaine www.cultcut.com pour retrouver les rubriques cultes de flim, car ce flim n’est pas un flim sur le cyclimse !

Vous souhaitez des conseils en ergonomie ou en expérience utilisateur ? Un design de site, d’interface ou d’application mobile ? Envie de travailler ensemble ou de m’inviter à donner une conférence ? Consultez mes réalisations ou contactez moi directement.

2 réflexions au sujet de « Des pixels et du code #49 »