Graphisme & interactivité blog par Geoffrey Dorne » Graphisme

Gifs animés illustrés, narratifs et élégants signés Guillaume Kurkdjian !

Geoffrey Dorne — Thu, 16 May 2013 09:20:41 +0000

Hey !

Maintenant que la mode du gif animé est revenue sur de nombreux sites Internet (mais cette mode a-t-elle déjà disparue? ), je trouve de plus en plus d’animations élégantes, narratives, poétiques. Dans les animations que je vous présente ci-dessous, les mouvements des personnages sont très fluide, les couleurs sont bien pensées, le design simple et minutieux.

En images

Pour la petite histoire, toutes ces animations sont réalisées par Guillaume Kurkdjian un jeune designer nantais !

sourceCes articles peuvent aussi vous intéresser:

Gifs animés illustrés, narratifs et élégants signés Guillaume Kurkdjian ! est publié originellement sur le blog de graphisme : Graphisme et interactivité blog par Geoffrey Dorne

[lecture] Tout savoir sur le Pixel Perfect !

Geoffrey Dorne — Wed, 15 May 2013 08:10:15 +0000

Hello !

Vous connaissez certainement le principe du « pixel perfect » ! Ce terme possède deux définitions, la première est lorsqu’il s’agit de faire ressembler l’intégration d’une maquette image en web, au pixel près, à la « perfection ». (Bon, cet idéalisme du pixel, précis, fin et pointu est à mon sens une cause perdue tant les navigateurs (Chrome, Firefox, Safari, Internet Explorer, etc.) sont différents), la seconde est celle du pixel « propre » dans Photoshop, pas de choses floues, pas de choses qui débordent ou qui ne sont pas réglées au pixel près.

Nous travaillons tous les jours avec nos amis les pixels, ce sont les éléments constitutifs de bon nombre de conceptions visuelles numériques. Le but de ce petit guide est de se concentrer sur les choses simples, propres et utilisables avant de se concentrer sur tous les détails du design. Pourquoi est-ce si important ? Comme beaucoup de choses dans la vie, quand quelque chose est bien fait, elle devient invisible pour vous, mais quand cette même chose est mal conçue, cela devient très pénible, notamment au quotidien.

Ce guide fait donc la chasse aux contours flous, aux objets qui sautent de position entre les pages, aux décalages de couleurs, aux mauvaises impressions, etc. Sont séparés les conseils liés à Photoshop et les principes fondamentaux sur le design.

Bonne lecture !

télécharger le PDF

Merci Olybop!Ces articles peuvent aussi vous intéresser:

[lecture] Tout savoir sur le Pixel Perfect ! est publié originellement sur le blog de graphisme : Graphisme et interactivité blog par Geoffrey Dorne

Mais qui est l’homme à la pancarte ?

Geoffrey Dorne — Tue, 14 May 2013 11:32:51 +0000

Hello

On continue notre journée avec « l’homme à la pancarte », un personnage mystère qui a su intriguer les journalistes du Monde. C’est une des personnes les plus photographiées dans les manifestations dans toute l’Europe et pourtant c’est un anonyme. Jean-Baptiste Reddé se fait un devoir de manifester pour des myriades de causes. Il est devenu la cible visuelle de bien des photographes.

Le petit reportage

Cliquer ici pour voir la vidéo.

Ce personnage utilise quelques principes simples de la communication lors d’un événement :

un positionnement dans l’espace bien choisi
un code couleur, pourrait-on dire une charte ?
un systématisme dans sa communication
de la simplicité
un message identifiable et synthétique

Les outils graphiques lors des luttes sociales et des manifestations sont des objets passionnants, ils sont à la frontière entre la forme et le fond, entre l’esthétique traditionnelle pour les manifestations et le visuel innovant.

Ces articles peuvent aussi vous intéresser:

Mais qui est l’homme à la pancarte ? est publié originellement sur le blog de graphisme : Graphisme et interactivité blog par Geoffrey Dorne

Une « Chambre Claire » à l’heure des Google Glass et d’Instagram !

Geoffrey Dorne — Mon, 13 May 2013 09:27:45 +0000

Pendant mes études en design et en art, j’ai appris quelques notions d’optique et notamment le procédé de la « Chambre Claire ». De son petit nom latin, « Camera Lucida », une chambre claire est un dispositif optique utilisé comme aide au dessin par les artistes et breveté en 1806 par William Hyde Wollaston. Le fonctionnement d’une chambre claire est assez simple, il effectue une superposition optique du sujet à dessiner avec la surface où doit être reporté le dessin. L’artiste utilise donc cette superposition pour placer des points clés du sujet à reproduire, ou même ses grandes lignes. La perspective est reproduite de façon parfaite, sans construction. Le prisme incluant une surface à 45°, l’image est inversée comme avec un miroir.

Il est important de noter également que si vous utilisez du papier blanc pour dessiner, cela sera plus difficile car la luminosité vous gênera. Il sera préférable d’utiliser du papier noir ou de couleur foncé, avec un crayon blanc ou une craie par exemple.

Bref, aujourd’hui je découvre un projet sur KickStarter réalisé par Pablo Garcia et Golan Levin, tous les deux professeurs à l’Université Pablo Garcia et à l’Art Institute de Chicago. NeoLucida, c’est son petit nom, est la première chambre claire portable de notre siècle. À l’ère des Google Glass et d’Instagram qui a besoin de s’asseoir et de dessiner ce qu’il a en face de soi ?

Beaucoup de gens, j’en suis sûr

En vidéo

En images

Dessiner, être loin de l’ordinateur, comprendre le monde, voilà une approche belle et intéressante qui, à la manière des maîtres anciens, laisse du temps à la réflexion au savoir-faire, dans les règles de l’art. La campagne de crowdfunding demandait 15 000$, elle en a remporté 400 000 et peut-être qu’une édition sera reproposée à la vente prochainement.

J’ai hâte

sourceCes articles peuvent aussi vous intéresser:

Une « Chambre Claire » à l’heure des Google Glass et d’Instagram ! est publié originellement sur le blog de graphisme : Graphisme et interactivité blog par Geoffrey Dorne

Quand les communautés inspirent la créativité ! Paula Scher, Phil Hansen, Erik Johansson et Rob Legato en live pour #AdobeMax !

Geoffrey Dorne — Tue, 07 May 2013 09:00:13 +0000

Hello

Toujours en direct de Los Angeles avec Adobe Max ! Cette journée était placée sous le signe des communautés créatives avec le titre « Community inspires creativity » ! grandes idées de cette matinée étaient tout d’abord de connecter chaque créatif à sa communauté, de raconter leur histoire, de leur offrir un miroir, un reflet. Se sont donc succédés sur scène les « Creative Voices » d’Adobe, j’ai nommé Paula Scher, Rob Legato, Erik Johansson et Phil Hansen.

Paula Scher

Paula raconte son histoire en commençant par la création d’environnements graphiques (parkings, écoles, maisons, etc.). Elle présente la création comme une rébellion contre quelque chose, contre un principe, une chose qui nous gène, un procédé que l’on aime pas. Son travail est fait principalement de typographie peinte,

Paula est la première à présenter son travail en introduisant la typographie et son lien avec les lieux, mais pas n’importe quels lieux, les lieux délaissés. J’aime beaucoup le travail de Paula Scher car elle est devenue une experte de la simplicité en repoussant ses limites et en suivant avec élégance l’évolution des environnements urbains dans des endroits les plus improbables. Paula Scher partage son travail époustouflant au fur et à mesure de ses slides, de Las Vegas au métro de Tel Aviv, elle se positionne à la frontière entre le design graphique et l’architecture. Elle conclura sa conférence sur cette phrase : « Je travaille sur des projets dont personne ne se soucie, de cette façon chacun retrouve de la magie dans ces endroits où il n’y a nul part où aller ».

Phil Hansen

Au tour de Phil Hansen de nous raconter son histoire et son approche du travail créatif. Phil part du principe qu’il faut accepter les contraintes, les limites et s’en servir pour conduire la créativité. Au détour de ses œuvres graphiques, souvent en noir et blanc et pour la plupart dessinées à la main avec de l’encre, de la nourriture (mâchée !), de la peinture ou des petits points, il insiste sur la fait que nous devons être limités, contraints, afin de devenir infinis, illimités. Toujours la même questionqui revient : la profusion d’outils favorise-t-elle la créativité ? Dans le cas de Hansen c’est la limitation !

Erik Johansson

Erik Johansson, artiste de la manipulation photo vraiment talentueux ! « Ce que vous pouvez imaginer, vous pouvez le créer. » Il questionne la logique du monde pour la dépasser grâce à ses manipulations photographiques et dans ses idées. Erik s’amuse à nous rappeler que Photoshop n’est pas magique et qu’il faut toujours se poser cette question à soi-même : « et si…? » afin de faire venir de nouvelles idées. Généreux, il expose l’envers du décor de ses créations en montrant, sur Photoshop, calque par calque les détails de ses manipulations photos. Un élément que je retiendrai absolument : « Chaque problème peut être décomposé en plusieurs petits problèmes » comme quoi, tout n’est pas si compliqué…;-)

Rob Legato

Rob Legato est ce qu’on appelle un « Visual Effects Supervisor », il a notamment gagné un oscar pour les effets de Titanic et a travaillé sur le film Apollo13. Rob insiste sur le fait que le transfert de l’émotion se passe entre la musique, l’histoire, l’image et l’importance du « moment ». En effet, comme il dit « on ne voit pas les effets, on ne voit pas la technique…on la vit » ! Je retiendrai quelque chose de très fort concernant les émotions : « Si vous pouvez recréer quelque chose qui agite vos émotions, si vous pouvez atteindre cet objectif, ce sera vraiment merveilleux ». Je partage parfaitement son avis

Quelques conclusions pour cette matinée

Le réenchantement du réel
Les outils sont la pour atteindre son but, ils ne sont pas magiques
La contrainte est un levier pour créer, détourner, produire
L’imagination est la clef créative de départ
Le questionnement des possibles sera, lui, un moteur pour avancer
Une façon de retrouver des émotions, voilà ce que nous devons créer

À très vite pour la suite !Ces articles peuvent aussi vous intéresser:

Quand les communautés inspirent la créativité ! Paula Scher, Phil Hansen, Erik Johansson et Rob Legato en live pour #AdobeMax ! est publié originellement sur le blog de graphisme : Graphisme et interactivité blog par Geoffrey Dorne

Adobe lance Photoshop CC pour Creative Cloud et annonce son stylo connecté !

Geoffrey Dorne — Tue, 07 May 2013 05:40:58 +0000

Hello à toutes et à tous

En direct de Los Angeles pour la grande conférence Adobe Max, je suis enfin rentré à l’hôtel pour souffler un peu, ouvrir l’ordinateur et pour vous raconter les nouveautés de cette journée ! Tout d’abord, ce fut une journée assez éprouvante en annonces, en informations et en idées également. La matinée a donc commencé par une grand messe sur l’histoire d’Adobe, puis sur les nouveautés de Photoshop, Illustrator, inDesign, etc. Nous pouvons dire au revoir à la génération CS (Creative Suite) car la suite Adobe s’appellera maintenant « CC » comme Creative Cloud (rien à voir avec Creative Commons).

Mais avant de vous raconter... je vous propose une petite vidéo

Ouverture… en vidéo !

Cliquer ici pour voir la vidéo.

(merci Jonathan pour la vidéo)

Photoshop, Illustrator et inDesign, After Effect CC

De nouvelles fonctionnalités logicielles ont été annoncées, notamment un gros travail sur la correction des flous bougés (lorsque l’on tremble, lorsque l’on est en mouvement, etc. lors de la prise d’une photo) sur Photoshop ou encore la possibilité, sur Illustrator, de manipuler, tourner, changer chaque lettre d’un texte, indifféremment, sans avoir besoin de vectoriser le mot. Pratique et très demandé ! Cinema 4D fait maintenant partie de After Effect directement téléchargeable depuis le Creative Cloud. Parfait pour la 3D et la vidéo en même temps, sans changer de logiciel. Encore sur Photoshop, la gestion du multiscreen est simplifiée notamment pour les sites en responsive web design. Une fois votre maquette de site Internet bien calée, il vous sera possible de la tester et de la modifier pour toutes les tailles d’écran. Toujours dans les nouveautés, Adobe Kuler, l’outil pour créer ses gammes de couleurs est maintenant disponible sur mobile afin que vous captureriez les couleurs du monde autour de vous et que vous les retrouviez ensuite sur Photoshop et dans vos maquettes. Enfin, Ô joie, Typekit, (un service ultime pour mettre des typographies sur des sites Internet), est disponible sur tous les logiciels d’Adobe pour vos créations. Vous avez donc vos typos Typekit, disponibles sur vos logiciels, sur votre ordinateur. Enfin, le Creative Cloud permet de faire du versioning de fichiers, directement en ligne, sans même vous en soucier. Il y a d’autres nouveautés encore, que nous découvrirons plus tard

Photoshop CC en vidéo

Cliquer ici pour voir la vidéo.

Illustrator CC en vidéo

Cliquer ici pour voir la vidéo.

Et Behance dans tout ça ?

Evidemment, toutes les applications de la Creative Cloud sont connectées au réseau social Behance et vous pourrez partager les travaux que vous souhaitez sur votre profil Behance. Simple, évident et cependant, centraliser la créativité, n’est-ce pas une drôle de façon de la re(présenter ? À ce propos, Scott Belsky s’exprime sur la créativité au micro de Gayané.

Mighty, le stylet d’Adobe !

Cette nouvelle création est assez incroyable de la part d’Adobe, mais réellement logique dans la tendance du retour au tangible mais… connecté ! Ce stylet fonctionne avec le Bluetooth et tire partie du Creative Cloud mobile (disponible sur Android, iPhone et Windows Phone) pour permettre de connecter vos dessins, vos tracés, vos croquis, directement à Photoshop, à votre iPad, à votre Illustrator, etc. Le stylet Mighty est sensible à la pression et possède un bouton qui fait apparaître un menu d’options. L’application reconnaît par ailleurs si un utilisateur interagit sur l’écran avec le stylet ou son doigt, ce qui permet par exemple d’utiliser le stylet uniquement comme outil de dessin et ses doigts pour effacer.

Ajoutez à cela « Napoléon », une règle connectée qui permet la création de formes géométriques, des lignes, des courbes, des repères, etc. Ce premier pas d’Adobe vers les objets est une chose intéressante à noter, notamment dans la couverture de la chaîne de production, de création.

En vidéo

Cliquer ici pour voir la vidéo.

> Le lien vers le site de Mighty

Quelques moments forts à retenir

La suite d’outils d’Adobe s’appelle maintenant « CC » comme « Creative Cloud«
Cinema 4D fait maintenant partie de After Effect
Photoshop gère les maquettes en responsive web design en les affichant en multiscreen
Toujours sur Photoshop, il est possible de générer les fichiers reflow et de récupérer le CSS également
Edge Animate permet de créer des animations en html5, css3 avec Edge Code CC

« Inspiration happens when I’m out in the world » : Kuler devient une application mobile qui analyse l’environnent grâce à la caméra de votre smartphone et crée une palette dynamiquement
TypeKit utilisable dans Photoshop CC et toutes vos applications Adobe.
Le versioning de vos fichiers, sans même vous en soucier.
Le partage de vos fichiers très facilement via le cloud.
Le réseau social Behance est intégré à toutes les applications Adobe CC
Mighty est le stylo connecté au Cloud, avec une règle (Napoléon) qui gère des outils de création
Un outil tactile de composition & création d’ouvrages print a également été présenté !

Dans toutes ces nouveautés, je retiens surtout la sortie du stylet Mighty, j’ai très hâte de le tester, notamment après avoir manipulé à de nombreuses reprises, le Inkling, le fameux stylet de Wacom qui n’aura hélas pas rencontré le succès. En attendant la sortie de toute la Creative Cloud, le 17 juin 2013, ce premier pas d’Adobe vers le tangible m’intrigue et me plait particulièrement. Il y a tant à faire encore

La suite sera annoncée demain !

Le Flickr continue de se remplir…

Ces articles peuvent aussi vous intéresser:

Adobe lance Photoshop CC pour Creative Cloud et annonce son stylo connecté ! est publié originellement sur le blog de graphisme : Graphisme et interactivité blog par Geoffrey Dorne

Vivez à l’heure Los Angeles pour #AdobeMax édition 2013 :-)

Geoffrey Dorne — Mon, 06 May 2013 07:30:56 +0000

Hello à toutes et à tous !

Comme annoncé sur mon Twitter, mon Facebook, mon Google+, mon Path et… j’en passe, je suis en ce moment à Los Angeles aux États-Unis, en compagnie de Gayané Adourian, pour vivre l’expérience Adobe Max ! En deux mots, Adobe Max c’est le grand rassemblement de la communauté créative mondiale autour d’Adobe, qui, à cette occasion, annonce ses nouveautés, ses derniers produits, ses dernières technologies. C’est aussi pour moi, une occasion d’assister à des conférences sur le design, sur la créativité, sur les processus et méthodologies de la création… bref, d’apprendre, de découvrir et de comprendre bien des choses

Adobe Max 2013

Je vais tâcher de vous raconter au mieux mon séjour, de capter les tendances, les références, de vous transmettre les nouveautés et ma réflexion, mes idées, mon point de vue sur tout cela! Evidemment, je ne suis ni journaliste ni blogueur professionnel, je suis designer et en tant que designer, je vais tâcher d’observer les usages, les nouvelles possibilités et l’évolution perçue des formes créatives. Gayané sera là également avec moi pour faire des interviews, des photos, des Storify !

Cliquer ici pour voir la vidéo.

Le programme

Jour 1: évolution créative

« Le processus de conception et de création est sans cesse modifié par les outils transforme de façon parfois radicale notre façon de voir les choses et de les faires. Tout ceci est très motivant, très curieux aussi car cela nous oblige sans cesse à évoluer. Lors de cette première, nous retrouverons Shantanu Narayen & David Wadhwani (le CEO d’Adobe et le directeur général du Digital Media). De nombreux visionnaires seront également là pour raconter ces évolutions au travers de la photographie numérique, de l’illustration, de la vidéo, du web design, tout au travers des nouveaux workflows créatifs.

Jour 2: Quand la communauté inspire la créativité

En direct avec David Wadhwani, de Rob Legato (qui travaille pour le cinéma), Paula Scher (un fameux designer graphique !), Erik Johansson (un artiste photographe) et Phil Hansen, nous irons au coeur des communautés créatives.

Mes idées pour vous partager l’événément

1. Le live tweet

Evidemment, je risque de twitter au fur et à mesure des conférences et des annonces, je vous invite donc à suivre sur Twitter sur @GeoffreyDorne si vous voulez avoir l’info en temps réel ! De même, je vous invite à suivre toute l’équipe soit :

2. Mon flux photos

Hier, avec Gayané, nous visitions un peu Los Angeles, ville gigantesque, ville réseau, ville souvent vide, ville à la lumière bien particulière. Voici quelques clichés que j’ai pris…de quoi se mettre dans l’ambiance avant de commencer Je remplirai le flux de photos au fur et à mesure de mon séjour.

3. Mon flux twitter 3D

Là encore, je me suis amusé avec du HTML5, javascript, CSS3 afin de présenter les derniers tweets d’Adobe Max ! Laissez-vous guider dans la carte pour naviguer de tweet en tweet

Sur : http://graphism.fr/max/#adobemax

4. L’interface pour revivre notre Adobe Max !

Restez connectés… je vous en dirai bientôt plus

Pour aller plus loin :

Je vous donne rendez-vous dans quelques heures pour la suite !

Je vous donne rendez-vous dans quelques heures pour découvrir l’interface d’événement que je vous concocte avec Gayané Adourian Je vous écrirai également quelques résumés des conférences, des tendances, des photos !

Allez, je retourne à mon décalage horaire autour d’un grand thé bien chaud ! Belle journée à toutes et à tous !

GeoffreyCes articles peuvent aussi vous intéresser:

Vivez à l’heure Los Angeles pour #AdobeMax édition 2013 :-) est publié originellement sur le blog de graphisme : Graphisme et interactivité blog par Geoffrey Dorne

[affiche] L’état d’esprit d’un MAKER !

Geoffrey Dorne — Thu, 02 May 2013 21:10:46 +0000

Bonsoir

C’est la petite affiche du soir que j’ai rapidement dessiné pour me dégourdir un peu le clavier. J’ai repris la photo de Gayané Adourian qui, lors du OuiShareFest, assistait à la conférence de Dale Dougherty (mais si vous savez, l’inventeur du terme « Web 2.0″ et de Make magazine ). Pendant sa conférence, il a abordé la thématique du mouvement Maker, notamment pour affirmer que ça n’est pas juste une révolution industrielle mais plutôt une révolution créative. J’ai donc fait cette petite image pour vous la donner, pour l’imprimer et l’afficher à la maison

L’état d’esprit d’un MAKER

> Pour télécharger le PDF de l’affiche, c’est par ici !

source : merci Gayané ! Ces articles peuvent aussi vous intéresser:

[affiche] L’état d’esprit d’un MAKER ! est publié originellement sur le blog de graphisme : Graphisme et interactivité blog par Geoffrey Dorne

Analyse de l’affiche de la fête de la musique 2013.

Geoffrey Dorne — Wed, 01 May 2013 07:00:36 +0000

Bonjour à toutes et à tous

Hier soir, j’ai appris la sortie de la toute dernière affiche pour la fête de la musique 2013 ! Chaque année très attendue, cette affiche est souvent l’objet de critiques, de remarques, de jugements. Et pour cause, elle est présentée dans toutes les villes de France pour ce moment rassembleur qu’est la fête de la musique. Des critiques, et pour cause, en 2011, souvenez-vous, l’affiche avait créé un gros débat quant à sa qualité graphique vraiment mauvaise (ou post-moderne punk, allez savoir )! En 2012, le Ministère de la Culture et le CNAP (Centre National des Arts Plastiques) avaient appris de cette erreur et s’étaient même amusés à créer une fausse affiche de la fête de la musique avant de présenter la réelle, bien plus réussie, plus élégante et graphiquement riche (bravo Isabelle Jégo).

Enfin, cette année, l’exigence graphique placée en 2012 semble être retombée à plat. Une affiche violette / mauve et jaune qui a pour message, un cri, un hurlement, celui de la fête de la musique. Attention à vos oreilles donc. Et certains diront « à vos yeux également ».

Quelques points d’analyse

Dans cet exercice semé d’embûches, les pièges sont nombreux. Quelques petits points d’analyse pour lire cette images :

1. le code QR est souvent utilisé sur des affiches. Mais je vais vous poser une question sincère : est-ce que vous vous arrêtez dans la rue pour « flasher » ces codes avec votre téléphone ? La réponse est souvent non. Par curiosité, j’ai flashé ce code avec mon téléphone. En blanc sur fond violet, cela n’a pas fonctionné, j’ai inversé les couleurs, cela a fonctionné. Cependant, avec un autre téléphone que le mien, le contraste blanc sur fond violet ne semble pas causer de problème.

2. Un point positif, le code QR nous invite à télécharger l’application mobile pour la fête de la musique. Le point négatif est qu’il s’agit de l’application de 2012. Gloups.

3. le portrait est issu d’une vectorisation dynamique d’Illustrator. Comprenez que l’image a été vectorisée de façon automatique à partir d’une photo ou d’une illustration ce qui donne des angles bizarres et un dessin pas vraiment propre. Un designer exercé aurait lui-même dessiné le visage ou au moins ajusté les courbes du dessin.

4. côté typographie, c’est une catastrophe. La typo du mot « musique » est étirée, les lettres sont mal ajustées (trop serrées, ce qui fait que les lettres se touchent parfois), et le 2013 est en contours… pourquoi ? Pour le reste, l’alignement de la typo est perturbée par les lignes graphiques dans le fond de l’affiche qui sont dans des angles différents.

5. l’agence qui a réalisé l’affiche, LPDigital, est une agence qui réalise des sites Internet corporate pour Bolloré, Altran, Disneyland ou encore des compagnies d’assurance. Drôle d’idée lorsque l’on sait qu’il y a en France, des dizaines (des centaines?) de designers graphiques compétents, talentueux et créatifs pour qui cet exercice d’affiche saurait donner du fil à retordre pour une création graphique riche, généreuse, talentueuse et élégante.

6. enfin, j’apprends grâce au commentaire de Timothée, que l’image principale de l’affiche : ce portrait qui crie, n’a même pas été dessiné par l’agence qui l’a réalisée mais est issue d’une banque d’images (ShutterStock). Bref, c’est vraiment abusé, une fois de plus.

Le lien vers le fichier ShutterStock

Enfin, pour avoir visité le CNAP [qui n'a pas été impliqué cette année sur ce projet d'affiche] il y a deux ans, pour avoir pu comprendre le processus de réalisation de l’affiche de la fête de la musique, sachez que c’est un processus avec un appel d’offre rémunéré auprès de 3 graphistes / agences / studios et qu’ils choisissent le meilleur pour ensuite travailler sur l’affiche, l’améliorer avec le vainqueur de l’appel d’offre etc.

Cette année, il n’en est rien, pas de CNAP dans la boucle, ce qui est dommage. Cette affiche est aussi évidemment un sujet très politique sur lequel certains ont un droit de regard, de véto et d’ajustement alors qu’ils ne devraient pas.

À ce propos, j’apprends par mon ami Éric Bediez que les trois designers et studios (Vincent Perrottet, CL Design, Graphéine Paris) qui avaient été sélectionnés pour faire le visuel de l’affiche 2013 ont tous les trois décliné l’appel d’offre car il est non conforme. Le tout est expliqué dans cette lettre ci-dessous.

Cette affiche est censée être dessinée pour les gens, pour les rassembler, pour leur expliquer, leur communiquer une date, un message, un thème, pour raconter une histoire… pas pour servir de quelconques intérêts.

En attendant des jours meilleurs… j’ai hâte de voir celle de 2014

sourceCes articles peuvent aussi vous intéresser:

Analyse de l’affiche de la fête de la musique 2013. est publié originellement sur le blog de graphisme : Graphisme et interactivité blog par Geoffrey Dorne

Conférence sur le CSS3 et l’ère des « icons fonts » !

Geoffrey Dorne — Thu, 25 Apr 2013 11:29:49 +0000

Hello

Hier, Martin Charpentier & Thibaut Baillet ont présenté lors d’une conférence, leur réflexion et leur travail sur les icones fontes (« icons fonts »). Ces icones sont intégrées dans des fontes pouvant être intégrées dans des pages web grâce à la propriété CSS3 @font-face ! Martin & Thibaut ont ainsi conçu un ensemble d’icônes agréables à regarder et relativement simples pour un projet interne. Cet ensemble est conçu pour être facilement intégrable sur un site web ou une application en utilisant les webfont et le css.

Ils racontent les étapes de travail et les grands principes pour ce projet. Une présentation qui a le mérite d’être synthétique et d’offrir un joyeux tour d’horizon sur le sujet.

La présentation

> télécharger le PDF

Un exemple ?

Voici un exemple d’une « icons font », à télécharger librement sur Github

source

Merci Sylvain & Thibaut

Ces articles peuvent aussi vous intéresser:

Conférence sur le CSS3 et l’ère des « icons fonts » ! est publié originellement sur le blog de graphisme : Graphisme et interactivité blog par Geoffrey Dorne