J’ai présenté en novembre dernier deux versions d’un logo qui n’ont pas fait l’unanimité. Pour me rattraper, j’ai remis cent fois l’ouvrage sur le métier (oui, j’en rajoute un peu) pour sortir une troisième version et prendre en compte les remarques et les suggestions. J’ai travaillé vite (une petite heure) pour un résultat qui devrait être plus lisible tout en restant ludique et coloré. Cette proposition existe en deux parfums : une version brute d’Illustrator (vectorielle, lisse, etc.) et une version plus organique travaillée dans Photoshop à coup de filtres Textures et Grains.
Conclusion
Je me suis bien amusé à refaire ce logo de différentes manières. Pour ceux à qui cela aurait échappé, je tiens à préciser rapidement l’idée générale qui a guidé mes choix en matière de couleurs et de mouvements.
J’ai considéré le framework comme un jeu de construction de type Lego. Ce qui explique les couleurs vives et l’allure des lettres HTML qui semblent sortir comme un diable de sa boite, comme des marionnettes au bouts des doigts ou encore comme des jouets dépassant du coffre.
Enfin, ça reste certainement très subjectif et je suis sans doute le seul à voir tout ça 😉
Non à la texture, ça n’apporte rien. Hormis ça, j’aime assez le logo, mais les couleurs font « cartoon network » ; effet accentué par les lettres de travers.
Je pense qu’en partant sur un nombre moins élevé de couleurs, ça peut donner un truc pas mal.
Pour la baseline, je ne couperais pas en 4. Framework d’une couleur, project de l’autre, privilégions la lisibilité.
Idem Guillaume, personnellement je pense que la texture n’apporte rien. Je préfère la version vectorielle, simple, dynamique, ludique…. Pour le titre, une ou deux couleurs devraient suffire : framework et project.
J’aime beaucoup, mais je suis d’accord avec Guillaume S. et Krysttof : les couleurs ou le lettrage de travers, il faut choisir pour donner un peu plus d’impact et de solidité. Au pire, je mettrais une dominante sur « framework project » et une grande lettre.
@krysttof et @Guillaume S. Merci pour vos judicieuses suggestions quant à la réduction du nombre de couleurs pour framework project. Pour la texture, je me suis surtout amusé avec les filtres Photoshop 😉
Je rejoins les commentaires existants concernant la texture qui est à mon humble avis à éviter d’une manière générale… Dans le cas présent la version aplat fonctionne beaucoup mieux. C’est très chouette, bon boulot Bruno :).
Bonjour
Moi aussi je préfère la version sans texture.
Petite question tu as essayé de donner une légère ombre aux html ?
Sinon il est sympa 🙂
Pour être franc, je trouve ça plutôt vilain. Sans parler du fait que tu viens d’agresser les yeux de mon chien (déjà aveugle, mais ça lui a quand même fait du mal, il est encore en train de pleurer) j’imagine pas la merde que ça doit être à flasher par un imprimeur un truc comme ça.
De plus, la typo non-libre pour un logo HTML c’est franchement pas futé !
Décidément, je ne lui trouve rien de bon à ce logo.
A mon avis, faudrait recommencer à zéro, en se disant que ;
1- Ça doit attirer l’œil, pas le faire fuir
2- C’est pas la pour faire pleurer les imprimeurs
3- Revoir impérativement la typo, pour des questions évidentes de droits et de couts.
Lol, mais on est sur le web, et l’intérêt, c’est qu’on est beaucoup moins limité, alors autant en profiter.
Et puis pour ta culture générale, je précise que les problèmes posés par certaines couleurs qui sortent du spectre des couleurs imprimables n’ont aucune incidence sur le flashage qui s’effectue sur 256 nuances de gris.
Pour être franc, je suis d’accord avec certains de tes arguments B-1983, mais la forme est un peu agressive à mon goût.
Sinon, je préfère le premier logo, plus homogène car sur le deuxième la disparition de deux couleurs sur quatre me choque un peu ; de plus j’ai envie de savoir pourquoi celles-ci et pas celles-là 😉 ; je persiste à dire que tant qu’à simplifier, autant mettre une dominante et trois mineures pour faire contrepoint, ça donnerait plus de stabolité à l’ensemble.
Pour les imprimeurs, c’est vrai que ça peut poser problème mais vu le sujet ça devrait plutôt rester sur écran, non ?
B-1983 -> 4- Cesser ce genre de remarque gratuite du type « tu viens d’agresser les yeux de mon chien » qui n’apporte aucune réponse à la problématique et te rende particulièrement antipathique (et en plus ça rime lol).
Je veux pas faire mon gros lourd mais c’est quoi le rapport avec WordPress ? => http://www.wordpress-fr.net/planet/
J’ai peut-être mal saisi, d’autant plus que je n’ai pas encore eu le temps de lire la totalité de l’article.
Aucun rapport avec WordPress dans cet article, je te le confirme. Pour info, seuls les billes tagués « wordpress » devrait passer dans le flux du Planet en question : ce billet n’aurait pas du s’y trouver. Je vais voir avec l’équipe de wp-fr s’il n’y a pas un souci avec mon changement d’URL
Je le verrais bien en seulement 2 couleurs : le orange et le fancy font très bon ménage.
IL faut penser à une version N&B, imprimable ect (même si il s’agit d’un logotype web).
Cordialement.
@tous merci pour vos remarques et vos suggestions. Si je partage avec vous certains de mes délires ré-créatifs c’est pour avoir des avis et autant qu’ils soient sincères.
Tant que les commentaires restent sur le blog, c’est que j’estime qu’ils sont constructifs (certains plus que d’autres, mais c’est la vie) et ouvrent la discussion ou élargissent le champs des possibles (oui, à 08h03 j’ai des tendances lyriques 😀 )
Après avoir fait mûrir ma réponse.
Ce qui forme « HTML », couleurs, angles, graisses et typographie, sont très bien choisi.
C’est avec « Framework Projet » que je me fâche. Tout d’abord, le manque d’espace entre les deux mots. Ensuite le souligné. enfin les couleurs.
Pourrais-tu tester avec « Framwork Projet » avec une graisse minime, non souligné et en gris #333 ?
Merci pour ces suggestions. J’ai mis en ligne une version qui en tient compte.
Bruno, en effet on ressent vraiment ce côté de jeu de construction, les couleurs, la typo carrée mais un peu arrondie sur les bords, l’ensemble est vraiment ludique, propose une double lecture (du logo seul et/ou de la base-line). Bien joué également pour le mouvement et l’idée de quelque chose de « non-fini » / « en construction » avec les mots HTML coupés, normal donc pour un framework 😉
Amicalement,
Geoffrey