Nouvelle proposition de logo pour le HTML-FP

Rigueur. Et passion !

Ne dites pas à ma mère que je suis artisan en architecture de l'information appliquée aux sites web : elle croit que je suis webdesigner, intégrateur HTML & CSS, rédacteur web, formateur NTIC et consultant en webmarketing depuis 2001 ! Voulez-vous en savoir plus ?

Le blog de l'intégrateur web

Nouvelle proposition de logo pour le HTML-FP

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.

Logo réalisé dans Illustrator CS3 à l'aide de la police de caractère ITC Avant Garde Gothic Bold pour son tracé géométrique. La graisse du caractère a été augmenté avec l'effet Tracé -> Décalage

Le même logo copié-collé dans Photoshop CS3 et trituré avec le filtre Texture -> Grain -> Type vertical qui permet une foultitude d'effets de vieillissements

Suite aux commentaires de Guillaume S. et krysttof, j'ai réduit le nombre de couleurs de la baseline pour améliorer la lisibilité d'ensemble.

Cette nouvelle version fait suite aux suggestions de MrThieu. Le texte est plus sobre et fait ressortir l'acronyme HTML, ce qui n'est pas plus mal.

J'ai réduit la graisse du texte et revu les approches de groupe.

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 ;)

Articles sur le même sujet

PS : Le respect de la vie privée sur internet est important : j'ai décidé d'échanger mon bouton Like de Facebook par un bouton Faire un don de Paypal car
Il n'y pas d'amour, il n'y a que des preuves d'amour (Jean Cocteau) ;) Merci d'avance.



22 commentaires pour “Nouvelle proposition de logo pour le HTML-FP”

  1. Guillaume S. dit :

    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é.

  2. krysttof dit :

    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.

  3. Lefrein dit :

    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.

  4. Bruno Bichet Intégrateur Web dit :

    @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 ;)

  5. Thierry Mauduit dit :

    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 :).

  6. Jean BRECHEMIER dit :

    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 :-)

  7. B-1983 dit :

    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.

    • Bruno Bichet Intégrateur Web dit :
      j’imagine pas la merde que ça doit être à flasher par un imprimeur un truc comme ça

      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.

    • Lefrein dit :

      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 ?

  8. Thierry Mauduit dit :

    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).

  9. Jonas Luthi dit :

    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.

    • Bruno Bichet Intégrateur Web dit :

      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

  10. samcome dit :

    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.

  11. Bruno Bichet Intégrateur Web dit :

    @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 :D )

  12. MrThieu dit :

    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 ?

    • Bruno Bichet Intégrateur Web dit :

      Merci pour ces suggestions. J’ai mis en ligne une version qui en tient compte.

  13. Geoffrey dit :

    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

  14. Bien vous dit :

    pour un résultat qui devrait être plus lisible air yeezy 2 tout en restant ludique et coloré

  15. Nicole Godin dit :

    que j’effectue depuis deux ans sur le blog Javascript & Webdesign.Chaussures Retro Jordan Femme,Super et un tres grand merci.

  16. rajoute un peu dit :

    je trouve ça plutôt vilain. Sans parler du fait que chaussures salomon tu viens d’agresser les yeux de mon chien

  17. echosante dit :

    Je pense qu’en partant sur un nombre moins élevé de couleurs, ça peut donner un truc pas mal.http://www.echosante.fr Framework d’une couleur, project de l’autre, privilégions la lisibilité.

  18. Tout d’abord, le manque d’espace entre les deux mots. http://www.logiciel-cegid.fr Ensuite le souligné. enfin les couleurs.

Laissez un commentaire

Vous pouvez utiliser les balises HTML suivantes : <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

Les commentaires sont publiés sous votre pleine et entière responsabilité et ne doivent pas contrevenir aux lois et règlementations en vigueur. Les propos racistes ou antisémites, diffamatoire ou injurieux, divulguant des informations fausses, relatives à la vie privée d'une personne ou utilisant des oeuvres protégées par les droits d'auteurs ne sont pas les bienvenus et seront modérés sans modération.

Merci d'être constructif et n'oubliez pas : « sans la liberté de ramer il n'est point d'éloge flotteur ! »



Colophon

CSS & Webdesign est une publication irrégulomadaire à tendance hebdomadaire
éditée par Bruno Bichet qui carbure à WordPress et au café équitable.
Tous droits réservés © 2006 - 2011.

Contactez l'auteur du site