AmCharts est un site proposant de télécharger gratuitement différents éléments graphiques en Flash : barres horizontales, colonnes, camemberts et bien d’autres encore. Les éléments en eux-mêmes sont travaillés et la partie design n’a pas été négligée selon moi.

Par ailleurs, AmCharts vous propose un service permettant d’extraire des données depuis un CSV ou XML pour générer facilement des éléments graphiques compatibles avec plusieurs langages : PHP, .NET, ROR, Perl, Java, etc…

Bref, un service utile et pratique pour ceux qui veulent intégrer ce type d’éléments en Flash.

Que dois-je proposer comme logo ?

Il doit s’agir d’une représentation visuelle dédiée à un service que je fournis. Le logo doit permettre d’identifier facilement une marque (dans mon cas il s’agit d’un événement). Bref, en clair, un logo doit être unique et facilement mémorisable (jusque là, je ne pense pas vous apprendre grand chose…). Professionnel, unique, symbolique, épuré, marquant sont des mots à garder en tête pour la réalisation d’un logo.

La création d’un logo pour un service en référencement ?

Après un bref rappel sur la création d’un logo, il a fallu directement s’attaquer à mon secteur : le référencement. En associant l’idée de workshop au milieu du référencement, plusieurs idées me sont venues en tête :

La trouvabilité est un mot clé associé au milieu du référencement et doit faire en sorte de définir le référencement comme un service unique lié à cette “trouvabilité”.

La croissance est le deuxième mot-clé que j’ai rattaché à cette création de logo. Croissance des stats, du ranking, des visiteurs, des visites mais aussi du CA. La courbe est un élément visuel facilement rattachable à cette notion.

La qualité est le troisième mot-clé certes générique mais qui se doit d’être rattaché au métier du référencement. Qualité des liens, des gabarits de pages, des contenus et des analyses d’une manière générale.

Les statistiques, quatrième mot-clé ne peut échapper à l’inspiration pour faire un logo en référencement. Principal outil pour rendre des comptes à nos supérieurs, les statistiques font parti du monde du référencement, qu’on le souhaite ou non.

Le professionnalisme est, d’une manière générale, une notion importante à rappeler dans un logo. De mon point de vue, j’ai souvent l’impression que cela peut se représenter d’une manière “sobre”.

Après avoir pensé à tout cela, je me suis pris une bonne heure et demi pour imaginer quelques logos (et oui je ne peux pas y passer trop de temps, ce n’est pas non plus ma priorité ^^). Voici une partie de mes créations :

Pour les pictos, je précise que j’ai récupéré du libre de droit :)

Celui-ci vous permet de créer rapidement et simplement des menus en CSS/DHTML, prêts à être intégrés sur votre site web. L’accès à l’outil est gratuit, et ce, sans inscription préalable ! Il suffit juste de cliquer sur le bon “Start now – Free” pour commencer la création. Izzymenu se décompose en deux zones principales :

• la partie gauche qui sert à déclarer la forme et les propriétés associées au menu (police, taille, marges, couleurs, liens, effets, sous-menu)
• la partie droite qui représente un champs de prévisualisation de ce que vous êtes en train de concevoir, actualisable via un simple bouton. Cette partie sert également à déclarer la structure du menu, ainsi qu’à choisir un menu de départ parmi la soixantaine proposée dans le catalogue des menus au cas où vous seriez en manque d’inspiration. =)

Au final, Izzymenu s’avère être fort pratique à utiliser. Une fois le menu généré, il ne reste plus qu’à télécharger l’ensemble des fichiers dans un .zip ou d’envoyer le tout directement dans une boite mail.

Here are some examples (you can download good format directly on this page)

- XHTML : sans forcément savoir coder, le futur designer devra connaître les différentes balises en XHTML et leur utilisation

- CSS : à l’heure actuel, c’est déjà important mais il sera vital que le designer s’y connaisse en CSS2, afin de produire un design tout en pensant à l’intégration qui se fait derrière.

- Référencement : ça peut paraître étrange, mais je suis d’accord avec ce point sur une chose. Il faut  prévoir de la place dans la page pour par exemple, inscrire du contenu personnalisé ou encore créér une baseline propre et pertinente.

- Ajax : savoir quels sont les effets Ajax que le designer pourrait intégrer dans sa piste graphique.

- Framework : apparemment, il sera conseillé au futur designer de connaître au moins 1 framework. C’est un peu fort mais ça ne pourra que lui apporter un plus, une vision autre que le design pur.

- Design tendance : ça paraît évident mais le designer doit suivre les tendances design du web (web 1.0, web 2.0, site communautaire, site institutionnel…)

- Connaître les fondamentaux du design (normal ^^)

- Connaissance des principaux logiciels tels que Photoshop ou encore Paintshop pro. Avoir les idées, c’est bien, savoir les mettre en pratique, c’est mieux.

A cette liste je rajouterai également une maîtrise des logiciels de design opensource tels que Gimp ou encore Paint.net. Je pense d’ailleurs utiliser ce dernier au sein de mon entreprise car elle ne possède pas de logiciels propriétaires et refuse d’acheter une license. Plus abordable que Gimp à mon sens, Paint vaut le détour (et je ne parle pas de Paint, le logiciel installé par défaut sous Windows). Quant à cet article, je le trouve assez juste mais il est clair que tout imposé d’un coup risque d’être un peu ardu pour un designer qui ne connaît rien d’autres que Photoshop depuis 10 ans…

At this time, I work actively on a graphical project interface for my company. I was seaching free icons on the web and I discovered the Tango Icon Gallery. The Tango Desktop Project exists to help create a consistent graphical user interface experience for free and Open Source software. There are some icons in different sizes and you can have SVG file too.

SVG format

Scalable Vector Graphics (SVG) is the description of an image as an application of the Extensible Markup Language (XML). Any program such as a Web browser that recognizes XML can display the image using the information provided in the SVG format. Different from a raster graphics image (which consists of a bit pattern description), a vector graphics image is expressed by mathematical statements.

In my opinion, these icons are useful and you can use them without problem because they are open source and they are licensed under the Creative Commons Attribution Share-Alike license. It enables :

• to copy, distribute, display, and perform the work
• to make derivative works
• AND to make commercial use of the work