Fermez Photoshop et prenez un crayon: l'art perdu des croquis de vignettes
Bien avant la création des maquettes de l'interface utilisateur Web, les concepteurs d'impression affinaient leurs idées à l'aide d'une méthode éprouvée appelée esquisse de vignettes. Cette pratique semble être en quelque sorte un art perdu, nous allons donc l'éclairer!
Aujourd'hui, nous allons brièvement discuter de ce que sont les esquisses de vignettes, de quelques conseils pour les créer et comment les implémenter efficacement dans votre flux de travail déjà chargé.
Explorez les ressources de conception
Avant le wireframing, vignette
De nos jours, le wireframing est une pratique très populaire. Bien que certains le jugent inutile, de nombreux concepteurs et professionnels de l'interface utilisateur / UX considèrent un rendu très basique et minimal comme une première étape clé qui vous permet de vous concentrer sur les principes de mise en page de base indépendamment du style superflu.
Il y a certainement quelque chose à dire pour considérer de manière critique comment votre page sera structurée au niveau de base. En fait, je me demande souvent pourquoi je ne discute pas du frère aîné du filaire à part entière: l'esquisse miniature.
L'esquisse miniature est une première étape impressionnante qui utilise les mêmes idées qu'un filaire, mais à un niveau encore plus basique. Pour ceux qui découvrent le concept, regardons ce que sont les croquis de vignettes.
Que sont les croquis de vignettes?
Le nom semble drôle au premier abord, mais si vous y réfléchissez, vous savez déjà ce qu'est une vignette dans un contexte différent. Par exemple, si j'utilise l'expression «galerie de miniatures», vous savez probablement instantanément que je veux dire une grille de petites images qui servent généralement de liens vers des équivalents plus grands.
En utilisant ces connaissances, vous pouvez probablement deviner que les esquisses de vignettes sont des groupes de petits dessins. Le but des croquis miniatures est d'obtenir beaucoup d'idées sur papier en très peu de temps. C'est essentiellement un moyen de faire un brainstorming visuel où vous n'observez pas et ne modifiez pas, mais à la place, vous évitez un grand nombre de possibilités. Ils ressemblent beaucoup à des structures filaires, juste plus petites et plus rapides. Il arrive souvent que les concepteurs créent plusieurs miniatures, puis choisissent quelques-unes des meilleures pour les transformer en wireframes.
Comment ça fonctionne
Pour commencer le processus, prenez un crayon et dessinez plusieurs petites cases vides pour servir de chrome à votre navigateur, de pages ou quel que soit le support sur lequel vous travaillez. Vous pouvez même trouver des pages de démarrage imprimables de base comme celle ci-dessous pour vous aider à obtenir commencé.
De là, vous laissez simplement couler les idées. Ce n'est pas une pratique pour perfectionner vos compétences en dessin, mais plutôt vous concentrer sur la génération d'idées. L'esquisse de vignettes est rapide et peut-être même quelque peu bâclée. Utilisez des formes de base et ne passez pas trop de temps sur une seule image, dès que vous pouvez avoir une idée de ce à quoi pourrait ressembler cette idée de mise en page de base, avancez.
Pourquoi est-ce une bonne chose?
Quels avantages pourriez-vous retirer de pages de petits croquis dessinés à la hâte? Tu serais surpris. En tant que concepteurs, nous obtenons beaucoup trop facilement un cas de vision en tunnel. Nous nous asseyons devant nos ordinateurs et créons la première chose qui nous vient à l'esprit et procédons à un point de qualité presque terminée.
Le problème avec cela est qu'une fois que vous investissez du temps réel dans une idée, vous vous y attachez. Vous ne pouvez pas l'aider, c'est une réponse psychologique automatique. Malheureusement, votre première idée n'est pas toujours la meilleure que vous puissiez faire et est généralement, en règle générale, la plus générique.
Une fois que vous avez fait cet attachement à un design, le laisser derrière et essayer quelque chose de complètement nouveau est exponentiellement plus difficile. Vos vieilles idées ont tendance à se faufiler parce que votre cerveau est bloqué. Même si vous ne rencontrez pas ce problème, vous passez encore beaucoup de temps et vous n'avez que quelques idées de base.
Le principal défaut de cette méthode est que vous ne mettez aucune pensée critique dans la génération d'idées. Par «pensée critique», j'entends une véritable critique comparative et un raisonnement logique. Au lieu de cela, vous exécutez simplement trois idées au maximum, puis vous décidez entre celles-ci. Vous pourriez être en mesure de trouver dix autres idées mieux que vos trois premières, mais vous n'avez tout simplement pas ce genre de temps, donc vous n'allez pas plus loin.
Avec l'esquisse de miniatures, vous étirez vraiment votre cerveau et vous forcez dans une véritable pensée créative en produisant autant de variations différentes que possible. Avec cette méthode, vous avez l'avantage unique de prendre du recul et de regarder tout ce que vous pouvez penser faire et de prendre une décision intelligente sur les idées qui méritent d'être approfondies.
Gagnez du temps à long terme
Certains d'entre vous pensent probablement que vous avez déjà suffisamment d'étapes initiales pour effectuer le premier jour d'un travail de conception et n'avez pas besoin d'ajouter autre chose! C'est un point valide, mais s'il est bien fait, l'esquisse de vignettes peut réellement améliorer votre chronologie plutôt que de la détruire.
Tout d'abord, vous n'avez pas besoin de tuer une journée entière à cela. Consacrez simplement un petit morceau de temps à la génération d'idées de base: dix minutes, vingt, trente, c'est à vous. En outre, la réalisation de cet exercice prend un coup puissant au bloc / hésitation du concepteur avant même qu'il ne se produise. Vous constaterez que vous pouvez sortir un design beaucoup plus rapidement si vous avez déjà mis votre cerveau à l'épreuve et pouvez être sûr que vous allez de l'avant avec votre meilleure idée.
Pas seulement pour les mises en page
En règle générale, je parle de croquis miniatures en termes de génération d'idées de mise en page, mais la pratique est bénéfique dans tout type de conception. Par exemple, la création de logo est probablement un endroit où vous faites cela sans même y penser.
S'asseoir avec un crayon et esquisser un million d'idées semble être une première étape très naturelle dans la génération de logo, alors pourquoi ne pas appliquer cette même technique à peu près tout ce que vous concevez?
Les traitements de type titre, les pages Web, les brochures, les cartes de visite, les interfaces d'application, la conception de personnages, tout cela et bien plus encore peuvent bénéficier de quelques minutes d'esquisse de vignettes dédiées.
Conseils pour une esquisse correcte des vignettes
Maintenant que vous savez ce que sont les esquisses de vignettes et comment les implémenter dans votre flux de travail, terminons par un examen de quelques conseils de base mais utiles pour vous aider à démarrer.
Ce sont une faible fidélité, alors faites-le refroidir sur les détails Picasso
Certains d'entre vous sont des esquisseurs. Vous n'êtes jamais plus heureux que lorsque vous avez un crayon dans les mains. D'autres sont vraiment horribles avec un crayon et ne peuvent pas produire un croquis décent pour vous sauver la vie.
Pour la première fois, le dernier de ces deux groupes pourrait en fait avoir plus de facilité! Si vous ne pouvez pas dessiner, tant mieux, vous êtes parfait pour créer des croquis de vignettes. Les artistes talentueux ont tendance à avoir du mal à aller vite et à ne pas vraiment étoffer les concepts. Il arrive souvent que les artistes passent plus de temps à générer moins de vignettes simplement parce qu'ils ne peuvent pas s'empêcher de s'assurer que chaque ligne est droite, chaque cercle est parfait, etc.
N'oubliez pas que la clé à cette étape est la quantité plutôt que la qualité. Je n'ai rien contre de superbes miniatures, en fait, j'aime parcourir les idées d'artistes de premier ordre, assurez-vous simplement que vous vous souvenez que votre objectif est de sortir toutes ces idées de votre tête et sur papier. Par exemple, si vous pouvez dessiner une boîte et vous rappeler plus tard qu'elle représente votre titre, alors sautez le lettrage laborieux.
Continuez d'avancer
Une autre chose à garder à l'esprit est d'éviter de passer beaucoup de temps à peaufiner une idée pour la trouver juste. Si vous commencez à esquisser une de vos idées et réalisez que vous la détestez, résistez à l'envie de l'effacer et recommencez. Parcourez-le simplement et passez à votre prochaine idée. Peut-être que dans quelques heures, vous reviendrez sur ce croquis et y verrez une idée solide.
Plus on est de fous, plus on rit
Lorsque vous générez des miniatures, ne vous arrêtez pas à cinq ou six. Vous êtes un professionnel de la création, vous devriez avoir beaucoup plus d'idées à l'étage que ça. Je connaissais un professeur de design qui ferait générer à ses étudiants vingt-cinq vignettes uniques ou plus pour chaque projet. C'est un bien meilleur chiffre auquel aspirer!
Ne dessinez pas la même chose 50 fois
Face à la tâche de produire autant de vignettes, votre premier réflexe sera de commencer plusieurs petites variations de la même idée. C'est souvent une pratique sans valeur par rapport à la valeur de se concentrer sur des concepts vraiment uniques. Faites de votre mieux et poussez votre cerveau pour produire des concepts aussi différents les uns des autres que vous pouvez gérer. N'oubliez pas que c'est l'étape du remue-méninges, donc il n'y a pas de mauvaises idées. Devenez fou, sortez des sentiers battus; être étrange!
Gardez-les lorsque vous avez terminé
Si vous le pouvez, il est recommandé d'enregistrer vos miniatures pour référence future. Au fur et à mesure que vous avancez dans le projet, vous voudrez peut-être y revenir. Vous pourriez perdre votre concentration et avoir besoin de vous rappeler d'où cette idée a commencé ou votre client pourrait tellement détester vos concepts initiaux que vous êtes renvoyé littéralement à la planche à dessin (j'y suis allé beaucoup de fois).
Une chose que j'aime faire, c'est saisir un stylet et créer des croquis de vignettes sur mon iPad à l'aide d'une application comme Adobe Ideas ou iDraw. Avoir mes idées initiales sous forme numérique est extrêmement utile pour le stockage et la récupération à long terme. De plus, depuis l'iPad, il suffit de les importer dans Illustrator ou Photoshop.
Conclusion
Mettre vos idées initiales dans des croquis de vignettes peut sembler gênant au début, mais une fois que vous aurez compris, vous constaterez que c'est une pratique vraiment agréable. Pour moi, l'une des meilleures parties d'un projet est cette étape initiale où mon esprit tire sur tous les cylindres et où je déborde de possibilités.
En toute honnêteté, les croquis de vignettes pourraient ne pas être pour tout le monde. Si vous n'en retirez vraiment rien, ne perdez pas votre temps. Cependant, je recommande de lui donner un solide coup d'envoi pour plusieurs projets. Faites vraiment de votre mieux et voyez si vous ne repartez pas avec un plus grand nombre d'idées vraiment géniales.
Si vous utilisez cette méthode, laissez un lien vers certains de vos croquis miniatures récents ci-dessous afin que nous puissions les vérifier!
Crédits photo: Dan Lurie, Tobias Soft (1) (2), nunile, Jeremy Keith, Shawn Campbell et CannedTuna.
