TG + BR + 3Q

Pas de billet depuis juin 2010 : hum !

Mais des projets qui prennent vie en dehors de ce blog et ça fait bien plaisir ! Séquence publicité, mais pour la bonne cause.

Typographisme

Un projet sur lequel je ne suis venu me greffer que tardivement, mais avec beaucoup de plaisir étant amateur de tout ce qui touche à la typographie. J’en profite pour aborder la question via l’angle technique puisque c’est ce que je connais le mieux. Amateurs de grilles et autres détails typos, c’est par ici.

Briefing Room

Julien est venu me débaucher pour animer un tout nouveau forum consacré à l’apprentissage des métiers du Web. Avec un objectif affiché : proposer une alternative sérieuse aux offres commerciales jouant double-jeu avec le travail des graphistes. L’initiative m’a plu, j’ai signé. Allons parler bonnes pratiques côté créa.

Trois Questions

Dernier bébé en date après une gestation de presque deux ans : un site d’interviews. Et même si techniquement je ne suis plus très fier de mon travail, l’idée principale me convainc toujours autant : donner la parole aux petites mains du web, à ceux qui le pratiquent au quotidien avec amour. Et découvrir ainsi ce qui se passe de l’autre côté du paravent dans l’open-space.


17 commentaires ↓

#1 STPo le 03.21.11 à 14:21

Eh bé c’est du propre, cette réclame décomplexée. Tu as changé. Je…

#2 Stéphane Deschamps le 03.21.11 à 14:59

Ah ça c’est sûr qu’on ne voit pas ça dans les bonnes crèmeries !

#3 tetue le 03.21.11 à 23:58

Gnni, pardonnez-moi mon Dieu, je ne peux pas me retenir de troller, je peux pas (surtout après mention de l’excellent typographisme.net ) : Briefing Room… ça peut pas sérieusement concerner le graphisme web alors que c’est en Arial 11px, si !??

#4 mastico le 03.22.11 à 10:06

C’est vrai que Briefing Room n’est pas trop une réussite graphique. Le log est pas terrible, la charte a l’ancienne. Mais je crois que le site est en cours de devellopement, donc ca devrait s’ameliorer et puis le concept est très bien.

#5 Ju le 03.22.11 à 10:07

@tetue Bah, c’est un peu comme quand on se fend d’accessibilité web et que les liens d’assistance sont en gris très clair sur fond très blanc… :p

#6 Julien le 03.22.11 à 10:53

Souvent, les graphistes sont réputés avoir une bonne vue, tout comme ils ont la réputation de remettre en questions certains dogmes (l’arial 11px c’est universellement « MAL » par exemple), le pouvoir de s’adapter à une cible précise et celui de s’adapter à des contraintes (ex : ne pas péter tout le thème préexistant sur lequel on s’est appuyé).

Également, ton article (que j’avais déjà lu) passe un peu vite sur le « small is beautiful » que tu écartes sans autre forme de procès, juste parce que « tu n’es pas convaincue ». Bon. Tu passes un peu vite aussi sur le fait que l’helvetica est illisible et dégueulasse sur winXP/ff 3.6, qui est majoritaire dans les visites. D’ailleurs, détail piquant, c’était la fonte par défaut du thème au début, et on a du la dégager pour cause de carnage visuel.

On aurait pu mettre de la verdana. On aurait pu, mais on ne l’a pas fait. Peut être un jour, quand on aura le temps et qu’on aura rempli les objectifs de la plateforme, auxquels ne figurent pas « se pignoler sur la typo si tout le monde peut lire et profiter ». Un jour peut être donc.

Or donc, grand bien te fasse si tu préfères une autre typo et une autre taille, même si c’est totalement dogmatique et en dehors de toute réalité/contrainte (oui, je sais, c’est « trop petit »), tu es la bienvenue sur la plateforme pour proposer des maquettes web en comic sans 8em et pilonner que c’est bien mieux dans ton argumentaire.

On pourrait en discuter des heures, je n’ai de toutes façons pas d’affinités avec cette typo précise, mais à un moment il y a un PROJET qui ne parle pas du tout de typo, une CIBLE, des CONTRAINTES, et notre métier est d’accorder tout ça.

Pour conclure mon commentaire, tu entames ton article par :

Je ne compte plus le nombre de maquettes graphiques que j’ai du intégrer avec de l’Arial en corps de texte principal de 11 pixels, voire 10 px (…) Un créa a bien voulu m’expliquer : « c’est plus chic quand c’est écrit petit »

Ironie du sort, cette plateforme leur est entièrement dédiée. on en déduis donc que ça conviens très bien.

la cible, toujours la cible, encore la cible.

#7 Julien le 03.22.11 à 10:56

et désolé pour les fôte, à cause de la grosse typo de ce blog, on les voit 2 fois plus qu’en arial 11px

#8 Julien le 03.22.11 à 10:59

Par ailleurs, pour ce qui est de la taille, la typo de briefing room, c’est du 12px.

#9 kazes le 03.22.11 à 13:21

Plus de billets mon ptit Vincent. We want more !

#10 mastico le 03.22.11 à 14:36

C’est marrant. le mec qui nous explique qu’il a pas mis 12px parce qu’il fallait pas péter le theme. et que a la base c’etait pire parce que c’etait de l’helvetica. C’est un peu comme le joueur de foot qui nous explique qu’il a mal joué parcequ’il a pas bien manger ce matin mais il faut qu on soit content parcequ’il aurait pu ne pas manger du tout. :)

#11 Vincent le 03.22.11 à 14:41

Bon bref. Les trolls ça va bien 5 minutes hein ?

Si on parlait du billet maintenant ? Ou pas d’ailleurs, y’a pas grand chose à dire.

#12 Julien le 03.22.11 à 15:06

C’est marrant. le mec il n’a rien fait dans Briefing Room et n’en connait pas les contraintes mais il trouve que les mecs qui ont tout fait n’auraient pas dû faire ce qu’ils ont fait.

Bref.

Les 3 initiatives sont très bonnes, et font avancer les métiers du web à mon avis. J’ai le sentiment que le milieu mûrit et qu’on va aboutir a une certaine cohérence et à une convergence des métiers du web, et ça ne peut être qu’une bonne chose.

#13 Felipe le 03.22.11 à 16:41

La page d’accueil de Briefing Room supporte un zoom texte de 200% (6 fois dans Firefox). Tout juste à vrai dire mais tout juste c’est encore bon :) pour WCAG 2.0 (test 10.4.3 chez Accessiweb 2.1). Si c’est pas lisible par défaut, ça devrait l’être avec un ou plusieurs coups de zoom.

Par contre outline: none; … ok on est bien dans la cible graphiste :)

#14 yamo le 03.22.11 à 16:49

BR et 3Q sont de super initiatives, qui selon moi font bouger les choses (pour être transparent je fais partie du « jury » de BR, mais cette plateforme est avant tout l’idée et le travail de Julien aidé par Bruno pour l’inté). Je suis bien placé pour savoir que ça a représenté un travail conséquent et on ne peut que louer ceux qui ont donné de leur temps pour ça, uniquement dans le but de pousser leur secteur vers l’avant.

J’ai également l’impression que les choses commencent à se structurer, qu’une frange de notre profession (au sens large, j’y met aussi les intés/dévs) est en train d’arriver à maturité, ça fait plaisir.

-1 pour le troll idiot mode pignolage sur la taille des typos, d’autant plus HS qu’il est faux. Certains parlent, d’autres font…

#15 Julien le 03.22.11 à 17:02

@Felipe : j’avais pas vu le outline:none sur tout tiens, normalement je ne le met que sur le logo, et avec une alternative visible toujours.

Il faut savoir que pour sortir le projet et se concentrer sur le fond (= une initiative fonctionnelle pour les graphistes débutants, à gérer en plus de notre boulot à plein temps), on a utilisé un thème existant et on à essayé d’y rentrer notre « charte graphique » (bien grand mot en fait, vu qu’il s’agissait à l’origine de 2 maquettes faites pour le site principal). Du coup on a quand même essayé de faire ça valide en esquivant les principaux écueils, mais la gestion des thèmes phpBB est très complexe, avec thèmes imbriqués et un nombre impressionnant de gabarits, de feuilles CSS, et de variables de thèmes (+reprendre du mastodonte existant = pas forcement l’idée du siècle).

Bref, ça « ne serait pas une excuse » pour un boulot payé par un vrai client, mais là, je pense qu’on remplit les objectifs (sincèrement je ne trouve pas que ce soit un carnage tant au niveau graphisme que inté) et que le fond est là, les graphistes au rendez-vous, donc mission accomplie, c’est fonctionnel.

#16 tetue le 03.27.11 à 11:54

Ouhla… Pour répondre rapidement aux trolls : 12px sur le body certes, ce qui fait du 11.1px en cœur de page avec du 9,6px pour les textes annexes. C’est une façon de restreindre la cible à ceusses qui ont une bonne vue et/ou aux adeptes du « small is beautiful », c’est évident, pas la peine de flooder ainsi sous le billet de Vincent !

#17 Stéphane Deschamps le 05.19.11 à 13:01

(ça fait pas loin de deux mois que personne n’a commenté ici, on pourrait pas lancer un troll ?)

Ah au fait : moi ça pète parce que j’utilise des polices minimales à 12px dans mon navigateur. Mais je laisse les sites exploser parce que je sais que ce n’est pas le fait des gens qui l’ont fait, et un jour je vous raconterai comment j’ai désespéré Vincent et STPo sur 3Q avec ça, sur le mode de « ah non, la grille verticale, chez moi, elle est cassée » :)


Laisser un commentaire

Mise en forme : vous pouvez utiliser la syntaxe Markdown. Vous verrez, c’est chouette !