L'art d'écrire sur l'Art

 Joconde made by Sattish

Sattish, un artiste sur DeviantArt fait sa propre version en 2007. Cette dernière est assez particulière. Contrairement à ceux qui modifient le visage de la Joconde, Sattish s’en prend au tableau complet. Il réussit à reproduire cette fameuse œuvre de Léonard de Vinci à sa façon. Numérisé à 100%, sans aucune touche de peinture. Sattish crée une image en assemblant plusieurs images. En regardant de plus près, on distingue des petits pixels dévoilant le visage de Mona Lisa. De plus, ces pixels ne sont pas de simples carrés de couleurs ; ce sont des avatars. Etonnant n’est-ce pas ?

De l’effort au résultat

Le travail est effectué en deux semaines. Lors de la première semaine, Sattish se consacre à la collecte d’avatars. Il axe ses recherches sur les couleurs en lien avec celles du tableau. Le travail est long, fastidieux et occupe ses journées. Les assemblages se font avec les logiciels Acdsee ainsi que Photoshop. Après 2500 avatars et 60 calques assemblés, Sattish obtient son résultat final.

Le travail de Sattish, effectué en deux semaines reste tout de même très incroyable. Il lui a fallu de la rigueur et de la patience. Grâce à la numérisation, il est aujourd’hui possible de rendre complexe des éléments assez simples. Nombreux sont ceux qui choisissent de créer un nouveau concept artistique en revisitant ce qui existe déjà. Après tout, on se sert de deux éléments existants pour en créer un neuf. Et ça, c’est de l’art.

 Sources

http://letourduweb.fr/la-joconde-en-2500-avatars/

http://sattish.deviantart.com/art/deviantMona-64084886

 Mots clés 

Mona Lisa – Joconde – tableau – portrait – art – peinture – avatar – moderne – insolite 

Le crowdspeaking consiste, contrairement au crowdfunding, à faire parler du projet afin de le faire réaliser par d’autre, c’est le cas de Phonebloks, qui considère ne pas avoir les moyens de mener ce projet à bien. La campagne de crowdspeaking a eu un fort retentissement sur les réseaux sociaux (380M de personnes touchées) et reçoit, dés octobre 2013, un soutiens de plus de 900 000 internautes sur Thunderclap. Le projet est également soutenu par des médias tels que CNN, Forbes ou Yahoo ! News. C’est à ce moment là que des sociétés comme Xiaomi, ZTE ou Motorola, à l’époque filiale mobile de Google, s’intéressent au concept et lance des projets comme Ara par exemple. À partir de ce moment là, le concept ne semblais plus impossible à réaliser et que les premiers smartphones modulaires verraient le jour rapidement. Mais depuis, il n’y a encore eu que des prototypes.

Des problèmes...

Économiques Si le projet met autant de temps à voir le jour c’est parce qu’il y a quelques contraintes économique. Malgré l’enthousiasme que suscite le projet, la viabilité de ce concept est mis en doute. La fabrication des Phonebloks nécessiterons un gros investissement de départ et une grande quantité de modules pour réussir à concurrencer les fabricants de smartphones actuels.

Techniques Il y a également des contrainte techniques qui ralentissent le projet. Comme les modules du Phonebloks sont externe a la carte mère, les signaux on plus de distance à parcourir entre les composant. Cette distance supplémentaire pourrait entraîner des retards entre les composants. Afin de récupérer et d’envoyer des signaux de bonnes qualités entre les modules il faudrait également des connecteurs coûteux et de bonne qualité. Un problème ce pose également avec l’antenne du téléphone, utiliser des module limiterais le nombre de fréquences que pourrait capter le Phonebloks. De plus les modules risquent de créer des interférences électromagnétiques.

Écologiques Mais le plus grave, c’est le risque d’une probable augmentation des déchets électroniques. Les critiques ont fait valoir qu'en produisant constamment de meilleurs composants, le consommateur aurait une pression pour remplacer les modules de son téléphone plus fréquemment. Et ceci aurait un impact plus important que de changer son téléphone tous les deux ans.

Le concept des Phonebloks est intéressant mais des problème auxquels nous n’aurions jamais pensé se sont posés. Qu’ils soient techniques, ou économiques ils vont devoirs être surmontés afin de proposer un produit viable sur le long terme et permettre des avancées dans le domaine de l’électronique. En ce qui concerne les problème environnementaux, il va falloir aussi faire attention aux déchets produits par nos industrie car nous n’avons qu’une planète, non seulement pour les Phonebloks mais également pour toute l’industrie de l’électronique.

Sources :

Phonebloks.com

Wikipédia Phonebloks

Et si vous vous intéressez un peu à ce domaine, vous devez forcément le connaître ! C’est lui qui se cache derrière tous les costumes modernes des X-Men. Il est également le papa du comic Battle Shaser, personnages et univers compris. Bien qu’il ai toujours travaillé pour Marvel, Joe n’hésite pas à déclarer qu’il aurait été intéressé par DC Comics, le plus grand concurrent de Marvel depuis plus de 80 ans déjà.

Un Style hybride plutôt sympa

Le style du Mad d’aujourd’hui, ce n’est pas le même que celui d’il y a quelques années. Il a su s’adapter au phénomène ‘‘manga’’ et japonisant arrivé depuis quelques années déjà sur la scène internationale des romans graphiques. Contrairement à d’autres artistes qui sont restés bloqués sur les bases traditionnelles du comic book. Malgré ses techniques traditionnelles, le style de ses illustrations reste très actuel et s’est hybridé avec le manga. Les proportions sont moins réalistes. Comme dans pas mal de mangas, les mains de ses personnages sont démesurées. Les yeux sont légèrement plus grands que la normale et si vous prêtez attention vous pourrez trouver plein de petits détails de ce genre.

Une grosse partie des fans inconditionnés du comic ont regardé d’un oeil suspicieux ce nouveau style émerger. Ils ont eu tendance à rejeter ce caractère nouveau chez beaucoup d’auteurs. Fred Perry par exemple, pour qui le style manga est bien plus prononcé que certains autres dessinateurs, n’a pas été acclamé malgré de nombreuses qualités techniques et artistiques dans son trait.

Mais Joe a adapté son style de façon constante et assez discrète. C’est certainement pour ça que ses réalisations ont toujours reçu un accueil chaleureux de la part des fans comme de ses contemporains.

L’ennemi des deadlines c’est Joe

Joe Madureira est un artiste assez particulier. Pour dessiner et faire ses oeuvres, il emploie des techniques traditionnelles. Cette méthode fait la magie de son travail et embellit le rendu final. Il donne beaucoup de volume à ces dessins grâce à la plume et aux encreurs techniques. Cependant, encrer à la main est une technique lente car il faut le temps de laisser l’encre sécher. C’est donc une technique qui le retarde énormément. Joe consacre beaucoup de temps au dessin, parfois même un peu trop.

Mad se lance dans de nombreux projets et est sollicité par plusieurs sociétés différentes. Il peut se retrouver à travailler sur la ‘‘cover’’ ou couverture de plusieurs numéros en même temps et réaliser des concepts arts en parallèle. On pourrait dire qu’il est un peu trop enthousiaste, trop gourmand !

Par conséquent, il a de plus en plus de mal à respecter les deadlines et abandonne malheureusement une partie de ses projets en cours. C’est le cas pour les comics ‘‘Battle Chaser’’ pour lesquels il n’a fait que quelques épisodes avant de jeter l’éponge. Les numéros sortaient avec de plus en plus de retard et de façon trop sporadique.

Le couteau suisse du concept art

MAD c’est aussi un grand fan de jeux vidéo. Lorsqu’il ne bossait pas encore, il passait des heures sur les consoles, il le dit lui-même. Alors pourquoi parler de ça maintenant ? Parce que les jeux vidéos, c’est son second domaine d’expertise ! Le Concept Art pour être plus exact.

Il a travaillé sur les jeux Darksiders I, II et III et pour une fois il semble bien accroché puisque ça fait maintenant 13 ans qu’il s’y consacre. Il a réalisé les premiers croquis des personnages. C’est lui qui a designer tout l’univers et on reconnaît bien la patte graphique de Joe MAD. Sur  Dungeon Runners, c’est également lui qui est à l’origine de l'excellente direction artistique du jeu.

Pour couronner le tout, Mad est à la tête de Airship Syndicate, un studio de jeux vidéo indépendant. Il en est le CEO et le fondateur. Il a créé le studio en grande partie pour revenir sur un projet qui lui tient à coeur, ‘‘Battle Chasers’’. Il nous fait donc rêver depuis ce début Septembre avec le jeu vidéo Battle Chasers Night War qui reprend le même univers et dont les graphismes sont à vous couper le souffle !

Joe en 119 mots

Surtout connu pour ses comics chez Marvel, MAD c’est un dessinateur qui a su suivre l’air du temps et s’adapter aux nouvelles tendances artistiques. Il est également l’un des rares dessinateurs à encore utiliser des méthodes traditionnelles. Il encre la majorité de son travail à la plume. C’est certe beau, mais ça prend du temps et Joe n’est donc pas suffisamment productif pour les demandes actuelles. Il ne faut pas oublier qu’il a également beaucoup travaillé pour l’industrie du jeu vidéo. Dans son background de directeur artistique, il faut compter Darksiders et quelques autres jeux assez connus. Mais Joe Mad n’a pas fini de nous épater et c’est avec impatiente que l’on attends Battle Chasers, le jeu 100% MAD. 

SOURCES :

http://marvel.wikia.com/wiki/Joe_Madureira

http://www.actuabd.com/Joe-Madureira-Je-fais-un-job

https://www.youtube.com/watch?v=TqvXxYfoPCs

https://www.youtube.com/watch?v=l3p-2M3sU30

https://www.youtube.com/watch?v=szuP2xu2ORo

Les principes

Jusqu’à maintenant il était compliqué de savoir de quoi était faites les interfaces utilisateur. Le material design a permis de créer le concept de papier “quantique” — un papier intelligent. Ce papier est sensé réagir aux interactions de manières réaliste et suivre les propriétés physiques d’un vrai bout de papier. À la différence qu’il peut se diviser, se déplacer et réagir au toucher afin de produire un retour visuel attendu par l’utilisateur.

Le principe du Material Design est de permettre à l’utilisateur d’avoir une expérience qui se rapproche de ce qu’elle serait dans la vie de tous les jours. En créant des designs instinctifs, il permet à ceux qui n’ont pas toujours l’habitude de s’y retrouver sur un écran tactile de ne plus être perdus.

Pour un design plus humain

Et c’est ici qu’interviennent les ombres, les transitions et tous les petits détails qui composent une interface en Material Design. Les superpositions et les ombres donnent des informations sur l’hiérarchisation de l’information et sur ce que vous pouvez toucher ou non. Elles ont été conçue de manière à ne pas briser l’expérience de l’utilisateur même si l’espace change ou se réorganise. Chaque mouvement a été étudié pour être le plus pertinent possible et respectueux de l’information.

Qui mène à un manque d’originalité

Le Material Design a été introduit par Google afin d’uniformiser le design de ses applications et de surfer sur la tendance du Flat Design — fini le photoréalisme. Mais le problème est que, mal utilisé, cela mène à une uniformisation du design des applications. Toutes les applications, où la recherche sur le design n’est pas très poussées, finissent par se ressembler. C’est un réel problème car cela laisse moins de place à la créativité des designers et l'expérience de l’utilisateur en est affectée.

Mais permet au développeurs de s’en servir

Outre ce problème, il existe quand même des applications qui en font une utilisation correcte et réussissent à se différencier des autres. Mais cela permet, aux développeurs — des personnes qui n’ont pas toujours forcément l’envie de travailler trop longtemps sur de l’UI/UX — de créer des applications qui ont un bon design. Il n’y a qu’à utiliser des bouts de code fournit par Google et de la modifier un peu pour créer son propre design. C’est surtout pratique lorsque ces applications sont faites pour être utilisée en interne dans des entreprises, elles n’ont pas besoin d’un design exceptionnel. Et comme tous le monde utilise les mêmes modèles, trouver des réponses en cas de problème sur l’internet devient plus facile. Au moins une personne à déjà eu le même problème que vous.

“Mal” utilisé, le Material Design mène à une uniformisation du design des application, mais également à un manque d’originalité et une monotonie dans l’expérience des utilisateurs. Mais le Material Design permet de poser de nouveaux principes fondamentaux de design très intéressants. Ils permettent de remettre en questions certaines pratiques. À condition d’apporter une plus value au Material Design, cela permet à votre design de vraiment se différencier et proposer une expérience utilisateur vraiment unique.

Fin de l’originalité

Le fait d’avoir des règles aussi précise mène à des designs qui ce ressembles énormément et laisse peu de place à l’originalité. Il suffit de regarder un peu les applications Android, pour ce rendre compte qu’elles sont en toutes réalisées sur le même schéma. On retrouve une bar en haut avec la couleur dominante de l’application et un bouton menu. De plus, l’augmentation des visites des sites web depuis un mobile ou tablette, pousse les designers à réaliser leurs page de la même manière qu’une application. Par exemple le site inbox (refonte de gmail) est un copier collé de l’application Android. Ce qui permet de ne pas ce perdre en passant de l’un à l’autre.

Permet d’avoir des repères

Même si au final on perd une partie du coté original du design on y gagne beaucoup coté ergonomie. A force d’utiliser des applications ou des sites ayant une structure similaire on prend des habitudes, des réflexes d’utilisation qui permettent une meilleurs expérience. Si on tombe sur une application que l’on a jamais vu on saura sans chercher comment naviguer ou encore accéder aux paramètres car ils seront au même endroit que d'habitude, les boutons serons les mêmes..

Un développement plus rapide et de meilleur qualité

Étant donné que d’une application à une autre les boutons, types de fenêtres.. sont les même. Cela accélère grandement le travail des développeurs qui n’aurons pas besoin d'implémenter le design créer par leurs designer. Ils leurs suffit de récupérer le code fournit par Google et de l’intégrer dans leurs programme. En plus d’être rapide le code est de qualité et régulièrement mit à jour. En cas de problème, comme tout le monde utilise la même chose on retrouve une grande communauté sur internet qui sera là pour aider (notamment sur stackoverflow : forum de développeurs).

En bref l’arrivée du material design fait perdre de l’originalité aux applications et site web, créé une sorte de monotonie. Mais rend la navigation beaucoup plus agréable, plus besoin de chercher comment fonctionne telle application ou tel site. On sait déjà le faire !

En savoir plus : https://design.google.com/

Revenons un an en arrière pour témoigner de la naissance du Flat design. Bébé prodige des designers et concept “révolutionnaire” déjà à l’époque. Le Flat design que nous appellerons ici FD pour des raisons évidentes de gain de place, c’est l’utilisation de formes simples, d’aplats de couleurs et de typographies variées. Le tout étant de mettre en valeur un site web, ou une application mobile/tablette. Le Material Design (MD), c’est la même chose en ajoutant de la profondeur, des éclairages, des ombres et tout plein d’animations bluffantes. Le plus, c'est de créer un rendu final simple et très intuitif pour l'utilisateur. N’oubliez pas cependant de restreindre le MD aux applications Androïde. Enfin pour le moment !

Le guide du parfait petit designer selon Google

C'est non sans fierté que Google nous a annoncé son tout nouveau guide du web design, ou “introduction au material design et guidelines” ! Le guide en lui-même est accessible sur le web très facilement. C'est d’ailleurs le lien le mieux référencé lorsque vous tapez ''Material Design'', sur le moteur de Google en tout cas ! 

 C'est avec beaucoup de générosité donc, que la compagnie met en libre accès plusieurs dizaines de pages expliquant de bout en bout comment réussir le design de votre application. Cela va des différentes tailles de boutons, en passant par le choix de votre police ou encore les couleurs les plus adaptées. Outre les choix visuels, Google impose propose une énorme quantité de règles qu’il vous faudra respecter si vous voulez passer du côté obscur de la For… désolé, je m’égare. Le géant dans sa grande mansuétude a même pensé à vous fournir les maquettes et éléments de base, juste au cas où hein !

Un outil tout de même bien pratique

Alors il faut bien le dire, c’est quand même un bel effort et pas mal de travail que d’arriver à fournir un guide aussi complet. Le souci d’uniformisation, c’est quelque chose de compréhensible. Vouloir aider l’utilisateur à s’y retrouver parmi les milliers d’applications différentes qu’il a à disposition, c’est un acte louable. Se soucier de la charge de travail des développeurs et intégrateurs web (ou application) c’est également bien sympathique. Car si tout est codifié, que tous les éléments se ressemblent et que les ressources sont accessibles par tous, c’est autant moins de travail à effectuer entre le designer et le développeur. C’est également plus facile d’intégrer pour le développeur, puisque toutes les contraintes et les problèmes sont déjà résolus par Google et les règles qu’ils proposent.

Alors si jamais vous aimez le travail mâché, ce guide et le parfait outil pour vous. Que vous soyez développeur ou designer, vous n’aurez plus à vous remuer les méninges. Bienvenue dans le monde de la simplicité.

Et la créativité dans tout ça ?

Et bien parlons-en ! La créativité, c’est quelque chose qui se développe. C’est, selon moi, en entrant en contact avec une multitude de designs différents que l’on finit par se créer son propre style. Si vous nourrissez les esprits avec la même chose en boucle, vous aurez plus de mal à trouver de l’originalité. Alors qu’au contraire, ce qui donne naissance à de nouvelles idées géniales lorsque vous parlez du domaine artistique, c’est la liberté d’expression. Alors oui Google n’impose pas son pattern ni les règles qui vont avec. Mais il ne faut pas oublier que Google a déjà tendance à flatter la tête des personnes qui suivent bien à la lettre leurs pratiques. Vous ne vous souvenez pas ? Rappelez-vous que Google avait finit par avouer que respecter leurs règles de référencement permettait d’être mieux référencé sur le web. Et pas seulement car elles sont bonnes. Il existe beaucoup de bonnes méthodes à ce jour pour tout ce qui touche au web, que ça soit du référencement ou du design.

Vous êtes bien entendu libre de ne pas partager mon point de vue, mais n’oubliez pas que la créativité apparaît moins facilement si l’on cherche à tout codifier et normaliser.

sources :

http://www.bewoopi.net/blog/article/material-design-grands-principes-et-mise-en-oeuvre

http://crea-france.fr/2013/la-creativite-et-le-design/

http://siecledigital.fr/2015/07/flat-design-mort-vive-material-design/

http://branchez-vous.com/2014/12/03/de-quoi-aurait-lair-google-en-version-material-design/

Les principes du material design

Le point fondamental du material design est l’ergonomie. Google vise à améliorer l’expérience utilisateur en se basant sur trois principes :

 La relation entre l’espace et le mouvement : Google s’inspire du papier et de l’encre en rajoutant de la profondeur, de l’épaisseur et de la perspective.

La composition et l’orientation utilisateur; les couleurs, la typographie ainsi que la pictographie constituent une sorte de guide, permettant à l’utilisateur d’être visuellement orienté.

Le motion; initié par l’utilisateur, le mouvement affectera un sens à l’interface. Il permet de préserver une une homogénéité visuelle : le design se transforme et se réorganise de manière fluide sans pour autant créer du désordre.

Conclusion

Pour en conclure, nous pouvons en déduire que le material design complète le flat design. Pour Google, ce nouveau concept est une innovation technique. Leur objectif est de le démocratiser sur le web et de le rendre “cross-platform. Selon eux, ils ont pour but de “créer un langage visuel qui synthétise les principes classiques d’un bon design avec l’innovation et la possibilité de la technologie et des sciences”.

Sources

http://www.google.com/design/spec/material-design/introduction.html#introduction-goals

http://www.ergophile.com/2014/07/06/material-design-google-guidelines/

http://blog.lunaweb.fr/material-design/

https://www.anthedesign.fr/webdesign-2/material-design-google-flat-design/

http://graphism.fr/comprendre-le-material-design-de-google/

http://designmodo.com/material-design/

http://venturebeat.com/2014/06/27/top-designers-react-to-googles-new-material-design-language/

https://www.youtube.com/watch?v=Q8TXgCzxEnw (lien vidéo youtube)