Etienne Mineur archives

aller au contenu | aller au menu | aller à la recherche

mardi 23 mai 2006

la grande liste des sites de graphistes branchés, II (maj)

merci à tous pour cette petite compétition des sites en HTML de graphistes de cette fin de semaine dernière.
J'ai donc résumé et mis à jour ma petite liste des sites «branchés».

version extrême (HardCore Low-Tech Attitude) :
--> http://www.teleferique.org/, avec son indispensable texte sur l'Esthétique par défaut d’Étienne Cliquet.
--> en 1997, un Cd-rom (le 5 ou le 6) des Japonais de Gas Book, avec une interface franchement en DOS (entièrement programmé avec Macromedia Director à l'époque), il fallait taper au clavier «DIR:» pour accéder au contenu du CD et ainsi de suite. Il fallait utiliser uniquement des commandes DOS au clavier sans la souris.
Le problème avec ce jeu sur l'interface et ce clin d'œil à l'interface préhistorique de Microsoft, c'était que ce Cd-rom s'adressait principalement à des graphistes ayant toujours travaillé sur MAC, donc vous pouviez rester un bon moment devant un curseur clignotant ;-)

les maîtres :
-->http://www.kesselskramer.com/

les punks:
--> http://text.jodi.org/
--> http://wwwwwwwww.jodi.org/
--> http://oss.jodi.org/
--> http://www.jimpunk.com/
--> http://www.dirtdirt.com/headacher/
--> http://www.potatoland.org/shredder/
--> http://glitchbrowser.com/glitchbrowser.php

les graphistes :
--> Delaware
--> http://www.big-game.ch/
--> http://www.devalence.net/
--> http://www.antoineetmanuel.com/
--> http://www.graphicthoughtfacility.com/
--> http://leclubdeschevreuils.free.fr/
--> http://www.ericandmarie.com/
--> http://www.fredericteschner.com/
--> http://www.dezyderio.fr/helloworld.html
--> http://www.toffe.net/
--> http://www.mmparis.com/
--> http://www.hektor.ch/
--> http://www.norm.to/
--> http://zammit.over-blog.com/
--> http://www.mixer.ch/web/
--> http://www.esmog.org/
--> http://www.hyperkit.co.uk/docs/home.php
--> http://www.julienbouvet.com/
--> http://www.tm-online.nl/
--> http://www.basedesign.com/work_html/
--> http://www.justsomekids.org/
--> http://www.andyrementer.com/
--> http://ol.lebrun.free.fr/
--> http://www.tomato.co.uk/
--> http://www.cyan.de/
--> http://www.jetset.nl/
--> http://www.letterlabor.de/
--> http://www.workbylunch.com/
--> http://www.mogollon-ny.com/
--> http://123buero.com/
--> http://www.ascii33.com/
--> http://scrollable-landscape.org/
--> http://task-focused.com/
--> http://www.laurentfetis.com/
--> http://diego.bellorin.free.fr/
--> http://www.publicaffairs.ch/
--> http://labonnemerveille.com/
--> http://www.vier5.de/


divers :
--> http://www.shift.jp.org/, qui existe depuis novembre 1996
--> http://www.hellogas.com/
--> http://www.fsept.net/
--> http://www.d-i-r-t-y.com/
--> http://www.lars-mueller-publishers.com/
--> http://www.oneonenine.org/
--> http://www.arkitip.com/printedmatter/
--> http://www.te05.org/
--> http://www.surinternet.org/
--> http://www.beigerecords.com/cory/
--> http://www.romanticsurf.com/
--> http://www.timothysaccenti.com/
--> http://www.matthewherbert.com/
--> http://paperrad.org/

Pour l'inspiration low tech:
--> http://www.webnavets.net/
--> http://images.google.fr/

les ennemis ;-):
--> Processing
--> http://www.joshuadavis.com/
--> http://www.pilotdrift.com/3.0/index.htm
--> http://pitaru.com/
--> http://insertsilence.com/
--> http://www.pcho.net/
--> http://www.typeractive.com/letterscapes/
--> http://www.flight404.com/version8/index.html
--> http://www.yugop.com/
--> http://www.oculart.com/

Après avoir vu ces nombreux sites, nous pouvons établir Les 10 règles du site branché :

• utiliser du HTML version 1.0 de préférence, ne surtout pas utiliser Flash, Virtools… ou autres plugins ridicules de ce genre
• Les textes sont à télécharger directement en .pdf, voir en .doc (comme chez M/M)
• les images sont à 300 dpi (on se retrouve donc rapidement avec des images de 4 000 sur 6 000 pixels sur écran) et en quadri bien sûr.
• faire rire les graphistes, mais laisser complètement indifférent les autres personnes, voir leur donner l'impression que votre site est sujet à de nombreux problèmes techniques.
• avoir son book sur flickr.com, ou mieux sur Google image (on tape votre nom sur «google image» et vos images apparaissent en premier dans la liste proposée par Google, là ça commence à devenir très très pointu)
• ne pas donner d'Email, pas d'adresse postale, juste un numéro de Fax et encore c'est vraiment parcequ'on vous le demande.
• avoir son blog sur Skyblog et avoir son espace sur myspace.com
• si vous faites de la musique, le mieux, c'est de sortir vos productions uniquement sur 45 Tours en mono, voir sur cassette audio.
• si vous faites de la vidéo, fournir votre bande démo sur cassette VHS (en SECAM Bien sûr) ou sur BetaMax (plus Geek;-) et aussi la rendre disponible sur youtube.com
• une citation, voir un article dans GUTS (le magazine du grand Cauet).

Ces quelques règles sont un mélange de ce que j'ai pu voir sur le net.

Le parfait site hype de graphiste se situerait entre le site de M/M Paris (pour le cotès méprisant) celui du club des chevreuils (pour le côté beaucoup plus sympathique, qui est de s'accaparer les différentes technologies «de jeunes» de diffusion sur le net, comme Skyblog ou MySpace) et teleferique.org (pour le côté radical low tech), mais il n'existe pas encore… même si http://www.kesselskramer.com/ s'en approche terriblement;-)

Quelques pistes pour le futur dans ma boule de cristal:
Après l'Arte povera de l'interface, je vois le retour du GIF animé et aussi des premières interfaces en bois (ou marbre suivant les goûts) réalisée avec Director (Shockwave) de la fin des années quatre-vingt
L'utilisation du VRML, ou une autre technologie 3D obsolète
. Le retour de «la page qui tourne» sur le web, même si cela se fait déjà beaucoup avec plus ou moins de bonheur ;-)
--> http://www.magwerk.com/
--> http://www.newwebpick.com/
--> http://www.show-me-dq.com/
Le bricolage fait à la main (j'adore) :
--> http://www.tonk.ch/
--> http://www.kamikadze.sk/flash.html
L'aérographe des années quatre-vingt:
--> http://www.biennale-de-lyon.org/bac2005/fran/movie.htm

à compléter si vous avez des idées...

Super Draw


encore un autre lien vers une application réalisée avec Processing, SuperDraw, bon c'est joli, mais toute ces applications commencent à se ressembler beaucoup en ce moment.