WebDesign, Template et Logo

Avec l’ouverture du blog, j’ai eu un peu plus de temps pour refaire un tour sur des Sites/ Blogs de WebDesigners. C’est l’occasion pour moi d’analyser / comparer mon design par rapport a d’autres blogs ( une démarche que j’ai souvent avant une création graphique, et que j’ai eu au moment de la conceptualisation de ce blog ).  Non seulement on y trouve des idées sympa, mais l’on y apprend souvent des méthodes alternative a nos habitudes.

Étant un Développeur à la base, ces visites aide ma créativité.

Dans cet article je vais donc décrypter pour vous la récente modification - ce matin - du logo de mon blog.

Sans plus attendre voici l’ancien logo.

L'ancien logo e-Devblog.com avant sa refonte.

Comme vous le voyez ce logo respecte la charte que je m’étais donné lors de la création du blog.

Il est donc composé des 3 couleurs de la Charte graphique,  le noir,  le blanc, et le rouge. Et le tout reste plutôt sobre, et carré. Pas vraiment Web 2.0 donc, mais visuellement c’est agréable, même si au final il manquai selon moi de vie, ce logo ne permettait pas de vraiment compléter le template.

Comme vous le constaterai au fil du temps, mes travaux graphique sont le plus souvent basé sur des forme géométrique associé ou non entre elle. Avec le plus souvent une petite idée histoire de ne pas être Trop simpliste. Ici un des coins est donc coupé.

Suite à mes visites sur des blogs magnifique, j’ai ressentie que mon blog n’était pas encore aussi joli que je l’aurai aimé. Cependant ne pouvant m’accorder le temps de reprendre tout de zero ( et oui mes projets a but lucratif  ne vont pas avancer si je reste bloqué sur mon blog ! ), j’ai tout de même décidé de prendre le temps ce matin pour refaire le logo.

Et voici le résultat.

Nouvelle version du logo v1.1

Ainsi comparé a l’ancien pas mal de petites choses on changé, et pourtant il a une toute autre allure a mes yeux. Et aux vôtres je l’espère !

Tout d’abord ce qu’il y a de plus visible est l’ajout d’une forme, une sorte de logo dans le logo. Cette forme a donc plusieurs intérêts : D’un côté si je la réutilise seule dans divers travaux ou sur le blog, ça permettra de créer une sorte d’image de marque. De l’autre le logo acquière une sorte d’âme et donc devient « vivant ». Pourquoi dire que le logo deviens vivant ? Simplement parce que selon moi, – et oui pas d’étude scientifique pour confirmer cela :p – on s’attache plus facilement a une forme, plutôt qu’a une typographie. Attention il reste des exceptions ! Comme CocaCola, mais la typo est tellement unique qu’elle en deviens ‘la forme’ que l’on reconnais. Dans mon cas la typo de mon logo reste très commune et donc on ne s’y attache pas.

Voici quelques exemples de formes :

Vous devriez facilement reconnaitre les marques associé

Ensuite c’est la typo qui a changé, cela m’a pris toute l’après midi d’hier pour LA trouver. Celle-ci s’avère donc sobre, elle apporte un côté moderne au logo par ses forme ronde, et ses « coupure » sur le b ou le g par exemple. Comme je le disais cette typo reste commune, mais la forme 3d suffit a elle seule a créer un élément reconnaissable, je ne pense donc pas qu’il aurai été de bon goût de « polluer » le logo d’éléments uniques / reconnaissable. J’ai tout de même amélioré visuellement le titre avec une ombre interne pour bomber un peu le texte – et accentuer l’effet arrondis -, un léger dégradé, sans oublier une alternance de couleur pour mettre en valeur le e.

Le texte n’a donc pas de reflet style web2.0, mais le plus important dans tout ça était de trouver une typo lisible, le reste aurai été superflu.

Enfin, le fond a lui aussi été quelque peu modifié, les effets qui lui sont appliqué sont presque similaire au titre. La couleur du fond permet qu’en a elle d’avoir un titre de couleur gris voir presque blanc on reste ainsi dans la sobriété. Le contour lui pour le coût deviens un peu plus web2.0 avec son « Perfect Pixel »

Pour finir voici une liste des sites qui m’ont inspiré, ils sont d’horizon divers, par ailleurs le premier site est relativement agressif au genre Web 2.0, mais au final ses idées sont très bonnes, et la lecture de son article m’a aussi permis d’avoir un déclic fort utile pour le nouveau logo.

Marie//Julien – Article sur les logo web2.0

Function – Article sur le WebDesign

Tutorial9 – Article sur le WebDesign