Je cherche les meilleures ressources quand on doit s’improviser designer alors qu’on est développeur.
@MatthieuSegret a suggéré l’excellentissime bootstrapingdesign dans un autre fil de discussion, y a-t-il d’autres livres/blog/etc dans le même genre ?
Merci !
Vous pouvez trouver de l’inspiration via ces 20 sites web
En tant que dev fullstack, j’ai vraiment passé pas mal de temps à monter en compétence sur le design. Voici ce que j’en ai retenu :
L’idée générale si tu dois mettre les mains dans le design, c’est de ne pas réinventer la roue. Tout comme on dirait à un dev débutant de partir avec Rails plutôt que de tout refaire à la main, il faut partir de l’existant en design autant que possible. La partie créa doit être limitée à un strict minimum (choix de couleurs, de polices et encore).
Donc tu prends un site que tu aimes bien, dont l’information se structure plus ou moins de la même manière que celle du site que tu cherches à designer (ex: blog => wordpress templates, maketplace => airbnb, app tablette => menu volet à gauche etc.). Tu utilises aussi sans faute un frameworks, tel que Bootstrap, Foundation, ou le tout récent Titon pour éviter tout un tas d’erreur grossières.
Ensuite, il reste un peu de chemin pour refaire aussi bien que l’original. En effet, il y a une multitude de détails à prendre en compte qui ne sont visibles à l’oeil nu qu’à celui qui sait ce qu’il faut voir, mais comptent pour l’impression d’ensemble.
Ex:
Par ailleurs, il me semble important de se familiariser quelque peu avec les outils du designer. Aussi, avoir Photoshop sous la main est certainement indispensable. En ce qui me concerne j’utilise Gimp sous Linux, et je me force à n’utiliser que lui, même quand un paint ferait largement l’affaire. Je fais un peu tout ce que je veux avec aujourd’hui, même si je trouve plus simple encore aujourd’hui de prototyper un design avec du CSS directement (on est dev ou on ne l’est pas ! :-) )
Enfin, comme tout sujet vaste, il est digne d’apprentissage. Aussi lire un maximum de choses sur la question est toujours une bonne idée. C’est un processus de maturation lente. Les sujets sur lesquels il peut être intéressant de se pencher sont à mon sens :
Je n’aurai qu’une lecture à suggérer ici : A guide for visual design for everyone.
Le reste viendra par différentes newsletters comme HackerNewsletter rubrique design, http://52weeksofux.com ou http://goodui.org.
Enfin, la meilleure des écoles, c’est encore la pratique. Aussi, la bonne idée pour progresser, c’est de se forcer à ne laisser aucune imperfections à chacune des pages que l’on développe, notamment concernant tous les critères objectifs énoncés plus haut. Attention, cela prend un peu de temps et demande un certain perfectionnisme.
Mais c’est passionnant et très satisfaisant !
Design ressource for hackers. Très utile car ce site permet de voir certains concepts dans l’ordre.
J’en ai profité pour rédiger un post à ce sujet : http://www.augustin-riedinger.fr/en/resources/learning-design-as-developer/