Archives pour la catégorie Art / Design

AmCharts : télécharger des éléments graphiques et statistiques en Flash

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.

Comment créer un logo pour le référencement ?

J’ai été récemment confronté à la création d’un logo pour présenter différents workshops que j’ai préparé et que je vais animer très prochainement. Sans être un webdesigner expérimenté, cela m’a permis de me remettre un peu au graphisme, et ce, avec grand plaisir :). Par ailleurs, j’en ai profité pour dépoussiérer quelques notions acquises pour la réalisation d’un logo.

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

Izzymenu : création menu en CSS / DHTML

Izzymenu fait parti de ses outils d’aide à la création de site web que j’adore !

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.

Choose your Desktop images with Duckfarm.net

logo.jpgDuckfarm is a new website which allows you to download some images/wallpapers in 2 formats : normal and 16/9. Authors design and create desktop images for your computer. If you like style (as for me these are great images), you can suscribe to their RSS feed to see new images.

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

bubblesst.jpg    cloudyskyst.jpg    petalsst.jpg

Le webdesigner de 2007 : que saura-t-il faire ?

J’ai pu lire sur Webstandards un article très intéressant en anglais qui résumé à peu près ce que sera le webdesigner de l’année prochaine. Pour résumer, il devra avoir des notions dans les différents domaines suivants :

- 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…