Ce look esquissé: tendances, conseils et outils pour l'utilisation de Doodles dans la conception
C'est toujours amusant de plonger vraiment dans une tendance de design populaire et de voir qui le fait, comment cela fonctionne, ce qu'il communique et comment vous pouvez l'essayer par vous-même.
Restez avec nous comme nous le faisons exactement avec ces designs de griffonnage à la mode que vous voyez partout sur le web en ce moment.
Explorez Envato Elements
Détection de tendance
L'une de mes facettes préférées dans l'étude du design est la recherche et l'analyse de tendances généralisées. J'adore considérer les décisions de conception collective de certaines générations, lieux ou de tout autre groupe et ce qui les a poussées à accepter et rejeter certaines idées.
Mais il y a plus que la psychologie, j'aime aussi examiner les détails de la façon de mettre en œuvre le style général que ces concepteurs mettent en œuvre.
Penser aux tendances du design vous aide à élargir vos horizons en tant que designer. Parfois, cela vous donne un aperçu des nouvelles idées, d'autres fois, cela vous aide à identifier les tactiques surutilisées que vous devriez éviter! Quoi qu'il en soit, vous bénéficiez d'une attention au monde qui vous entoure et à ce qui est actuellement populaire d'un point de vue visuel.
Faites très attention à remarquer les polices sur les panneaux d'affichage, les publicités imprimées, les sites Web et les enseignes de restauration rapide. Pensez à quel type de concepteurs de photographie de stock gravitent dans certains domaines. Toutes ces informations ont un moyen d'être stockées tranquillement à l'arrière de votre cerveau et de refaire surface lorsque vous ouvrez Photoshop et regardez cette toile vierge.
Aujourd'hui, nous allons jeter un œil à une tendance que j'ai commencée et plus récemment. Ce n'est en aucun cas une nouveauté, mais pour quelque raison que ce soit, il semble être un favori des designers actuels.
Conception sommaire
Il y a plusieurs années, une tendance qui a soudainement connu un peu de résurgence est l'utilisation d'œuvres d'art très basiques comme élément de conception principal.
Cela peut prendre et prend de nombreuses formes, mais le type dont je parle est un dessin au trait de cartoony très basse fidélité que presque tout le monde pourrait créer. C'est une excellente nouvelle pour quiconque cherche à recréer ce look, car vous pouvez enfin accepter le fait que vos compétences en dessin sont nulles!
Exemples
Jetons un rapide coup d'œil sur le Web pour voir les types de designs dont je parle et quels modèles émergent.
Doodles de fond dense
Une utilisation populaire du look de croquis simple consiste à utiliser les illustrations comme texture de fond. Cela prend généralement la forme d'illustrations et de textes densément emballés, qui sont souvent masqués à une opacité réduite.
Remarquez comment ces deux exemples utilisent les éléments esquissés en arrière-plan et au premier plan. Encore une fois, la séparation est maintenue par de simples différences d'opacité et de couleur.
Des animations
Chose intéressante, dans presque tous les exemples que j'ai rencontrés, y compris les deux déjà utilisés, les animations ont été utilisées en conjonction avec les éléments esquissés.
La nature des animations est généralement assez simple et pas exactement du matériel de dessin animé du samedi matin. La structure de base des illustrations reste statique, par exemple, aucun personnage n'agite leurs bras ou quelque chose d'aussi complexe. Au lieu de cela, les éléments sont simplement déplacés sur la page ou pivotés afin qu'ils apparaissent plus dynamiques.
Comme nous sommes tellement habitués à voir des illustrations prendre vie, ce type de conception se prête remarquablement bien à l'animation de base. Une fois que vous avez terminé d'implémenter vos croquis, ajoutez de la magie jQuery ou CSS pour apporter un intérêt supplémentaire à la page.
Flèches et type
L'utilisation la plus élémentaire de l'aspect esquissé que j'ai vu est l'ajout de flèches et / ou de texte esquissés juste au-dessus de ce qui est autrement une conception Web très typique.
Au lieu de baser la conception entière sur une sensation esquissée, ces concepteurs utilisent des illustrations de base pour violer l'esthétique établie et attirer votre attention sur des domaines clés.
Ajout d'une autre dimension
La tendance des esquisses est souvent poussée encore plus loin avec l'ajout d'éléments tridimensionnels. Gardez à l'esprit que le style général de faible fidélité et la nature dessinée à la hâte de l'esquisse restent constants, la nature de l'esquisse n'est que plus réaliste dans sa profondeur et sa perspective.
Qu'est-ce que cela communique?
Avant de découvrir des moyens simples d'implémenter ce style dans vos propres conceptions, il est essentiel que nous considérions les implications d'une telle action.
Chaque fois que vous prenez une décision de conception esthétique, vous communiquez certaines choses à vos visiteurs, que vous le vouliez ou non. Par exemple, ce style particulier est de nature très amicale. Il communique une atmosphère très informelle, accueillante et pas trop sérieuse.
Concepts
Ces illustrations semblent généralement loufoques et ludiques, mais peuvent également être utilisées pour communiquer des idées telles que l'innovation (nous esquissons souvent nos idées), des ingrédients entièrement naturels ou une sorte d'initiative verte, la créativité (les sociétés de conception utilisent fréquemment cette méthode) ou même un style de vie excitant et énervé.
Vous ne pouvez tout simplement pas vous y empêcher, les croquis de serviettes de table ne diront jamais «propres et d'entreprise» ou «sérieux et professionnel», si votre objectif est de créer l'un de ces styles, alors vous devriez chercher ailleurs un thème visuel.
Ressources gratuites
Maintenant que nous avons examiné où et comment ce style de conception est utilisé et ce qu'il communique efficacement, il est temps de comprendre comment le recréer.
Comme pour tout style de conception populaire, il existe des tonnes et des tonnes de ressources gratuites qui peuvent vous faire économiser beaucoup de travail. J'encourage toujours la conception à partir de zéro lorsque vous avez le temps, mais avouons-le, les délais stricts parlent plus fort que les bonnes intentions.
Les polices
Il existe des tonnes de polices esquissées gratuites, voici quelques candidats notables que vous devriez vérifier. Chacun représente un style de type esquissé sensiblement différent.
Pointu
Pointy est certainement l'une des polices fragmentaires les plus populaires en raison de sa nature 3D. Ceci est à la fois bon et mauvais. D'une part, c'est probablement exactement ce que vous recherchez, d'autre part, c'est assez galvaudé.
VAG-HandWritten
Une police griffonnée à la main décemment crédible, parfaitement adaptée lorsque vous souhaitez vous associer au look de flèche dessinée que nous avons vu ci-dessus.
Idolwild
J'ai tendance à aimer les empattements de dalles, voici une jolie esquisse avec une sensation résolument comique.
Bon chien
Voici une option décente lorsque vous avez besoin d'une police plus audacieuse. Les polices manuscrites en gras peuvent être assez laides, alors assurez-vous d'en saisir toutes les bonnes que vous trouverez tout de suite.
Maintenant, ces polices sont sommaires mais toujours basées sur la typographie. Gardez à l'esprit que, comme alternative aux pinceaux ci-dessous, vous pouvez trouver des polices de dingbat de doodle décentes si vous regardez assez fort. Découvrez Tombats 7 et 2Peas GGs Love Me pour commencer.
Brosses
Si vous souhaitez gagner du temps en évitant tous ces gribouillis, voici quelques pinceaux d'esquisse prédéfinis pour Photoshop.
School Dayz Sketches Brushes
Set de pinceaux 45 - HandmadeDoodles
T9 Creative Doodles
Pinceaux aléatoires mignons
Brosses à flèche Doodle
Pinceaux Doodle Flèche
Applications pour créer vos propres doodles
Les ressources ci-dessus sont agréables, mais le style de ces illustrations est si basique que vous ne devriez pas avoir de mal à créer des illustrations à partir de zéro si vous en avez le temps. Cependant, dessiner avec une souris n'est presque jamais amusant, vous avez donc besoin d'un meilleur système pour générer l'illustration.
La vieille école consiste bien sûr à prendre du papier et un crayon, mais la numérisation des œuvres d'art est pénible. Si vous voulez emprunter la voie haut de gamme, rien ne vaut un Wacom à écran tactile ou une autre tablette de dessin dédiée. Malheureusement, beaucoup d'entre nous n'ont pas le budget pour s'épuiser et acheter une tablette graphique simplement parce que nous sommes trop paresseux pour numériser un croquis. Heureusement, il existe une alternative plus facilement disponible.
De nos jours, la plupart d'entre nous ont déjà au moins un appareil à écran tactile. Procurez-vous un stylet à 8 $ et votre iPhone et iPad deviennent de superbes outils de dessin numérique. Voici quelques applications à découvrir.
Adobe Ideas
Idées est l'application idéale pour ce type de travail et devrait certainement être l'endroit où vous commencez votre recherche. C'est simple, gratuit 5, 99 $ et exporte des fichiers PDF vectoriels que vous pouvez prendre directement dans Illustrator pour d'autres manipulations.
Sketchbook Pro
Sketchbook Pro est un outil de dessin sérieux parfait pour créer des griffonnages simples et des illustrations très réalistes. Assurez-vous également de vérifier la version Mac.
LiveSketch HD
Quand je veux créer quelque chose de vraiment unique, c'est là que je me tourne. C'est une application originale qui donne l'impression de travailler avec un crayon plus que la plupart des autres. Vous allez l'adorer ou le détester, mais pour seulement 2 $, je vous recommande vivement de l'essayer.
Going 3D
Si vous cherchez à créer une esquisse 3D comme celle illustrée au début de cet article, ne cherchez pas plus loin que l'application gratuite SketchUp de Google. Vous pouvez sortir un modèle 3D de base en quelques minutes et le convertir instantanément en l'un des nombreux styles sommaires intégrés.
Pour plus d'informations, consultez notre récent didacticiel sur la conception d'un plan de ville 3D esquissé
Conclusion
Cet article devrait vous fournir tout ce que vous devez savoir sur les griffonnages simples dans la conception. Nous avons commencé par examiner certains sites en direct qui utilisent cette technique et avons trouvé des idées et des suggestions solides pour les mettre en œuvre. Ensuite, nous avons examiné quelques polices et pinceaux qui peuvent vous aider à retirer ce look avec peu ou pas d'effort et nous avons terminé avec quelques applications qui vous aideront à créer vos propres illustrations dans ce style.
Laissez un commentaire avec un lien vers tout travail que vous avez vu dans ce style. Nous voulons le voir!
