Il est toujours amusant de se plonger dans une tendance en matière de design populaire et de voir qui le fait, comment cela fonctionne, ce qu'il communique et comment vous pouvez l'essayer vous même.
Restez avec nous car nous faisons exactement cela avec ces conceptions à la mode de griffonnage que vous voyez partout sur le Web en ce moment.
Tendance
L'une de mes facettes préférées de l'étude du design est la recherche et l'analyse de tendances répandues. J'aime examiner les décisions de conception collective de certaines générations, de certains lieux ou de tout autre groupe, ainsi que les facteurs qui les ont poussés à accepter et à rejeter certaines idées.
Mais il y a plus que cela, rien que la psychologie, j'aime aussi examiner de manière spécifique comment appliquer le style général mis en œuvre par ces concepteurs.
En réfléchissant aux tendances en matière de conception, vous élargissez vos horizons en tant que concepteur. Parfois, cela vous donne un aperçu de nouvelles idées, d'autres fois, il vous aide à identifier les tactiques surutilisées que vous devriez éviter! Quoi qu'il en soit, vous êtes attentif au monde qui vous entoure et à ce qui est actuellement populaire d'un point de vue visuel.
Prenez bien soin de noter les polices sur les panneaux d'affichage, les publicités imprimées, les sites Web et les enseignes de la restauration rapide. Réfléchissez au type de concepteurs de photographies d'archives de certains domaines. Toutes ces informations ont la possibilité d'être stockées discrètement à l'arrière de votre cerveau et de refaire surface lorsque vous ouvrez Photoshop et regardez fixement cette toile vierge.
Aujourd'hui, nous allons examiner une tendance que je constate de plus en plus récemment. Ce n'est pas une nouveauté, mais pour une raison quelconque, cela semble être un favori des designers actuels.
Design Sommaire
Une tendance qui a fait son apparition il y a plusieurs années et qui a soudainement connu une certaine résurgence est l'utilisation d'illustrations de base très esquissées en tant qu'élément de conception principal.
Cela peut prendre et prend de nombreuses formes, mais le type dont je parle est un dessin au trait très peu fidèle, très simple, que presque tout le monde pourrait créer. C'est une excellente nouvelle pour ceux qui cherchent à recréer ce look, car vous pouvez enfin accepter le fait que vos compétences en dessin sont nulles!
Exemples
Jetons un coup d'œil sur le Web pour voir les types de conceptions dont je parle et les modèles qui en émergent.
Doodles fond dense
Une utilisation répandue de l'aspect simple esquisse consiste à utiliser les illustrations comme texture d'arrière-plan. Cela prend généralement la forme d'illustrations et de textes très chargés, souvent masqués pour réduire leur opacité.
Notez que ces deux exemples utilisent les éléments esquissés à la fois en arrière-plan et en avant-plan. Encore une fois, la séparation est maintenue par une simple opacité et des différences de couleur.
Animations
Fait intéressant, dans presque tous les exemples que j'ai rencontrés, y compris les deux déjà utilisés, des animations étaient utilisées conjointement avec les éléments esquissés.
La nature des animations est généralement assez simple et ne correspond pas exactement aux dessins animés du samedi matin. La structure de base des illustrations reste statique, par exemple, aucun personnage ne fait signe de la main ni quoi que ce soit d'aussi complexe. Au lieu de cela, les éléments sont simplement déplacés sur la page ou pivotés afin d’apparaître plus dynamiques.
Comme nous sommes habitués à voir des illustrations donner vie, ce type de design se prête remarquablement bien à l’animation de base. Une fois que vous avez terminé d’implémenter vos esquisses, ajoutez de la magie jQuery ou CSS pour ajouter un intérêt supplémentaire à la page.
Flèches et type
L’utilisation la plus élémentaire du look esquissé que j’ai vue est l’ajout de flèches esquissées et / ou de texte directement sur ce qui est par ailleurs une conception de site Web très typique.
Au lieu de baser toute la conception sur une sensation de dessin, ces concepteurs utilisent des illustrations de base pour violer l'esthétique établie et attirer votre attention sur des zones clés.
Ajout d'une autre dimension
L'esquisse de sketch est souvent amenée encore plus loin avec l'ajout d'éléments en trois dimensions. Gardez à l'esprit que le style global de basse fidélité et le caractère dessiné à la hâte de l'esquisse restent constants. La nature de l'esquisse n'est que plus réaliste en profondeur et en perspective.
Qu'est-ce que cette communication?
Avant de trouver des solutions simples pour implémenter ce style dans vos propres conceptions, il est essentiel que nous examinions 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 sympathique. Il communique une atmosphère très informelle, accueillante et pas trop sérieuse.
Concepts
Ces illustrations ont généralement l’air ludique et ludique, 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, de la créativité (les entreprises de conception utilisent fréquemment cette méthode) ou même. un style de vie excitant et énervé.
Vous n'y pouvez tout simplement pas vous en empêcher, les croquis de serviettes de table ne diront jamais? Propres et corporatifs? ou? sérieux et professionnel ,? si votre objectif est de créer l'un ou l'autre de ces styles, 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 trouver un moyen de le recréer.
Comme dans 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 serrés sont plus éloquents que les bonnes intentions.
Les polices
Il existe des tonnes de polices esquissées gratuites, voici quelques candidats remarquables que vous devriez découvrir. Chacun représente un style de type esquissé très différent.
Pointu
Pointy est certainement l'une des polices 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, de l'autre, c'est assez utilisé.
VAG-HandWritten
Une police griffonnée à la main, digne de confiance, qui convient parfaitement lorsque vous souhaitez vous associer au look flèche dessiné que nous avons vu ci-dessus.
Idolwild
J'ai tendance à aimer les empattements de dalle, en voici une belle esquissée au caractère résolument comique.
Bon chien
Voici une option décente lorsque vous avez besoin d’une police plus épaisse. Les polices en gras manuscrites peuvent être très laides, alors assurez-vous de saisir celles qui vous conviennent le plus tôt.
Ces polices sont fragmentaires mais reposent toujours sur la typographie. N'oubliez pas que, comme alternative aux brosses ci-dessous, vous pouvez trouver des polices décentes de doodle dingbat si vous regardez assez. Découvrez Tombats 7 et 2Peas GGs Love Me pour commencer.
Des pinceaux
Si vous souhaitez gagner du temps en supprimant tous ces gribouillis, voici quelques pinceaux d’esquisse prédéfinis pour Photoshop.
School Dayz Croquis Pinceaux
Set de pinceaux 45 - HandmadeDoodles
T9 Creative Doodles
Pinceaux aléatoires mignons
Pinceaux Doodle Arrow
Pinceaux Doodle Arrow
Applications pour créer vos propres griffonnages
Les ressources ci-dessus sont bien, mais le style de ces illustrations est si élémentaire que vous ne devriez pas avoir de difficulté à créer des œuvres d'art à partir de zéro si vous 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’œuvre.
La méthode de la vieille école consiste bien sûr à prendre du papier et un crayon, mais la numérisation des œuvres d'art est une douleur. Si vous voulez aller sur la route haut de gamme, rien ne vaut un Wacom à écran tactile ou une autre tablette graphique. Malheureusement, beaucoup d’entre nous n’ont pas le budget nécessaire pour acheter une tablette à dessin 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 votre iPad deviennent d'excellents outils de dessin numérique. Voici quelques applications à vérifier.
Idées Adobe
Ideas est l'application idéale pour ce type de travail et devrait certainement être le point de départ de votre recherche. C'est simple, gratuit, 5,99 $ US et exporte des fichiers PDF vectoriels que vous pouvez importer directement dans Illustrator pour des manipulations ultérieures.
Carnet de croquis pro
Sketchbook Pro est un outil de dessin sérieux, idéal pour créer des gribouillis simples et des illustrations très réalistes. Veillez également à consulter 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 fortement de l'essayer.
Aller en 3D
Si vous souhaitez créer une esquisse 3D similaire à celle présentée au début de cet article, ne cherchez pas plus loin que l'application gratuite Google SketchUp. Vous pouvez décomposer un modèle 3D de base en quelques minutes et le convertir instantanément en l'un des nombreux styles esquissés intégrés.
Pour plus d'informations, consultez notre récent tutoriel sur la conception d'un plan de ville 3D esquissé
Conclusion
Cet article devrait vous équiper de tout ce que vous devez savoir sur les gribouillis simples dans la conception. Nous avons commencé par examiner certains sites Web qui utilisent cette technique et avons trouvé des idées solides et des suggestions pour les mettre en œuvre. Nous avons ensuite examiné certaines polices et brosses qui pourraient vous aider à obtenir ce look sans effort, et nous en avons terminé avec quelques applications qui vous aideront à créer vos propres illustrations dans ce style.
Laissez un commentaire avec un lien vers n'importe quel travail que vous avez vu dans ce style. Nous voulons le voir!