CG en travaux

Après 6 mois d’existence, j’avais envie de faire un point sur le fond et la forme pour refondre le blog. icon confused CG en travaux

Je vais donc repartir de “zéro” et refondre ce blog. Je mets donc en pause les publications pour attaquer cela dans mon temps libre.
J’espère que cela ira vite mais n’étant pas intégrateur je risque de mettre quelques semaines. Voici l’idée :

Un blog entre-espace
• le séparer de mon pseudo (CG pour Coreygraphe) pour laisser la possibilité à d’autres auteurs de rejoindre le blog. Nom à définir.
• le lier avec le site entre-espace à venir dans un deuxième temps.

Le conteneur
• remettre une sidebar avec des infos du type “suivre”, “derniers articles”, …
• repenser la présentation des articles.

Le contenu
• repenser la mise en page pour aider à la lisibilité.
• synthétiser les articles, créer différentes “tailles” d’articles type presse…
• réfléchir à une présentation rapide sur l’accueil.

Le design
• partir sur un design plus riche en cohérence avec les roughs, qui datent de juillet, entre-espace ci-dessous.
• garder un design plus simple que le rough trop riche pour un blog.
• avoir un picto par type d’article : brève, interview, article de fond, …

EEEE logo1 CG en travaux

EEEE colors CG en travaux

EEEE rough CG en travaux

Voilà, si vous avez des commentaires qui peuvent m’aider, n’hésitez pas icon confused CG en travaux

Envoyez moi un mail coreygraphe(at)gmail.com :
• Testeurs : si cela vous intéresse de voir l’évolution de la refonte et la tester (sur une autre url).
• Intégrateurs wordpress : si vous avez envie de filer un coup de main (bien sûr crédité) vous êtes le bienvenue icon confused CG en travaux

A bientôt !

A suivre spécial musique & une semaine spécial partage

Hello à tous,

Je vous fait un billet du dimanche en 2 temps : un A suivre special découvertes musicales & la présentation du sujet spécial de la semaine à venir.  icon cool A suivre spécial musique & une semaine spécial partage

 

A suivre

Pour ceux qui cherchent à découvrir des nouveautés musicales, je vous invite à suivre Dominique Keller qui présente de nouveaux clips régulièrement avec une présentation/intro claire et détaillée des artistes. Sa page G+ pourrait être un blog et c’est ainsi que beaucoup voient G+ icon smile A suivre spécial musique & une semaine spécial partage

Je kiffe sa vidéo d’aujourd’hui : Lisa Hannigan – Knots 

(more…)

Smell it, fear it ?

Sur techno-science.net : Le SMELLIT, proto français qui diffuse des odeurs par enceintes (home cinéma ou ordi).

J’avais évoqué cette technique (et d’autres) dans un article sur le design olfactif. L’idée fait plus que de se préciser. Maintenant qu’on en est là, je voudrais revenir sur le sujet.

(more…)

Circle me – test

Voilà, voilà…  j’ai testé Circle me : Soyez ce que vous aimez… [et en commentaires la réponse d'Erik Lumer, fondateur de circleme]

(more…)

Le web et quelques petites vérités dessinées

J’ai été surpris de voir des illustrations ou planches de BD parler de réseaux sociaux en étant si criantes d’humour et de vérités… Les inquiétudes sur la sécurité de la vie privée restent profondes et, mis à part Foursquare (voir ci-dessous), je n’ai pas vu beaucoup d’acteurs du web essayer de communiquer là-dessus…

La peur du risque de sécurité sur les infos personnelles : qui de nous n’a pas entendu “Je n’y connais rien en web et j’ai peur d’aller sur Facebook” ?  ? Je serai curieux de connaître votre réponse  icon evil Le web et quelques petites vérités dessinées

(more…)

Obscura Digital, immersif et interactif

Obscura Digital promeut un marketing expérimental souvent à des tailles gigantesques.

Leur évènements sont numériques et impressionnants…

En septembre, pour la sortie du nouveau smartphone LG 4G 3D, ils lancent un projet vidéo sur support multi dimensions.


Le même mois, Obscura Digital s’attaque à une visualisation live de profils Facebook lors de la conférence de San Francisco F8. Les participants sont reconnus par leurs badges, chaque couleur correspond à un critère (bleu pour amis, vert pour intérêts, rouge pour écoles,…)

(more…)

Motstudio, du concept & du design

En parlant de musique & de données, je n’ai pas pu m’empêcher de penser à Motstudio, studio de Barcelone fondé par Laia Clos, qui avait fait parlé de lui par son infographie Les quatres saisons.

Vous l’avez sûrement vue passer sur la toile et je vous conseille d’aller voir le reste de leurs réalisations. L’accueil du site commence fort, par une belle citation de Paul Rand.
paul rand Motstudio, du concept & du design

(more…)

Quel type de social user êtes vous ?

Beaucoup d’infographies présentent les profils utilisateurs de réseaux sociaux répartis par critères. Elles sont souvent designées avec intelligence mais est-ce que les données (on y revient toujours) nous expliquent la différence entre ces réseaux ?

Apparemment oui… Effectivement oui… Mais en fait non, pas du tout

(more…)

l’art de Jason Thielke

Sur Diaspora, Hilda Allen (elle poste très souvent de belles choses, voir son blog hildaallen.wordpress.com et son folio sur cargocollective) a présenté le travail de Jason Thielke.

J’ai trouvé le travail de ce dernier plus qu’intéressant, entre rough, comics (dans le traité du trait droit) et graph (l’impression de fond mural). L’artiste utilise différentes techniques qu’il mélange pour un résultat étonnant sur des panneaux de bois. Acrylique,  graphite, peinture à l’eau, à la bombe, laque, encre, aquarelle,  gravure laser…

Sa construction reste la même, les traits de compositions d’un corps, ceux qui existent et ceux qui se superposent à une création lorsque l’artiste s’abandonne au trait. Une étude du mouvement en quelque sorte icon smile lart de Jason Thielke

Jason Thielke 0 lart de Jason Thielke (more…)

Les lampes flottantes de Crealev

Intéressant cette idée design/techno vue sur abduzeedo.com… Une lampe dont la partie haute lévite grâce à l’électromagnétisme   icon exclaim Les lampes flottantes de Crealev

Autant The Levitating lamp me semblait grossière par son design, autant là on a un résultat où les lignes (Silhouette & Eclipse) et les oppositions (Silhouette) me semblent plus  justes. De plus, fonctionnant par LED, elles commencent peu icon smile Les lampes flottantes de Crealev

de gauche à droite The Leviating Lamp, Silhouette & Eclipse
lamps Les lampes flottantes de Crealev
(more…)

Zoom sur Chris Milk

Dans Sites expérimentaux audio + visuels d’avril 2011, je parlais de Wilderness Dowtown, un site interactif que tout le monde a admiré (ou pas ?). Mais aviez-vous vu la “suite” du projet, The Wilderness Machine ? Et la nouvelle collaboration Milk/Arcade Fire, Summer into Dust

wilderness Zoom sur Chris Milk

 
(more…)

Je veux un woodbot !

Si Designchapel ne vous dit rien, allez voir le blog et le folio (sur cargo collective) du studio du directreur artistique Robert Lindström. Vous avez sûrement déjà vu ses travaux (Adidas, Coca-Cola, Vodaphone, Canal, …)
Je le suis depuis des années car c’est mon designer préféré, mon all white man à moi icon confused Je veux un woodbot !
Ce touche-à-tout de génie fait aussi bien du logtype que de la typo, de l’illus que de la vidéo 2D & 3D, du web design que du design de robot…

woodbot img 6808 Je veux un woodbot !
(more…)

Benjamin (Zhang bin)

En me balladant sur Diaspora un post m’a fait penser au speed painting et donc forcément à Zhang Bin (Benjamin), un artiste chinois, dont je kiffe les illus et les bd.

Pour faire du speed painting il faut quatre éléments : un stylet, une tablette graphique (une wacom ou une wacom… ou mieux une wacom cintiq qui fait tablette/écran), un programme d’image (le must étant corel Painter) et du talent…

Et là Benjamin en possède des tonnes !  icon exclaim Benjamin (Zhang bin) D’ailleurs il peut même faire du speed painting avec de simples stabylos

Cet illustrateur au style réaliste joue souvent sur des couleurs improbables et un jeté d’une immense énergie, sa palette est riche et son style fait parfois penser au graf mais je vous laisse découvrir cela icon smile Benjamin (Zhang bin)

benjamin1 Benjamin (Zhang bin)
(more…)

Ballade en couleur : False Arms

False Arms est un petit coup de cœur icon smile Ballade en couleur : False Arms

Ce dépôt d’image présente des photographies par couleur (plus d’une quinzaine) et le résultat est très ludique par ses associations visuelles surprenantes. Rien d’original me direz-vous ? Effectivement cela a déjà été fait mais la ballade par scroll (défilement vertical) me plait bien. Et je trouve le choix du contenu bien vu (mis à part le côté machistes de seulement présenter des femmes nus…).

Voici un extrait court (moins de 10% de la ballade)  du choix de la couleur noir :

False Armscom BLK Ballade en couleur : False Arms

En dehors du côté amusant de l’histoire, je trouve que ces associations sont réellement stimulantes pour un créatif car on part dans l’inattendu et cela peut faire remonter beaucoup de belles choses. icon twisted Ballade en couleur : False Arms

False Arms vous inspire ?

loi sur l’accessibilité des personnes à mobilité réduite en danger

Pour se renseigner :
www.desbatonsdanslesroues.org/

Pour signer la pétition :
http://desbatonsdanslesroues.blogs.apf.asso.fr/signatures.html

Il ne devrait pas y avoir de demi-mesure sur ce type de sujet…

Zoom sur les ARG

Comme tous les dimanches je reviens sur un article publié précédemment icon smile Zoom sur les ARG

En avril 2011 je publiais un article sur l’aspect social des Alternative Reality Games (Jeux à réalité alternée ou augmentée)* :

ARG!!! Alternate reality game

Je pensais réellement que ce mode de jeux aller prendre de l’ampleur mais… rien.

 

La réalité augmentée

Bien sûr, la réalité augmentée s’en approche (votre smart phone sert de caméra et s’ajoute sur votre écran des éléments définis par votre localisation) .

La réalité peut-être un jeu, une application utile, mais aussi une interface marketing ou une application citoyenne  (sur graphism.fr : une application pour voir les morts sur la route en Russie).
Deux vidéos ci-dessous pour exemples d’utilisations possibles :
 

Et les ARG dans tous ça ?

Comme la réalité augmentée, les ARG demandent un investissement important en terme de scénario et/ou de technologies. Du coup cela n’avance pas aussi vite qu’on le souhaiterait.
De plus les ARG ont pour l’instant une cible limitée par la nouveauté relative du genre mais…
comme le chanterai Lara Fabian (c’est pour mes tags icon evil Zoom sur les ARG ) j’y crois encore !

 

* : « Fictions immercives qui brouillent les frontières entre le monde réel et imaginaire, se déploient à la fois en ligne et dans la vraie vie, se propagent par tous les canaux : coups de fils anonymes, chasses aux trésors dans la ville, textos, dans les journaux, pubs télé, affiches, e-mails, sites Internet, etc ». (Marie Lechner – Libération)

Test de diaspora (version alpha)

Diaspora est un projet de proposition alternative à Facebook en terme de confidentialité (vie privée contrôlée) et ouverture (licences libres) annoncé en février 2010.

diaspora Test de diaspora (version alpha)

Pris de vitesse par google+

Finalement l’idée de Diaspora verra d’abord le jour sur google+ qui grâce aux cercles (google+) permet de gérer l’aspect (Diaspora) de la vie que l’on souhaite partager (et donc les gens concernés) par une clarification des listes que l’on trouvait  dans Facebook.

A noter pour ses fidèles que Facebook a lancé l’appli non officielle circle hack pour gérer les listes versions cerlces…

 

Mise en avant de la version alpha

Du coup diaspora décide de partager d’avantage sa version alpha. J’en entends parler sur google+ et suis invité par, l’auteur du post, Dark Vador un “passionné d’informatique, internet, cinéma (surtout SF), voyages dans des iles lointaines …” que vous pouvez retrouver sur son blog qui traite de ces sujets (et encore merci à lui icon smile Test de diaspora (version alpha)   )

diaspora pres1 Test de diaspora (version alpha)

Arrivée sur Diaspora (compte et profil)

C’est rapide et simple, tout est limpide et on me propose de faire le lien avec mes comptes Facebook, Twitter, Tumblr (Google+ à venir ?). Je suis assez content et Dark Vador m’envoie un guide en ligne à Diaspora drôlement bien fait  icon twisted Test de diaspora (version alpha) . Seul hic, impossible de mettre à jour la photo de mon profil avec Chrome (je vous conseille donc d’utiliser firefox) mais indulgence à une version alpha.

 

Les plus :

- Les tags/mots clefs associés au profil et aux articles permettent de suivre des sujets et découvrir de nouvelles personnes simplement.

- La mise en page des articles, ici on peut choisir de mettre un titre, du gras, de l’italique, … Pour l’instant cela se fait à la main mais je suppose que cela sera intégré plus tard à l’interface.

 

Le comparatif  :

- Grâce aux tags les aspects peuvent reprendre un avantage face à la concurrence car on peut donc imaginer classer certains aspects par intérêts (exemple #ladygaga  #derrick, deux sujets qui me passionnent  icon evil Test de diaspora (version alpha) )

- menu haut, très clair avec mise en avant de la recherche, accueil, contacts, notifications, messagerie et profil/paramètres. Un picto que je ne comprends pas : le GPS pour les notifications  icon exclaim Test de diaspora (version alpha)

- menu gauche : navigation par aspects et par tags, simple et efficace. La gestions des aspects est de la même facture. Je la trouve plus claire que celle de google+ même si moins “graphique”, c’est dans cette gestion qu’apparaît la proposition d’utilisateurs recommandés et c’est un gros plus également.

- menu droit : les connections en terme de contacts, de contacter, association de publication entre services et Diaspora, cubbi.es (première appli en cours de dev pour la gestion d’images). C’est logique dans sa construction (enfin !!!!).

mon diaspora1 Test de diaspora (version alpha)

Conclusion :

Bien entendu il ne s’agit que d’une version alpha mais pour moi tout est là pour du social de qualité. Définitivement google+ restera référent pour le ranking mais Diaspora a un avantage, celui de partir de la base de l’intégrité et de la sécurité. Si ce projet tient cette route, Diaspora pourrait finir par convaincre tout ceux qui ont peur de ce qu’ils ne comprennent pas (et je les sais nombreux) icon smile Test de diaspora (version alpha)

 

N’hésitez pas à me contacter pour une invit icon confused Test de diaspora (version alpha)

L’avenir du web se compte-t-il en version ?

Vous avez tous, ou pas, entendu parler de web.1.0, web.2.0…
Pour certains, il s’agit d’évolution générale guidée par des conventions/applications/interactions.
Pour d’autres ce n’est qu’un terme marketing. Voici les étapes 1 à 3 :

 

Le Web 1.0 est l’internet des serveurs qui se réfère aux pages web liées entre elles par des hyperliens qui a été créé au début des années 1990. (Wikipedia)
L’utilisateur ne participe pas au site et les pages n’évoluent pas.

 

Le Web 2.0 est l’internet des utilisateurs entre eux, au départ par le courrier électronique, puis qui s’est généralisé avec le phénomène de blog et les forums de discussion permettant de créer des communautés autour des sites internet. (Wikipedia)
L’utilisateur d’un site peut également l’animer, les solutions web permettent de rendre ces pages évolutives.
evolution web2 Lavenir du web se compte t il en version ?

Le Web 3.0 est l’Internet des machines des utilisateurs dénué de Site Web remplacés par la “sémantique”.(Wikipedia)

Nous passons à l’ère de la donnée (Data) accessible à tous.

Le tous sous-entend :
- mobilité, ou qu’on soit
- universalité, quoiqu’on utilise (comme navigateur, …)
- accessibilité, qui qu’on soit (avec un handicap ou non)

Cela fait penser à la devise de la France et à une charte d’intention.
Cela implique donc des normes et des conventions.

Ces données sont filtrées pour une meilleure lecture :
- la modularité (adaptation d’un contenu sur une base commune). On en parle énormément aujourd’hui grace aux medias queries qui permettent d’adapter le contenu d’un site web à un type d’écran (taille, tactile, …). Il ne s’agit pas d’un simple replacement, on doit penser en terme de priorisation d’information et de nécessité (pour les plus petits écrans, il faut parfois enlever une partie des messages secondaires pour que le message principal soit compris).

Ces données se partagent :
- le P2P (peer to peer, d’égal à égal) correspond à une démocratisation de principe, si on investit un peu de son temps “on peut tous être journalistes” par exemple.
- le cloud : il ne s’agit pas seulement d’applications dématérialisées mais également d’un filtre moins linéaire des données (pour faire simple).

 

La suite ? Le web 4.0 ?
Je vous passerai le rapport entre cela et la Pyramide des besoins de Maslow (qui hiérarchise les besoin sans logique pyramidale icon biggrin Lavenir du web se compte t il en version ? ), l’idée de l’évolution de l’intelligence artificielle et tout le reste.

Il est clair que, si on se base sur cette manière de penser, nous sommes à la dernière étape du web 3.0 mais je crois qu’il faut arrêter de présenter le web en terme d’étapes car l’outil est bien trop en avance sur sa compréhension générale.

Mon idée de la suite du web est assez simple… et si le futur du web était… de ne plus en être ?
Si le web se réinvente, et je le crois, pour le meilleur, il faut encore que les entreprises et les utilisateurs arrivent à l’associer à leur vie (identité, communication, information, modèle économique, ..) comme un moyen additionnel et non plus comme un moyen virtuel opposé au réel. icon confused Lavenir du web se compte t il en version ?

Chose étrange, ce sont principalement les designers, intégrateurs, développeurs et architectes d’information qui réfléchissent ce besoin pédagogique des interfaces utilisateurs pour aider à cette compréhension…  icon cool Lavenir du web se compte t il en version ?

Articles liés à ce sujet sur CG :
Quoi de neuf dans vos e-kioskes? été blogosphère partie web sur les media queries
Interview de David Serrault (Ensad/IDN) qui nous parle de sa réflexion sur l’identité numérique dans la mobilité
Design: réfléchir et redéfinir l’espace dont l’espace numérique
Retour d’auditeur: Ensad, Web et recherche sur l’identité numérique dans la mobilité

Quoi de neuf dans vos e-kioskes? bling, bam, wizz

Au sommaire d’aujourd’hui : Mets ta cagoule (si tu veux dans les magasins rester cool), de l’élégance dans l’illustration, de la mode new old-school, de l’interactivité et du logo à gogo !

 

Marketing one-to-one (approche très personnalisée de la relation et communication au client)

Je suis tombé sur un excellent article sur presse-citron.net : Reconnaissance faciale et publicité nouvelle génération“des supports publicitaires dopés  [...] qui seront capables d’afficher telle ou telle publicité selon ce que votre visage révèle de vous   icon exclaim Quoi de neuf dans vos e kioskes? bling, bam, wizz

vu sur presse citron Quoi de neuf dans vos e kioskes? bling, bam, wizz

L’article est très clair, je vais donc sur l’acceuil et je découvre un site de qualité qui se définit ainsi : “La vie en Web! [...]” C’est Presse-citron.

 

Graphisme

C’est sur le matérialiste que j’ai trouvé ce superbe set d’illustrations comparatives au style minimaliste et coloré,  Paris versus New York par Vahram Muratyan.

Il y a plus d’une dizaine d’illustrations de cette qualité sur materialiste.com

paris versus new york Quoi de neuf dans vos e kioskes? bling, bam, wizzparis versus new york 4 Quoi de neuf dans vos e kioskes? bling, bam, wizz

Mode

Pour ceux qui suivent CG, quand je parle de la jeune femme qui est en moi, je vous parle de… trendy girl dont je suis devenu fan. Ce site présente mille et une choses, ici une cape de pluie transparente proposée par Burberry icon halo Quoi de neuf dans vos e kioskes? bling, bam, wizz J’addooooOOOrrrree !

burberry see through rain cape 08 Quoi de neuf dans vos e kioskes? bling, bam, wizz

Interactivité

Une vidéo interactive (que vous faites réagir par vos actions ou mouvements) de Hugo Boss visible sur Hugo Boss TV YouTube channel. Cette vidéo et bien d’autres sont présentées sur richcommerce.fr qui porte bien son nom icon confused Quoi de neuf dans vos e kioskes? bling, bam, wizz

Et pour finir la passionante interview de Geoffrey Dorne sur actulogo.fr !
Les questions sont excellentes et spécifiques au logo.  Geoffrey, en éclaireur sur la reconnaissance des schémas ( icon confused Quoi de neuf dans vos e kioskes? bling, bam, wizz ), est bien choisi pour cette première.

Actulogo.fr est un site ayant un contenu de qualité (factuel, un plus pour ce type de site à mon avis)… bref allez donc y jeter un oeil (et plus si affinité).

En mode mode

Une fois de plus je vais parler de William Gibson  icon twisted En mode mode .

C’est fois je vais m’attarder sur Gibson et sa vision de la mode à notre époque. Commençons par Cayce Pollard héroïne de Identification des schémas (Pattern Recognition). Code Source (Spook Country) peut être lu comme une suite à ce roman.

« Je fais de la reconnaissance de schémas. J’essaie de reconnaître un schéma avant les autres. » 

Cayce est “chasseuse de cool” et grâce (à cause ?) à sa réelle phobie des marques elle peut dire instinctivement quel logo fonctionnera.

william gibson En mode mode

Ce qui m’intéresse ici est l’idée de Gibson qui met la mode et le design au même niveau pour en faire des médias. S’habiller devient se décorer pour véhiculer un message.
Pour lui « les médias SONT le monde dans lequel nous vivons, au moins en tant qu’outils d’information ».
Étrangement, tout en gardant ses autres sens* la mode reprend son esprit littéraire : Manière de vivre (Larousse).
William Gibson mélange les informations et se permet de ne pas prendre le lecteur par la main sans le perdre. Medias, arts, design, culture, origine et politique se mélangent dans un monde fait de modes à divers niveaux qui ne cessent de s’entrecroiser.

Au passage, William Gibson parle aussi de géolocalisation, de l’art parcellé, de l’invisible, des résultats de la guerre froide, des groupes de rock éphémères, de Stark et Prada, des modes undergrounds, des multi-nationales… Il fait parti de ces auteurs qui se renseignent avant d’écrire et qui filtrent tout cela pour donner un réalisme détonnant sans entrer dans le détail (l’anti Dan Brown icon evil En mode mode  )

Pour en revenir à la mode, je finis également par penser que la mode est devenue, pour beaucoup, plus une manière de vivre qu’une tendance. Il devient alors essentiel de comprendre et d’identifier les schémas… icon confused En mode mode

En savoir +: très belle interview de l’auteur sur cafardcosmique.com

 

Et juste pour le plaisir (l’art de Dowson a été d’être un amoureux transi à sa manière/façon…) :
I have been faithful to thee, Cynara! in my fashion (Ernest Dowson)

*:  Manière passagère de se conduire  [...] Aspect caractéristique des vêtements correspondant à une période bien définie  [...]  Commerce, industrie de la toilette,  (Larousse)