L'illustration est une forme de communication visuelle vibrante et variée. En tant que discipline du design, il fusionne la clarté du message du design graphique et la capacité expressive des beaux-arts. À son apogée, l'illustration fait quelque chose que la photographie ne peut pas. Il dépeint ce qui est familier dans une perspective inaccessible aux yeux humains.

L'afflux récent de marques utilisant l'illustration en ligne est l'une des meilleures choses à arriver sur le Web depuis longtemps. Il a apporté du dynamisme, de l'humour et de la clarté à une gamme de propositions commerciales et a permis aux entreprises de raconter leurs histoires plus clairement.

Malgré les aspects positifs, il y a des problèmes. À la base, l'illustration est un outil de narration, mais à mesure que sa popularité augmente, elle vire à l'obligation. Nous avons un site Web, donc nous devons avoir des illustrations .

Faute de vision stratégique, l'illustration est l'ornementation, l'antithèse de l'originalité. L'histoire est abandonnée, l'imagination est abandonnée. Les sites Web individuels perdent leur distinction et tous les produits et services illustrés se mélangent.

Un employé bien habillé est assis à un bureau bien rangé et exploite une interface abstraite qui fusionne avec le monde réel alors que les textes et les e-mails volent sur des avions en papier qui atterrissent sur un chat faisant la sieste à côté d'une plante à feuilles encadrant une personne faisant du yoga tout en buvant du kombucha et en parcourant un app d'où émerge une main géante qui signe un contrat avec un stylo plume surdimensionné .

Vous l’avez sûrement vu.

Il y a quatre coupables qui menacent la viabilité à long terme de l'illustration sur le Web.

---

Coupable 1: les images manquent d'intelligence

L'origine

L'illustration a une riche histoire de instigation . Pendant des centaines d’années, il a été utilisé comme une forme de commentaire social. Pourquoi? Parce qu'il clarifie de manière poignante la nature complexe des affaires humaines. Lorsque les gens sont contradictoires, lorsque les expériences sont déroutantes, l'illustration le rend évident - en un instant.

L’objectif de l’illustration n’est pas une controverse en soi. L'objectif est plutôt de faire réfléchir les gens et de réfléchir à un point de vue, même s'il entre en conflit avec le leur. À son meilleur, l'illustration est le moment ultime.

Le problème

La demande actuelle de contenu visuel a privé une grande partie des pouvoirs d’élucidation de l’illustration Web contemporaine. En ligne, l'illustration suscite rarement; surtout, il instruit ou embellit.

Sur de nombreux sites Web, les illustrations sont des représentations visuelles 1 à 1 du texte auquel elles sont associées. Essayez notre fonction de planification unique! [Insérer une illustration monoline du calendrier]

Ou ils représentent des personnes vivant des «meilleurs scénarios de vie» grâce aux produits et services achetés. Essayez notre fonction de planification unique! [Insérez l'illustration d'un homme buvant du café sur un ordinateur portable avec un calendrier smiley]

Aucune des deux approches n'est suffisamment puissante pour empêcher les illustrations de sites Web de perdre leur fanfaronnade de narration.

Le remède

Certains concepts sont difficiles à illustrer. Il existe des produits et services qui ne sont ni passionnants ni facilement liés aux expériences humaines. Ici, illustrateurs doit creuser plus profondément lors de la création du concept. Pour découvrir les angles les plus convaincants d’un sujet, explorez son côté sombre.

• Quels sont les principaux problèmes et pourquoi existent-ils?
• Qui est le plus affecté financièrement, professionnellement ou émotionnellement?
• Existe-t-il des opinions contradictoires ou controversées parmi les entreprises, les clients ou les experts?

Des questions comme celles-ci fonctionnent avec la plupart des produits vendus en ligne. En tant qu'illustrateurs, nous sommes souvent chargés de montrer le bien, mais si nous ne comprenons pas le mal, nous atteindrons les tropes fatigués. En fait, ce solde positif / négatif est un aspect clé de la narration. Sans les bas, les sommets illustratifs perdent leur impact.

apprendre objectif c ou rapide

Travail bien fait: Grand cartel

---

Coupable 2: nouveauté effrénée des ruines d'imitation

L'origine

L'imitation et la créativité ne sont pas diamétralement opposées. Depuis le plus ancien au monde civilisations , artistes et designers ont cultivé la créativité par le mimétisme. Un style convaincant attire le regard. Nous l'examinons, le déconstruisons et glanons sa technique pour valoriser notre propre travail. C'est la croissance.

Dans un monde parfait, l'imitation se limiterait à l'apprentissage et au commentaire. Les styles copiés seraient transformés, à la fois visuellement et conceptuellement. Cela fonctionne rarement de cette façon.

Le problème

L'imitation repousse l'évolution. Lorsque nous rencontrons un style populaire et que nous nous attachons à son orbite, nous sommes comme des apprentis du vieux monde avec une torsion sinistre. Nous détournons les attributs stylistiques des illustrateurs que nous «suivons» et promouvons les résultats comme les nôtres.

Les marques sont complices. La société X veut le style d'illustration de la société Y, elle commande donc une contrefaçon. Cela se produit encore et encore, site après site, chaque itération introduisant de nouvelles couches d'entropie. Finalement, toute une industrie emploie une parade de clones dégénérés, comme Michael Keaton dans Multiplicité .

Ne cherchez pas plus loin que le style d'illustration prédominant du paysage SaaS. C’est embarrassant et homogène.

Le remède

Il existe d'innombrables chemins au-delà de l'imitation. Aucun n’exige un génie créatif ou l’exclusion de l’inspiration extérieure. Plutôt l'inverse; les illustrateurs doivent être suffisamment exposés au matériel de référence. Plus nous voyons et stockons, plus nous pouvons réinterpréter. Un certain nombre de des exercices sont possibles:

• Mashup d'histoire . Réimaginez un style d'illustration inspirant à travers les yeux d'un artiste accompli.
• Redessiner rapide . Dessinez soigneusement un objet tout en faisant référence au style d’un autre illustrateur. Ensuite, redessinez rapidement le même objet 7 à 10 fois sans le style de référence et embrassez les bizarreries qui émergent.
• Ajouter une règle . Créez une contrainte qui a un impact sur le processus d'illustration. Par exemple: Je ne peux tracer que des lignes droites. Ils peuvent avoir n'importe quelle longueur ou angle, mais ils doivent être droits.
• Commutateur d'outil . Imitez un style d'illustration avec un outil de dessin mal adapté à la tâche. Par exemple, si le style repose sur un dessin au trait précis, reproduisez-le avec de l'encre et un pinceau à poils doux.
• Interprétation aveugle . Compilez une collection de 3-4 styles d'illustration convaincants et demandez à un collègue d'en décrire un par écrit. Jeter tous les styles de référence originaux et utiliser la description écrite pour éclairer les choix créatifs.

Travail bien fait: Toggl

---

Coupable 3: les systèmes d'illustration deviennent vieux et rigides

L'origine

La nôtre est une ère d’obsession du système de conception, qui découle de la nécessité de maintenir des expériences cohérentes à plusieurs points de contact de la marque. Non pas que les systèmes de conception soient nouveaux. Les systèmes éditoriaux existent depuis plus d'un siècle, mais la pensée systémique est urgente étant donné le nombre de canaux numériques que les marques utilisent désormais.

De même, les marques utilisent des styles d'illustration distincts depuis des décennies, mais les systèmes de conception modernes ont introduit une nouvelle considération: Comment rendre notre style d'illustration systématique?

attribut de classe vs attribut d'instance python

Les couleurs, les textures, les proportions et les types de corps sont soigneusement définis. Les résultats sont présentés en grande pompe. Le temps a révélé un défaut.

Le problème

L’illustration et la conception de l’interface ne sont pas les mêmes. Lorsqu'un système de conception informe le style d'une interface, le résultat est une cohésion heureuse qui oriente les utilisateurs dans leur environnement numérique. L'architecture de l'information est un point de repère. La navigation est une habitude. Mais un style illustratif dirigé par le système étouffe l'impulsion créative - cette allumage soudain de nouvelles idées capturées et raffinées avec frénésie.

Ce n’est pas que les systèmes soient intrinsèquement mauvais. Lorsque les systèmes fonctionnent soutien des concepts d'image, les illustrateurs peuvent en fait trouver les contraintes libératrices. Mais lorsque les images sont conçues à travers l'objectif d'un système, les idées s'affaiblissent tandis que les illustrateurs se reposent dans la fausse confiance de la cohésion: Cela correspond au système, donc ça marche!

Progressivement, davantage d'efforts sont consacrés à la maintenance du système. Les épaisseurs de ligne et les vêtements l'emportent sur des concepts convaincants. Enfin, le style et la capacité de narration de l'illustration se fanent et meurent.

Le remède

L'illustration traduit la complexité de l'ingéniosité et de l'émotion humaines. Il invite les étrangers à apprécier des expériences auxquelles ils ne sont peut-être pas habitués. La capacité de l'illustration à être un vecteur d'identité de marque est secondaire. Celles-ci ne doivent pas être inversées.

Pour éviter que les images ne deviennent rigides, construisez des systèmes d'illustration sur des principes thématiques. La voix et les valeurs d’une marque ne sont pas que des sources de décisions stylistiques. Ce sont des stratégies de narration qui peuvent être vues, interprétées et racontées à nouveau sous plusieurs angles - celui du client, de l’entreprise et de la concurrence.

Il existe des étapes pratiques qui guident le développement et la pertinence à long terme des systèmes d'illustration:

• Ne soyez pas obsédé par les règles et les détails que le spectateur moyen ne remarquera pas.
• Évitez d'appliquer les directives du système d'une manière qui sape l'intuition créative.
• Ne verrouillez pas les systèmes dans les mêmes palettes de couleurs que les marques qu’ils représentent.
• Brisez parfois le système et défiez les spectateurs en invitant des illustrateurs extérieurs à apporter leurs propres styles uniques.
• Planifiez l'évolution du système et permettez une expérimentation incrémentielle, même lorsque le style actuel est bien accueilli.

Travail bien fait: Notion.so

modèle de projection de trésorerie hebdomadaire

---

Coupable 4: les illustrations sont surutilisées

L'origine

De nombreuses entreprises ont besoin d'énormes quantités de contenu visuel sur leurs sites Web, mais les contraintes de temps et de budget limitent le nombre de graphiques personnalisés pouvant être commandés. Pour répondre à ce besoin, les entreprises se tournent vers des sites boursiers où elles achètent des ensembles d'illustrations thématiques.

Malheureusement, il est rare de trouver des illustrations de stock originales, de haute qualité et sous-utilisées (sans parler de la marque).

Le problème

Une tendance inquiétante a fait surface dans le monde de l'illustration stock. Dans ce qui ne peut être décrit que comme un hommage malavisé à l'ère des cliparts, il existe désormais des sites d'illustrations mix-and-match qui génèrent instantanément des images «personnalisées» en permettant aux utilisateurs de définir des variables telles que le sexe, le teint et les vêtements. Les illustrations qui en résultent sont une tache sur la crédibilité créative des entreprises qui les utilisent.

Le remède

Pour les entreprises disposant de ressources limitées, il existe deux façons de contourner la fausse ambiance associée à l'imagerie stock. Le premier peut surprendre. Embrassez sans réserve les illustrations de stock. Faites le plein. Utilisez des images d'archives sans réservation, mais trouvez des moyens de les personnaliser. Comment?

• Mélangez et associez des styles de stock disparates avec le collage numérique.
• Combinez des illustrations d'archives avec des photographies (même des photographies d'archives).
• Superposez des éléments dessinés à la main tels que des marques de Sharpie ou des traits de peinture.
• Faites des tracés d'échantillons de stock déformés et déformés numériquement.
• Convertissez le stock en niveaux de gris et insufflez des couleurs de marque avec des graphiques dessinés numériquement.

La deuxième façon d'éviter les stocks tout en travaillant sur un budget est de prioriser les illustrations les plus nécessaires et de commander un petit ensemble. Cela signifie peut-être la commande de cinq illustrations de page d'accueil. À court terme, ils auront un impact visuel, et plus tard, ils pourront être utilisés pour informer un plus grand ensemble d'illustrations pour d'autres chaînes.

Travail bien fait: Bloomberg Businessweek

---

Créer des illustrations de conception Web avec un but

Sur le Web, l'illustration rend les services plus accessibles et les produits plus désirables. Il renforce la narration de la marque et aide les visiteurs du site Web à comprendre les flux d'informations sans fin qu'ils rencontrent quotidiennement. Mais simplement avoir des illustrations sur un site Web ne suffit pas.

Les illustrations qui ne vont pas au-delà des représentations 1 à 1 de leur texte correspondant sont une opportunité d'engagement gâchée. De même, les illustrations peuvent être considérées à tort comme appartenant à l’une des centaines d’autres marques.

Les illustrations doivent captiver les spectateurs avec un point de vue unique - stylistiquement et conceptuellement. Ils n’ont pas besoin d’être complexes, photo-réalistes ou pleins de couleurs pour être remarqués, mais ils ont besoin d’éclairer quelque chose d’intéressant sur leurs sujets comme les mots, les photos et les diagrammes ne le peuvent pas.

L'illustration est là pour rester. Ses pouvoirs de communication sont trop persuasifs pour être écartés. Mais pour les entreprises et les illustrateurs qui ne parviennent pas à explorer le potentiel expressif de l'illustration, sa valeur s'avérera éphémère.

• • •

Lectures complémentaires sur le blog ApeeScape Design:

• Illustration de la marque 101: Visualiser le récit
• Un guide étape par étape pour concevoir des illustrations personnalisées sans aucune compétence en dessin
• Explorer les principes de conception de la Gestalt
• Rétrospective des tendances de la conception UX 2019
• Les principes de conception et leur importance

Comprendre les bases

Pourquoi est-il important d'inclure des graphiques sur un site Web?

Inclure des graphiques tels que des photos de produits et des illustrations de conception Web sur les sites Web est un excellent moyen d'aider les utilisateurs à comprendre le texte qu'ils lisent. Les graphiques fournissent des informations visuelles sur les produits, ajoutent de la couleur et structurent le contenu du site Web. Sans graphiques, Internet serait comme un essai sans fin.

Que sont les icônes de site Web?

Il existe de nombreux types d'illustrations sur les sites Web. Les icônes de site Web sont des glyphes simplifiés utilisés pour représenter des commandes, des notifications et des outils. En outre, il existe des versions plus détaillées appelées icônes ponctuelles qui sont utilisées pour illustrer les services et les fonctionnalités du produit.

À quoi servent les icônes?

Les icônes sont des abstractions. Ils simplifient les objets, les idées et les commandes en symboles graphiques qui peuvent être rapidement identifiés par l'œil humain. Les icônes sont l'une des principales tendances en matière d'illustration Web, car elles aident les utilisateurs à effectuer les tâches souhaitées et à trouver rapidement ce dont ils ont besoin sur un site Web.

Quel est le but de l'illustration?

L'illustration aide les utilisateurs à percevoir la réalité d'une manière qui est familière mais délicieusement rare. Il est utile lorsqu'une idée, un produit ou un service est difficile à expliquer avec des mots. En raison de la grande quantité de styles d'illustration Web, c'est un moyen puissant de relier rapidement des émotions complexes.

Pourquoi les icônes sont-elles si importantes?

Nous vivons dans un monde saturé d'informations visuelles. Les icônes et les illustrations de sites Web nous aident à éliminer le désordre et à décider rapidement de ce qui est important. Ils nous maintiennent heureux avec les produits que nous utilisons chaque jour, et lorsqu'ils fonctionnent bien, ils favorisent la satisfaction de la marque.