Des pixels et du code #61

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.

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

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.

Les commentaires sont fermés.