Les 10 tendances graphiques pour 2017

TENDANCES

1. Le retour des motifs

Pour Charline Vergoz, Digital Art Director chez Lonsdale Design, les motifs – ou patternspour les anglophones – « connaissent un renouveau sous toutes les formes : de l’habillage classique à la mise en mouvement. C’est par exemple ce que Seb Lester a superbement illustré. »

a9abaf47049403-586e75aa1ef16

190_threewords_final_web

f487974c61e1af0e97eac31f659257cf

f44b0c500e6b1a9e8485f00e6adba93f

D’autres motifs à découvrir sur ce board

2. Les couleurs vibrantes à la Spotify

C’est LA tendance de l’année, que la majorité des interviewés ont spontanément citée. Une référence qui a donné le ton : Spotify, et sa nouvelle identité… datant pourtant de 2015.

spotify-charte-graphique-2015-gif

daftpunk-spotify

spotify-home

Que ce soit seules ou en duotone, les couleurs s’assument et « nous allons voir beaucoup plus de palettes de couleurs éclatantes, de ton sur ton et de dégradés audacieux dans les interfaces utilisateur de cette année » comme l’annonce Nick Babich, sur le blog d’Adobe : Creative Connection. Du violet avec du jaune, de l’or et de l’émeraude, des dégradés flashy recouvrant des photos en N&B : tout est possible, tant que le design atteint l’objectif d’émerger dans un océan d’identités et de sites web rendus un peu trop normés, notamment sous l’impulsion du responsive et du flat design.

Un bel exemple de graphisme « à la Spotify » relevé par Lionel Causse, directeur de création chez Lonsdale Design : Lelandoriginals.

lelandoriginals-1

lelandoriginals-2

lelandoriginals-3

Comme le fait remarquer Pierre-Alain Mondello, directeur artistique chez X-Prime, « cette tendance éclipse les couleurs pastels et peu saturées. Et elle a été confirmée par Pantone lors de la désignation de la couleur de l’année 2017, greenery ». Un vert naturel certes, mais plutôt vif !

pantone-top

pantone_color_of_the_year_greenery_color_formulas_guides_banner

3. Le design par algorithme ou creative coding

Pour Tristan Macherel, Executive Creative Director chez Landor Paris, et président du jury Design aux Cannes Lions en 2016, il existe « une tendance de fond à laquelle les designers ne sont pas suffisamment formés : la création grâce aux algorithmes, à la 3D, au creative coding ». De nouvelles techniques qui sortent de l’habituelle suite Creative Cloud d’Adobe (jusqu’à une prochaine mise à jour ?) enseignée dans les écoles. En vue, la création d’identité, de packagings qui se basent sur la visualisation de données. L’idée n’étant pas ici de digitaliser à marche forcée des « produits physiques, du concret, du tactile que les gens sollicitent toujours » mais d’apporter de l’innovation en coulisse, porteuse de sens. Tristan Macherel cite volontairement « la page d’accueil de Google, à la mise en page très simple, et au logo très coloré. Cette interface quasi enfantine masque pourtant l’un des algorithmes les plus puissants au monde ».

Landor Paris mène actuellement une telle démarche avec près d’un client sur 2 de l’agence. Un dernier exemple en date ? L’identité visuelle de NAVBLUE, une nouvelle marque d’Airbus, spécialisée dans les opérations de vol et la gestion du trafic aérien. Afin d’illustrer la précision technologique qui régit l’activité de cette marque et de ses publics, Landor s’est basée sur la représentation d’un ciel qui évolue selon les datas de vol. Chaque membre de l’équip(ag)e obtenait une carte de visite avec un ciel lui correspondant. L’univers de marque de NAVBLUE évolue donc sans cesse, au grès des données des vols et des personnes qui y contribuent.

navblue_01_logo_bd

navblue_02_datasky_bd

navblue_03_skygenerator_bd

navblue_04_website_bd

A voir également : les projets de « digital art » de Bright.

bright-data-sculpture

avatarlareclame-3-738x446

4. Les photos authentiques

Comme le résume Peter Lau, directeur créatif et stratégique de Napoléon, « l’explosion des contenus en ligne a créé une demande quasi quotidienne pour des photos originales, authentiques, représentant les marques ». Ce qui s’avère être un véritable challenge pour les agences et équipes internes des annonceurs – comment produire en permanence ? – mais aussi pour les banques d’image : comment fournir suffisamment de contenus, correspondant finement à chaque marque et public, sans tomber dans les représentations habituelles de « la vie libre de droits » que l’on retrouve déjà un peu partout ?

5. Le no design

Il y a quelques années, l’époque était au skeuomorphisme et à l’évocation d’éléments physiques, matériels, pour représenter des fonctions. Pierre-Alain Mondello s’en souvient : « nos PSD se surchargeaient d’effets, d’ombres portées, et de textures dans tous les sens ». Puis est arrivé le flat design, porté par l’interface Metro de Microsoft puis iOS 7 d’Apple, très décrié à l’époque.

Si 2016 avait amorcé la tendance d’un flat design enrichi, Pierre-Alain Mondello parierait davantage sur le no design. « Celui-ci permet avant tout de mieux mettre en avant le contenu. Le negative white space ne fait plus peur, on l’assume, on en joue. On se concentre plus sur la composition et sur l’UX. Le no design se retrouve également du côté du packaging, où l’on oublie presque le contenant pour mieux valoriser le contenu. »

Un exemple : la charte visuelle de Viceland, la chaine TV du groupe VICE.

viceland_identity_basics

viceland_brand_guidelines_01

viceland_brand_guidelines_02

viceland_unmotion

viceland_ad_03

6. Le mouvement

Comme le résume Pierre-Alain Mondello, « les interfaces s’animent de plus en plus grâce aux nouvelles possibilités techniques et au talent des développeurs. » Il s’agit d’un vrai plus pour l’expérience utilisateur, avec quelques surprises, ainsi que des remèdes contre « l’anxiété liée aux temps d’attente » comme s’en amuse Peter Lau.

animation
Une animation signée Lucas Bebberanimation-2017
Une animation de Jakub Antalík – via Nick Babich pour Adobe.
 

7. Des typographies web libérées

« En offrant 815 polices de caractères avec Google Fonts, utilisables pour la plupart gratuitement et sur tout type de terminal connecté », le géant de Mountain View rend un sacré service aux designers comme le souligne Peter Lau ! Cette diversité permet de varier davantage les « typos » et d’oser une mise en valeur des textes qui n’a plus rien à envier aux magazines, ou presque. Les formats « longform » – des articles riches en contenus ayant en général leur propre DA – se prêtant volontiers à des telles expérimentations typographiques.

theverge-longform-typo

8. Le fait-main et le bio-mimétisme

Le travail de graphiste ayant pu totalement se digitaliser depuis une ou deux décennies, il est logique qu’un retour à des techniques plus manuelles fasse son retourne à « la peinture, le crayon, les textures pures et granuleuses du papier » comme l’évoque Pierre-Alain Mondello, mais aussi le graffiti – cf le succès d’un Tyrsa – ou encore la risographie, citée par Lionel Causse (déjà présente dans les tendances 2016).

La tech n’est pas en reste avec Dropbox et Basecamp, qui depuis plusieurs années renouvellent leurs illustrations faites à la main, pour rendre plus accessibles leurs services en ligne à destination des professionnels.

dropbox-illustration

basecamp-illustration

Pour Volker Gehr, Head of Art and Design de HEREZIE Group, correspondant à un retour au craft, « qui est une invention des communicants. Le craft est né de l’ambition de générer une valeur ajoutée à toute création visuelle en optant pour un rendu artistique qui raconte le temps passé à l’exécution de celle-ci. Comme si les métiers de la création graphique correspondaient à de vieux métiers solides comme barbier, menuisier… des gens qui mettent la main à la patte et travaillent la matière ».

Volker Gehr perçoit également une évolution connexe : le bio-mimétisme, qui après avoir envahi « l’architecture et le design, rapproche désormais le graphisme de la nature. » Cela se traduit par un retour au « non industriel, à la sérigraphie, à la calligraphie ». Un exemple ? La campagne éco-responsable de Biocoop, faite-main.

9. La réalité virtuelle et la réalité augmentée

Il s’agit là moins d’une tendance graphique que d’un brief : comment concevoir des interfaces pour la réalité virtuelle et la réalité augmentée ? Maintenant que les terminaux commencent à se populariser pour la VR (Playstation VR, Oculus Rift), et que la réalité augmentée est devenue grand public avec Pokémon GO.

biborg-playstation-vr

Le dispositif de Biborg pour Playstation VR
Pour Tristan Macherel, le cas Trip to mars annonce cependant quelles sont les interfaces et surtout les expériences qui peuvent réellement devenir un succès. « Il s’agit de la première expérience collective de réalité virtuelle, ce qui ouvre un champ d’application beaucoup plus vaste, dans une société où nous aimons partager, échanger, que ce soit de visu ou sur les réseaux sociaux. À nous d’imaginer d’autres expériences de ce type. »

10. L’évolution du métier de designer

Ce dernier cas montre justement pour Tristan Macherel que le métier de designer est en train de changer : « nous passons du design graphique au design d’expériences. L’exécution graphique, le suivi des tendances ne représentent désormais plus que le BABA du métier. Ce dernier étant devenu de plus en plus holistique : concevoir une identité, un univers graphique, cela ne suffit plus. Les marques sont désormais davantage reconnues pour les expériences qu’elles proposent que leurs codes visuels. >>

Sources : http://lareclame.fr/ 

YouTube : nouveau design, nouveau logo, vidéos verticales, swipe, lecture accélérée…

YouTube annonce de nombreuses nouveautés : un design modernisé, un nouveau logo et plusieurs nouvelles fonctionnalités pour faciliter la lecture sur mobile.

Le nouveau logo YouTube

Commençons par le logo : pour la première fois depuis son lancement en 2005, YouTube change de logo. Le « Tube » quitte la marque rouge, qui récupère l’icône « Lecture » à la place. La police est également plus grasse.

Le nouveau design de YouTube sur PC

L’interface de YouTube est également modernisée sur desktop. L’animation ci-dessous montre l’évolution de l’UI de YouTube depuis 12 ans. Les changements apportés par la version 2017 sont légers, mais apportent une vraie touche de modernité. YouTube applique ici les principes du material design de Google.

Les nouveautés YouTube sur mobile

Sur mobile, des changements liés à l’interface sont également visibles : le header est devenu blanc, pour « laisser plus de place au contenu », et la zone de navigation est accessible depuis le bas de l’écran (pour être plus proche de votre pouce). Des raccourcis « Librairie » et « Compte » ont aussi été ajoutés.

Les autres nouveautés YouTube sont les suivantes :

  • Le swipe arrive sur YouTube : côté geste, vous pouviez déjà faire un « double tap » pour avancer ou reculer de 10 secondes. D’autres gestes vont faire leur apparition, notamment le swipe vers la gauche ou vers la droite pour passer à la vidéo précédente ou suivante d’une playlist.
  • La lecture ralentie ou accelérée sur YouTube : sur desktop, il est déjà possible d’opter pour une lecture accélérée ou ralentie d’une vidéo. Cette fonctionnalité est désormais disponible sur mobile.
  • Un lecteur adapté à tous les formats : YouTube va améliorer le lecteur pour qu’il s’adapte automatiquement au format de la vidéo téléchargée (horizontal, carré, vertical). Vous n’aurez bientôt plus à vous soucier du format !
  • YouTube veut améliorer la navigation pendant la lecture : depuis peu, on peut afficher une colonne de vidéos suggérées pendant la lecture d’une vidéo. YouTube réfléchit à d’autres fonctionnalités pour faciliter la découverte de vidéos pendant la lecture. La zone située sous le lecteur devrait être transformée.

Le nouveau design de YouTube sur desktop est en cours de déploiement. Le nouveau logo est déjà là. En revanche, vous devrez patienter quelque peu pour accéder aux nouveautés YouTube sur mobile, sauf pour la lecture ralentie/accélérée.

Source : https://www.blogdumoderateur.com/

Et si vous rechargiez vos batteries… avec votre corps ?

Des chercheurs travaillent sur la possibilité de récolter de l’énergie via un générateur thermoélectrique, qui permettrait d’utiliser la chaleur corporelle comme source d’approvisionnement pour certains terminaux et objets connectés. Mais les défis sont nombreux.

En l’espace de vingt ans, les smartphones sont devenus incroyablement grands et fins. Ils sont aussi désormais beaucoup plus puissants que les mobiles que l’on avait dans la poche. Tout cela, grâce à la miniaturisation continue des composants. Mais cette évolution s’est déroulée au détriment d’une caractéristique pourtant centrale des mobiles : l’autonomie de fonctionnement.

Les smartphones contemporains tiennent aujourd’hui difficilement au-delà d’un jour ou deux après une recharge complète. Forcément, entre le grand écran — qui peut être aussi très lumineux –, la communication en 4G, la vidéo ou les jeux, les usages comme les composants ne sont pas vraiment de nature à économiser l’énergie de la batterie. Celle-ci peut fondre comme neige au Soleil.

 

Google Earth inclut maintenant des vidéos en direct sur la nature

La nouvelle version de Google Earth, disponible depuis ce printemps, inclut désormais une fonctionnalité très plaisante : des retransmissions en direct de scènes de la nature.

Google Earth a bénéficié ce printemps d’une refonte en profondeur. Avec la nouvelle version, c’est un véritable guide de voyage qui s’offre aux internautes. Le service donne en effet accès à des visites par thème créées par des spécialistes, la possibilité de naviguer en 2D ou en 3D, afin de bénéficier d’une vue offrant un peu de perspective aux endroits que vous survolez.

Continuer la lecture de « Google Earth inclut maintenant des vidéos en direct sur la nature »

En Australie, Tesla construit une batterie lithium-ion géante pour éviter les coupures de courant

Tesla s’est donné jusqu’à décembre 2017 pour installer en Australie-Méridionale le plus grand système de stockage composé de batteries au lithium-ion. Elon Musk souhaite ainsi alimenter une zone touchée par une panne de courant en 2016.

Elon Musk interviewed by Chris Anderson at TED2017 – The Future You, April 24-28, 2017, Vancouver, BC, Canada. Photo: Bret Hartman / TED

Continuer la lecture de « En Australie, Tesla construit une batterie lithium-ion géante pour éviter les coupures de courant »

Et si vous rechargiez vos batteries… avec votre corps ?

Des chercheurs travaillent sur la possibilité de récolter de l’énergie via un générateur thermoélectrique, qui permettrait d’utiliser la chaleur corporelle comme source d’approvisionnement pour certains terminaux et objets connectés. Mais les défis sont nombreux.

En l’espace de vingt ans, les smartphones sont devenus incroyablement grands et fins. Ils sont aussi désormais beaucoup plus puissants que les mobiles que l’on avait dans la poche. Tout cela, grâce à la miniaturisation continue des composants. Mais cette évolution s’est déroulée au détriment d’une caractéristique pourtant centrale des mobiles : l’autonomie de fonctionnement.

Les smartphones contemporains tiennent aujourd’hui difficilement au-delà d’un jour ou deux après une recharge complète. Forcément, entre le grand écran — qui peut être aussi très lumineux –, la communication en 4G, la vidéo ou les jeux, les usages comme les composants ne sont pas vraiment de nature à économiser l’énergie de la batterie. Celle-ci peut fondre comme neige au Soleil. Continuer la lecture de « Et si vous rechargiez vos batteries… avec votre corps ? »

Les grandes tendances du web design 2017

Tendances du web design

Le web design évolue constamment, et à toute vitesse. Chaque année, de nouvelles tendances naissent, d’autres se transforment, et d’autres encore finissent par disparaître. Ensemble, elles tissent la Toile telle qu’on la connaît et qu’on la pratique au quotidien. Du coup, à la veille des fêtes de fin d’année, le monde des webmasters entre en ébulittion et se demande fébrilement : à quoi ressembleront les sites internet l’année prochaine ? Corollaire : que devra-t-on utiliser pour rester, nous aussi, à la page en 2017 ? Des questions cruciales car, qu’on le veuille ou non, les internautes s’attendent à retrouver certains schémas sur un site. Il leur suffit d’à peine 50 millisecondes (#ScienceFact) pour juger de sa crédibilité, notamment en fonction de sa conformité aux dernières tendances.

Continuer la lecture de « Les grandes tendances du web design 2017 »