David Torondel / Portfolio | Blog
19795
paged,page-template,page-template-blog-large-image-whole-post,page-template-blog-large-image-whole-post-php,page,page-id-19795,paged-6,page-paged-6,ajax_updown,page_not_loaded,,vertical_menu_enabled,wpb-js-composer js-comp-ver-4.2.3,vc_responsive

Links of the week

J’inaugure une nouvelle « rubrique », je vous propose chaque semaine d’indiquer ici les bons liens que j’ai pu glaner au fil de la semaine… Comme tout le monde, au fil du surf sur la toile du web, ou des forums, des mails, ou autre je tombe sur des URLs intéressantes, donc autant les partager ! Je ne garantis pas des exclusivités mondiales, mais si ça peut servir…
Et puis les mauvaises langues vont dire qu’au moins ça garantis une note par semaine. Ce a quoi je répondrais : « Oui, bon, c’est pas faux ».

Voici donc ma sélection de la semaine :

Si j’ai bien compris, une chaine de télévision spécialisé dans la science-fiction à demandé à quelques illustres illustrateurs d’illustrer « le magicien d’Oz », pour le lancement d’une version moderne de la série… Les illustres illustr… oui, ok, c’est lourd, donc les dessins en question ont été ensuite « enchainés » dans une animation Flash, créant ainsi un site conceptuel, plutôt bien fait, une bande son qui colle bien à l’ambiance générale. Je ne suis pas fan des illustrations de base, mais en l’occurrence ça fonctionne bien !

 

 


Quand on travaille à la réalisation de chartes graphiques de sites avec des fonctions dites « web 2.0 », on est constamment confrontés à l’épineux problème des icones pour illustrer les susnommées fonctions… Il y a bien la collection « silk » qui est très souvent utilisée, mais qui du coup est un peu vue et revue… Donc je trouve intéressante (et généreuse) cette initiative de fournir un set d’icones avec les fichiers sources en psd !

 

 


Toujours dans la catégorie des ressources pour nous, les webdesigners, voici un site incontournable, sur lequel vous pourrez trouver plein de ressources utiles, tels que des sources psd de tous les éléments d’interface des différents navigateurs (utile pour les maquettes), les surfaces utiles des différents navigateurs, et plein d’autres choses encore.

 

 


Voici le site d’une agence spécialisée dans la création de logo. Une « simple » page sur laquelle vous pourrez visualiser plus de 300 logos. Certains se ressemblent un peu, mais l’ensemble est de très bonne qualité, une bonne source d’inspiration !

 

 


Pour terminer, voici le site d’une « communauté créative », un site surtout intéressant à mes yeux pour son forum, très actif. Principalement axé sur l’illustration, mais abordant aussi le graphisme en général.

 

Read More

Nouvelle interface

Et oui, une fois de plus je change l’interface de ce blog 🙂

Cette fois, ambiance bretagne nocturne ! J’espère que ça vous plaira, n’hésitez pas à me signaler des bugs si vous en constatez, je suis parti d’un thème existant que j’ai très largement « bidouillé », j’ai essayé de franciser un maximum mais il reste peut-être des termes en anglais qui se balladent…

Read More

Lorem ipsum…

Quasiment tous les graphistes connaissent ce fameux texte en pseudo latin, « Lorem ipsum dolor sit amet… ». Il s’agit d’un texte dérivé du latin, un « faux texte » qu’on utilise pour les maquettes graphiques quand on a pas encore le contenu.

Ce qui est amusant, c’est de voir qu’il y a beaucoup de sites qui oublient de l’enlever sur certaines pages, et du coup si vous tapez ce « lorem ipsum » sur google, comme moi ce matin parce que je n’arrivais pas à retrouver mon stock de texte muet, vous tombez parfois sur ce genre de pages.

Juste pour s’amuser, en voici quelques unes :

Quand le ministère de l’éducation fait une haute évaluation de l’école, ben ça rigole pas…
la coopération france allemagne, ca semble pourtant clair…
Dans les banlieux belges, une nouvelle forme de verlan ?
Les mentions légales, de toutes façons, personne ne les lit jamais…

Bon enfin voilà, ca ne fait sans doute rire que moi, mais tant pis… 🙂

Read More

Illustration isométrique

Les illustrations isométriques, c’est amusant à faire, et pratique… l’absence de perspective permet d’utiliser les éléments à répétition, bref de « construire » l’illustration comme on fait avec des légos. Un exemple avec un travail en cours : représenter les étapes de travail d’une société de transport spécialisé. Premier essai avec l’étape « Stockage » :

Première étape : quelques « tubes », dupliqués pour faire une structure, puis ajouter des caisses, puis un chariot élévateur… Mis à part le chariot en question, tout le reste n’est constitué en fait que de 3 ou 4 éléments déformés, dupliqués, etc.

Read More

Site internet Smerep.fr

J’ai réalisé le graphisme du nouveau site de la mutuelle étudiante Smerep. Il s’agissait d’une refonte, mais le site final n’a quasiment plus de point commun avec le site original, si ce n’est une partie de son contenu.

Le brief était en résumé le suivant : donner un aspect plus moderne au site, utiliser des cercles (éléments graphiques présent sur la charte papier).

Concernant les cercles, le site étant en grande partie dynamique, il était difficile d’utiliser des ronds, pour les contenus, j’ai donc utilisé le fond de page pour apporter les « rondeurs ».

Voici à quoi ressemble la page d’accueil :

En haut de la page d’accueil se trouve un visuel, qui existe en 3 déclinaisons qui s’affichent aléatoirement :

J’ai aussi réalisé une quarantaine de gabarits de pages, dont celles du déroulé de choix d’une mutuelle, donc un gros travail de recherche ergonomique.

Il a aussi fallu réaliser des gabarits spécifiques pour les pages thématiques de cible :

Le site internet : www.smerep.fr

Travail réalisé dans le cadre de ma collaboration avec l’agence Comcicomca

Intégration html réalisé par Sandrine Budestschu

Développement réalisé par Comcicomca et Pierre Canthelou

Read More

De Dotclear à Worpress

Ca y est, j’ai migré ce blog de la plateforme Dotclear à WordPress.

J’espère qu’aucune note n’a « sauté » au passage, et qu’il ne manque pas d’images ou autres… N’hésitez pas à me signaler si jamais vous constatez des soucis.

L’interface a donc changé, et devrait se peaufiner au fil des jours, ainsi que de nouvelles fonctions. Là aussi, n’hésitez pas à me donner vos conseils et suggestions !

Read More

UN PEU DE COHERENCE GRAPHIQUE…

La Torondel Corp. Inc. est heureuse de vous informer qu’elle a enfin mis un peu de cohérence graphique dans ses outils de communication, parce que bon, c’était quand même un comble, c’est pas parce que les cordonniers sont les plus mal chaussés que bon… Donc enfin, un même logo et une même ligne graphique partout !

Il y aura bien encore quelques ajustements, parce que 100 fois sur le métier, etc.

Donc mon Portfolio a eu quelques ajustements graphiques, mais il est toujours à la même place, parce qu’on ne change pas une équipe qui gagne :
Portfolio

Le blog arbore fièrement un nouvel habillage graphique, mais ça vous aviez du déjà le remarquer, vu que vous êtes dessus. Et si vous ne l’avez pas vu, je ne le prends pas mal, l’amour est aveugle.

Et voici l’adresse de ma page Netvibes, sur laquelle vous pourrez trouver des liens vers les blogs que je fréquente, mais attention, il ne faut pas juger les gens à leur fréquentations : Netvibes.com/davidt

Voilà, vous savez tout, et de la connaissance nait la sagesse, et quand je veux j’arrête les citations.

Read More

Le Web 2.0 et les nouvelles contraintes graphiques.

Une petite réaction suite à la lecture d’un de ses (très intéressant) blog de Fred Cavazza*, au sujet de la prochaine version de iGoogle, la page-portail du célèbre moteur de recherche.

Fred pose la question de la densification de ce type de page. Et c’est vrai que quand on regarde les copies d’écran, c’est… dense !

Ces nouveaux types de sites sont de véritables casse-tête pour les graphistes ! Il faut arriver à mêler les impératifs graphiques (personnalité, originalité…) et des impératifs techniques très contraignants, vu que tout quasiment est personnalisable, donc doit pouvoir s’adapter à une grande diversité de contenus, sur lesquels le graphiste n’a pas la main.

Un des points important d’une mise en page réussie est d’avoir bien structuré les éléments de l’écran, hiérarchisé les informations. Or dans le cas de ces pages-portail, c’est l’utilisateur final qui va structurer sa page comme il le souhaite. la problématique pour le graphiste change donc radicalement, il ne doit plus se poser les questions habituelles : « Quel élément de la page est le plus important, et comment je fais graphiquement pour le mettre en avant », mais plutôt « Comment je peux faire pour que mon graphisme fonctionne quand même une fois que l’utilisateur aura mis le bazar dans tous les blocs ». Et je ne parle même pas de complexité de la recherche ergonomique, mise à disposition des fonctions, etc.

Les sites web dit « 2.0 » deviennent de véritables applications en ligne, avec des fonctionnalités pointues. Le graphiste doit donc intégrer dans son travail une réelle démarche ergonomique orienté « outil », ce qui est assez nouveau, souvent difficile, mais passionnant.

Je reviendrait prochainement sur un exemple concret de site sur lequel j’ai travaillé et pour lequel j’ai pu me confronter à toutes ces questions d’ergonomie : vertetnet.fr(ne fonctionne pas encore sur Firefox Mac, en cours de debuggage).

Pour en revenir à la question de Fred Cavazza, effectivement, c’est très dense…en même temps difficile de juger juste une capture d’écran réduite. En général, on se construit petit à petit sa page d’accueil, c’est une construction « personnelle » que l’on connait, donc qui est lisible par soi principalement, mais difficilement apréhendable pour les autres. Exactement comme son vrai bureau, c’est souvent le bordel, mais on s’y retrouve. 🙂

La difficulté vient quand on « partage » sa page, et que des visiteurs externes doivent pouvoir s’y retrouver…

Bref à mon avis il y a 2 critères pour juger de la pertinence de ce genre de page : l’aspect ergonomique (ajout de modules simplifié, etc.) mais qui ne concerne que l’utilisateur personnel. Et en deuxième, la clarté de l’interface graphique, qui elle va surtout servir aux visiteurs externes à se retrouver dans le « bordel organisé » de celui qui a construit sa page.

Je ne suis pas sur que Google soit un modèle de ce point de vue… : /

Beaucoup de gens prennent Google comme une « référence », un peu à tort et à travers… Combien de fois j’ai pu voir dans un brief client la demande : « il faut un graphisme simple et clair, aussi efficace que Google ».
C’est bien, mais le minimalisme de Google ne fonctionne que pour leur page d’accueil, qui a un contenu minimaliste. Adapter le principe de Google (pas ou peu d’image, texte html de base, avec peu de différences de taille, ça ne peux pas fonctionner avec une page ayant beaucoup de contenus, et donc un besoin évident de hiérarchisation des éléments. Mais il est parfois difficile de le faire comprendre…

Pourtant iGoogle me semble être une bonne illustration de ce souci : pas assez (à mon goût) de recherche ergonomique et graphique. Par exemple, contrairement à Netvibes, je n’ai pas trouvé de possibilité de changer la couleur des bandeaux des modules, donc impossible d’en faire ressortir un par ce biais. Quand aux « thèmes d’artistes » et personnalisés qui sont proposés, ils sont pour la plupart un modèle de mauvais goût et de Kitsh…

Dommage donc que ce travail graphique et ergonomique n’ai pas été pris au sérieux par Google. Netvibes me semble avoir une très très large longueur d’avance.

*Fred Cavazza
Médias sociaux
Interfaces riches
etc.

Read More

Ecodazoo – site Flash et 3D

Un site dont on parle beaucoup en ce moment, sur les forums graphisme et les forums Flash :
Ecodazoom.com




C’est un site tout en Flash, qui utilise la 3D pour naviguer. Graphiquement très beau, c’est fluide, rien à redire. Seule interrogation : est-ce que le rapport « attrait graphique/contenu » n’est pas un peu déséquilibré ? C’est une telle prouesse technique que je me demande si du coup le message finale (environnement) ne passe pas au second plan.
Le graphisme a pour but de « servir » le contenu, il doit se mettre à son service, et là je me demande si ce n’est pas un peu l’inverse. C’est paradoxal, mais je me demande si ce site n’est pas « trop bien fait » ? Comment ça, jamais content ? 🙂
Il reste que c’est du très beau boulot quand même…
C’est réalisé par Masayuki Kido (un indépendant japonais qui a déjà fait parler de lui via quelques animations Flash) pour McCann Erickson Japon.

Read More