{"id":1073,"date":"2012-12-29T18:06:31","date_gmt":"2012-12-29T16:06:31","guid":{"rendered":"http:\/\/blog.stephaniewalter.fr\/?p=1073"},"modified":"2013-01-03T18:22:04","modified_gmt":"2013-01-03T16:22:04","slug":"technoglyphes-le-processus-creatif-derriere-le-logo","status":"publish","type":"post","link":"https:\/\/stephaniewalter.design\/fr\/blog\/technoglyphes-le-processus-creatif-derriere-le-logo\/","title":{"rendered":"Technoglyphes : le processus cr\u00e9atif derri\u00e8re le logo"},"content":{"rendered":"
Cela fait un petit moment que je voulais illustrer le processus cr\u00e9atif derri\u00e8re un design de logo. Le logo cr\u00e9\u00e9e pour Technoglyphe est donc une bonne occasion de le faire. Il s’agit ici de mon processus, sur ce projet en particulier. Le processus peut bien s\u00fbre changer d’un designer \u00e0 un autre, et varier en fonction des projets.<\/p>\n
Technoglyphes et un petit studio en cours de cr\u00e9ation qui se sp\u00e9cialise dans la cr\u00e9ation, r\u00e9f\u00e9rencement et design de site webs du c\u00f4t\u00e9 de Toulon. Pauline (la cliente du projet) part de rien : aucune identit\u00e9, aucun site pour le moment, tout \u00e0 construire.<\/p>\n
Comme souvent, je demande un brief pour mieux conna\u00eetre les besoins du client et cerner son univers et son travail. Dans le cas de technoglyphes, le brief logo \u00e9tait clair et pr\u00e9cis :<\/p>\n
L’ambiance globale du site vitrine (dont je ne pouvais m’occuper, faute de temps) \u00a0devait \u00eatre \u00e9pur\u00e9e pour v\u00e9hiculer une image professionnelle.<\/p>\n
Pour la recherche d’inspiration, j’ai directement propos\u00e9 \u00e0 Pauline de faire un tour sur diff\u00e9rents sites (dribbble, behance, logo pond, etc.) pour qu’elle me fasse une s\u00e9lection de styles qu’elle appr\u00e9cie, et de styles qu’elle aime moins et mieux identifier ses go\u00fbts. Nous sommes finalement parties sur un concept de petit logo avec une mascotte poulpe qui pourrait \u00eatre utilis\u00e9e seule ou avec le nom Technoglyphes. Pauline a \u00e9galement d\u00e9fini qu’elle souhaiterait rester dans les couleurs rouge et noirs pour l’identit\u00e9 graphique du logo.<\/p>\n
Vient alors la phase de \u00ab\u00a0design\u00a0\u00bb \u00e0 proprement parl\u00e9. Je me suis inspir\u00e9e de plusieurs images et illustrations de poulpes pour proposer \u00e0 la client plusieurs \u00ab\u00a0mascottes\u00a0\u00bb dans diff\u00e9rents styles. 5 diff\u00e9rents \u00ab\u00a0poulpes\u00a0\u00bb ont \u00e9t\u00e9 propos\u00e9s. En g\u00e9n\u00e9ral je pr\u00e9f\u00e8re dessiner sur du papier, et envoyer la premi\u00e8re esquisse scann\u00e9e (ici photographi\u00e9e) pour ne pas perdre trop de temps \u00e0 vectoriser des dessins qui ne seront pas utilis\u00e9s.<\/p>\n
<\/p>\n
Le choix de Pauline s’est port\u00e9 sur le dernier petit poulpe.<\/p>\n
L’\u00e9tape suivante a consist\u00e9 en la vectorisation de la mascotte. Cette \u00e9tape a \u00e9t\u00e9 r\u00e9alis\u00e9e sous Illustrator (mais on peut utiliser Inkscape aussi), pour avoir un rendu vectoriel et pourvoir zoomer et agrandir le logo \u00e0 l’infini sans pertes de qualit\u00e9. J’ai d’abord trac\u00e9 les contours, ainsi que l’encrage des ombres sous les tentacules, pour ensuite applique une couleur de fond \u00e0 la mascotte. L’ombre sur le cot\u00e9 droit a \u00e9t\u00e9 rajout\u00e9e avec un calque noir semi transparent et un mode de fusion. Cela permet de changer la couleur de fond, et garder une ombre visuellement plausible sans avoir \u00e0 en changer la couleur.<\/p>\n
<\/p>\n
Choix de la typo, \u00e9quilibre et d\u00e9clinaison colorim\u00e9trique<\/p>\n