Des pixels et du code #61
Cette semaine on parle encore et toujours de flat design pendant qu’Adobe annonce « discrètement » la mort de Fireworks. Vous trouverez dans les liens utile un joli tutoriel sur la vectorisation de lettres, un retour d’expérience sur la création du logo de Mapado, quelques ressources pour Sublimte Text, un tutoriel pour créer une jolie navigation responsive ainsi que des plugins pour Photoshop, et des démos en canvas très sympas. Enfin The Ustwo a sorti la version 2 de leur petit PDF « Pixel Perfect Precision Handbook » avec toujours de bons conseils pour travailler de manière efficace dans Photoshop. Bonne lecture !
Les articles à lire
#Webdesign
How to Present Designs 5 conseils pour présenter ses trav aux de manière à obtenir en retour des feedbacks constructifs avec lesquels travailler
#FlatDesign
Don’t Blame Flat UI for your Design Problems , ce n’est pas le flat design qui ajoute de la complexité à un produit, même si ils simplifie visuellement les interfaces, une application ou site avec une mauvais architecture d’information restera complexe pour l’utilisateur. Ce n’est pas en ajoutant de gros boutons glossy qui vont attirer l’attention de l’utilisateur que l’interface en sera plus simple d’utilisation pour autant.
Calling Bull$#!%: On Flat Design une analyse du flat design où l’auteur pose la question de ce qui reste “mémorable” pour l’utilisateur dans un design “flat”
#Affichage
Lenticular Photo Used To Secretly Convey Hot Line Number To Abused Kids superbe idée pour lutter contre les mauvais traitements des enfants : une affichée composée de deux images superposées visibles à deux différentes hauteurs. L’enfant verra le numéro de téléphone du centre d’aide avec l’image de l’enfant agressé et l’adulte qui l’accompagne ne verra qu’une affiche classique.
#Adobe
The Future of Adobe Fireworks difficile d’échapper à LA rumeur de la semaine selon laquelle Adobe va tuer Fireworks, un peu plus d’éclaircissements dans l’annonce officielle
#Typography
The History of Typography – Animated Short l’histoire de la typographie en une petite vidéo animée de 5minutes
#UX
52 weeks of UX une fois n’est pas coutume ce n’est pas un article mais un site en entier que je vous conseille cette semaine, si l’expérience utilisateur vous intéresse ce site est une mine d’or d’excellents articles dans le domaine.
Inspiration
#Photographie
Neuromaencer.tumblr.com des photos classés par couleur de sorte à faire un arc en ciel colorimétrique au fur et à mesure que vous allez scroller pour les découvrir, très jolie idée
#Logo design
Logo design process Christelle Mozzati décrit le processus créatif derrière le très joli logo de Mapado
Yourlogoisnothardcore un tumblr qui rassemble des logos dans un style très particulier
Les tutoriels de la semaine
#Typographie
Top-Level Vector Lettering Tips from Dribbble Rayan Hamrick partage quelques astuces pour la vectorisation de lettres
Des ressources utiles
#Sublime Text 2
Phoenix-theme un thème Sublime Text pour personnaliser l’interface très sympa
#Pixel perfection
The ustwo™ Pixel Perfect Precision Handbook 2 un petit ebook (disponible en fichier .PDF aussi) pleins de bons conseils “techniques” pour le design et détaillés sur la création et gestion de fichiers sous Photoshop
Les outils et plugins pour vous faciliter la vie
#Inspiration
imprss.me un outil pour créer collecter des screenshots de site web pour créer une galerie d’inspiration
#Photoshop
Halftone Creator Photoshop Plugin un plugin Photoshop pour ajouter un effet Halftone sur vos images
Les démos sympas et impressionnantes
#Géométrie
Tonado, une expérience en canvas avec laquelle vous allez pouvoir jouer
#Canvas
Shape Shifter une petit demo d’effet sur du texte en petits points, entrez le texte que vous souhaitez et observez les réfultats
Et s’il devait n’en rester qu’un ?
#Tutoriel
Un menu Responsive et Retina-Friendly sur Codrops mon tutoriel sur Codrops pour créer un menu responsive avec 3 différentes mises en page qui s’adapte en fonction de l’écran
