Des pixels et du code #49
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 !
