Bon. Heureusement que Dad!, le célèbre dessinateur et président de Nekomix nous a permis de passer cet été de bonne humeur et de prolonger un peu cet état euphorique.

Pour ce dernier épisode (oui, tout les bonnes choses ont une fin), Dad! nous apprend à dessiner un château. Et vous aurez, si vous arrivez à suivre jusqu’au bout, un petit bonus. Car le château ne va pas rester comme ça, tout bête, sans rien… Non non…

Mais laissons place au maître :

Liens

Nekomix : www.nekomix.com

Dans ce troisième épisode, à rebondissement, Dad! nous apprend à bien dessiner un lapin, un lapin content et, comble du rebondissement, un lapin fille.

Vous verrez qu’un lapin fille ne se dessine pas comme ça. Ce n’est pas aussi simple. Il y a toute une stratégie.

Episode III : un lapin, un lapin content et un lapin fille

Mais place à la star !

Liens

Nekomix : www.nekomix.com

Vous avez aimé le teeshirt de la semaine dernière ?! Vous allez adoré celui-ci : teeshirt Nekomix

Pour ce second épisode, Dad! à choisi de nous apprendre à bien dessiner un Dad!. Car savoir bien dessiner un Dad! est … important.

Evidemment, même en vacances, je n’oublie pas d’oublier d’allumer le micro et du coup, vous ne pourrez pas entendre les premières minutes de cet épisode. Mais rassurez vous, je n’allais pas vous laisser comme ça, je vous ai réservé une petite bande son du meilleur goût.

Episode II : un Dad!

Mais place à la star !

Liens

Nekomix : www.nekomix.com

Alors ? Quel teeshirt avez-vous choisi ?! Je dois bien avouer avoir un faible pour ce Neko Jack …

Nous y sommes arrivé, non sans mal, avec l’aide de quelques liquides de bonnes qualité (préférez « l’agricole » si vous voyez ce que je veux dire…).

Nous allons donc vous livrer 4 épisodes qui vont vous permettre de savoir dessiner, entre autre, un château fort, un lapin et plein d’autres choses passionnantes et hallucinantes !

Episode I : une épée

Dans cet épisode, vous apprendrez à comment bien dessiner une épée. Mais aussi un personnage (ça, c’est le bonus).

Je vous laisse avec Dad!

Liens

Nekomix : www.nekomix.com

Vous reconnaîtrez sans aucun doute le logo et les teeshirts qui vont avec…

Qu’est-ce qu’une favicon ?

La favicon est la petite icone qui apparaît dans la barre d’adresse devant l’URL des sites.
Elle apparaît également dans le menu des favoris / marques-pages.
Enfin, pour les utilisateurs d’onglets, elle apparaît sur chaque onglets.

La favicon dans la barre d’adresse

La favicon dans la liste des favoris

La favicon dans les onglets

Pourquoi avoir une favicon sur son site ?

La favicon est un élément supplémentaire qui va participer à l’identité du site. Elle est un facteur supplémentaire qui fait qu’on identifie et mémorise le site ; un peu comme un mini-logo.

Ce petit élément visuel permet également de plus rapidement repérer le site qu’on recherche dans une liste (les favoris, ou les onglets notamment).

Enfin, d’un point de vue purement pratique, avoir une favicon permet de limiter les logs d’erreur : en effet, certains navigateurs la recherche automatiquement à la visite d’un site ; c’est autant d’erreurs 404 créées.

Comment fabriquer une favicon ?

Afin de pouvoir s’adapter, une favicon doit être créée au moins au format 32 x32 pixels, d’après la Bonne Pratique Opquast n°30. Mais c’est au format 16×16 pixels qu’elle s’affiche la pluspart du temps. Il faut donc prévoir que l’icône soit toujours « lisible » et que l’image soit propre dans ces deux tailles. Une favicon peut également être prévue en 48 x 48 pixels.

Une favicon peut être une image de différents formats : jpg, gif, png, bmp, mng, xbm et ico.
Parmis ces formats, seul le .ico n’est pas reconnu par les standards. Néanmoins, il reste nécéssaire car … c’est le seul compris par Internet Explorer ! Les navigateurs standards comprennent l’ensemble des formats.

Il est à noter que certains de ces formats permettent une animation (voir sont un format vidéo !). L’icône peut donc ne pas être figée. Il faut pourtant en user avec parcimonie : en effet, les animations en boucles peuvent être désagréables et perturber la lecture d’un site ; elles peuvent agacer.

Pour créer l’image de chacun de ces formats, vous pouvez utiliser votre éditeur graphique habituel.
Néanmoins, pour le .ico, il existe des outils en ligne très pratiques, comme le très bon FavIcon from Pics. Il suffit de préparer une image au format gif, jpg, png, ico ou bmp (en 32 x 32 pixels) et l’outil génère une icône multi-format (32 x 32 et 16 x 16 pixels).

Le code pour insérer une favicon

Pour insérer votre favicon, vous devez :
– placer l’image à la racine de votre site ;
– placer le code d’appel à l’image sur votre page index.

Là encore, il y a le code standard compris par les navigateurs standard … et le code pour Internet Explorer.
Ainsi, si vous voulez insérer les deux cas, utilisez le code ci-dessous :

Internet Explorer lit la première déclaration et l’applique. Il ne tient pas compte de la deuxième qu’il ne comprend pas.
Les navigateurs standards vont lire et comprendre la première déclaration, puis la deuxième. Ils appliqueront celle qui arrive en dernier.

A lire :
Opquast – Rubrique icone de favori : Le code source des pages contient un appel valide à une icône de favori ; L’icône de favori est au moins proposée au format 32 x 32 pixels

Icônes de pages web, la favicon.ico

Ce n’est pas tous les jours qu’un jeu fait peau neuve, alors on a sauté sur l’occasion.

Game On Net : Pourquoi avoir fait ces changements d’interface ?

Nouveau skin jour

Ancien skin jour

GoN : Ces changements ont été réclamés par vos joueurs ?

Ideo : Les joueurs n’ont rien réclamé, ils étaient meme un peu surpris au départ du changement majeur mais ont quasiment tous admis au final que le changement était une réussite. Ils ont fait des propositions d’améliorations pour des choses qui leur manquait par rapport à l’ancienne version.

Par exemple, le design à texture parchemin et vieillot manquait à certain et le nouveau faisait trop « design », trop dessin animé, un skin « oldies » a donc été mis en place pour les nostalgique 🙂

Ancien skin nuit

Nouveau skin nuit

La volonté de changement a vraiment été interne d’une part pour essayer d’ameliorer notre image vis a vis de l’exterieur et aussi niveau interfacage, pour essayer de ne pas perdre les débutants qui avaient du mal a s’y retrouver face à la foultitude d’informations.

GoN : Qui a validé ces nouveaux graphismes ?

Ideo : Mon responsable Design ainsi que moi même (Wax) avons mis en place tous les éléments graphiques et les avons validé en équipe via le forum de développement.

En général, on a tous plus ou moins les mêmes goûts artistiques donc pas vraiment de souci sur ce point.

Ancien screen de jeu

Nouveau screen de jeu

Merci Wax pour ces informations et longue vie à Ideo !

Ideo : www.ideo-lejeu.com

Rechercher

Même si vous vous sentez plus à l’aise avec le dessin sur un logiciel que sur le papier, privilégiez tout de même le support papier pour vos recherches.
Il vous donnera plus de liberté dans une phase où il est important de se laisser aller à l’imagination.
Utiliser un outil simple et avec lequel vous vous sentez à l’aise. Il n’est pas nécessaire dans un premier temps que vos essais soient  » beaux  » ; il s’agit plus d’une quête d’idée que d’esthétique. Variez les propositions, prenez un peu de recul, revenez voir votre travail. Et recommencez.

Peaufiner

Faites ensuite un choix dans votre travail : la proposition la plus proche des idées à véhiculer, la plus  » dans le ton « .
Elle est forcément à retravailler. Toujours sur papier, poursuivez vos recherches dans cette unique direction en essayant de vous rapprochez toujours plus du logo parfait. Toutes ces recherches peuvent durer plusieurs jours mais, quand vous aurez l’impression d’avoir  » fait le tour  » et de vous trouver face à une idée aboutie, une idée qui vous satisfasse, vous pourrez commencer la phase  » numérique « .

Décliner

Quelque soit le logiciel avec lequel vous êtes familiarisé, si vous voulez pouvoir faire plusieurs utilisations de votre logo, privilégiez une conception vectorielle du logo. C’est le seul moyen pour pouvoir l’utiliser proprement et sans perte à toutes les tailles, y compris les plus grandes.

Si votre logo est destiné à être imprimé, privilégiez, dans la mesure du possible, une réalisation en couleur Pantone © ; c’est-à-dire conformément à un standard qui permettra de ne pas avoir de surprise à l’impression quel que soit le papier utilisé, la machine … ou simplement le réglage de votre écran !

Soigner

Soignez votre réalisation ! Certains détails peuvent  » passer  » au moment de votre première utilisation mais être un véritable problème si votre projet prend de l’ampleur et que vous êtes amené à le faire en grande taille ou simplement sur d’autres supports.
De plus, le logo véhiculant une identité qui doit être marquante et reconnaissable, vous n’avez pas le droit à l’erreur : un logo doit durer et non pas être modifier régulièrement pour des améliorations.

Utiliser 😉

Votre logo est parfait et terminé ? Vous allez pouvoir l’utiliser à volonté sur chacun de vos supports !

Le logo va être le représentant visuel d’une marque. Avant même de lire la marque (ou le nom du produit, le titre du site…), l’œil reçoit déjà une information visuelle par l’intermédiaire du logo. Cette information est stockée dans la mémoire et contribuera à la reconnaissance de la marque lorsque l’on est amené, plus tard, à re-rencontrer cette marque.

Ce logo, intimement lié à une marque, doit aussi en véhiculer les valeurs. L’adage  » un petit dessin vaut mieux qu’un long discourt  » n’est plus à démontrer et le graphisme d’un logo participera activement à l’image qu’une marque veut renvoyée d’elle à ses clients.

Enfin, le message doit être clair et concis. Le but n’est pas de faire une accumulation de symboles, de couleurs, d’informations visuelles, etc.

Le logo doit être simple pour être facile à retenir (plus ou moins consciemment) ; il devient symbole lui-même.

Dans la pratique, il faut d’abord déterminer le  » style  » du logo, le  » ton « . Un logo d’une institution, une administration n’aura évidement pas le même ton qu’un logo pour un site de jeu.

Cette lapalissade est néanmoins le point de départ qui va permettre de répondre à de nombreuses questions :
– le choix des couleurs
– Ajout d’un dessin (type  » mascotte « , produit, valeur symbolisée…) ou non
– Choix de la typo
– Forme générale
– …

Une fois le ton déterminé, il est important de savoir quelles sont les notions que l’on essaye de faire passer dans son logo (mise en avant du produit, unique à cette société ; mise en avant de valeurs chères à la société ; mise en avant d’une particularité…)

Ces éléments réunis, on commence déjà à avoir une idée (même vague) de son logo : ce qu’il mettra en avant.

Le choix des couleurs est un exercice complexe. Inutile de se reporter à une symbolique des couleurs. De l’une à l’autre, on vous dira que le rouge est la couleur de la passion, de l’amour, puis de la guerre, de la violence ; le vert, couleur de l’espoir ou couleur de la passivité, de la bourgeoisie… Vous trouverez tout et son contraire.

Les couleurs que vous choisirez ne trouveront leur sens que dans le contexte que vous saurez leur donner ; elles viendront accompagner l’ensemble de la composition.

Le choix de la typographie n’est pas non plus anodin. En effet le  » dessin  » des lettres vient s’ajouter au look général et doit contribuer à véhiculer les notions choisies.

Attention, de nombreuses polices de caractères circulent mais ne sont pas toutes libres de droit. Veillez bien à ne pas utiliser de polices avec un copyright !

Vous avez, bien sûr, la possibilité de dessiner vous-même vos lettres (dans le cadre du logo ; au-delà, le travail d’un professionnel est indispensable ; la typographie est un métier à part entière)

Il est bon d’accompagner son logo d’un graphisme, même minimal ou simpliste qui peut permettre d’asseoir la composition, d’apporter une notion, de donner une personnalité.

Là encore, le style du graphisme doit être en accord avec l’idée générale du logo. Stylisée, agressif, rondouillard, sympathique, austère, sérieux… Le  » trait  » contribuera à l’allure générale du logo.

On peut choisir d’intégrer une  » base line « , une phrase d’accroche à notre logo. Il ne s’agit pas ici de donner des conseils linguistiques pour la concevoir.

Par contre, elle doit également s’intégrer aussi naturellement dans le logo que tous les autres éléments.
On peut, pour l’écrire, choisir une typographie différente de celle du nom de la marque mais attention à la perte d’unité. Un logo chargé de plus de deux polices de caractères différentes risque de perdre beaucoup en lisibilité et en cohérence.

Enfin, il faut veiller à la composition générale. Intégrer les différents éléments du logo dans une forme simple et équilibrée.

A suivre : Concevoir un logo – considération pratiques