Catégories
Plugin et site web

10 outils sans lesquels je ne peux pas concevoir

Peu importe vos compétences en tant que concepteur, vous avez besoin d'outils. Un chirurgien ne peut pas opérer sans scalpel; il en va de même pour les designers. Pour faire le travail efficacement, vous devez disposer des bons outils dans votre arsenal.

Les outils ne rendent certainement pas l'artisan, mais ils rendent votre travail plus facile (et surtout amusant).

Il y a tellement d'outils disponibles aujourd'hui, il peut être intimidant de commencer à chercher les bons outils pour vous. Dans cette série semi-régulière, les designers nous présentent les outils sur lesquels ils s'appuient régulièrement; certains peuvent être exactement ce que vous recherchez, d'autres que vous connaissez peut-être déjà, d'autres que vous n'aimez peut-être pas du tout.

Aujourd'hui, Marvelous Aham-adi nous présente les outils qu'il utilise lors de la conception…

1. Croquis

Bohemian Coding’s Sketch est un éditeur de graphiques vectoriels pour macOS. Le puissant outil vectoriel est utilisé pour les conceptions d'interfaces de bureau et mobiles, créant des maquettes et des prototypes, et permet également la collaboration entre les concepteurs.

Le principal inconvénient de l'outil est qu'il s'agit d'une application uniquement pour Mac, donc seuls les utilisateurs de Mac peuvent utiliser l'application. Mis à part cela, l'outil est convivial. Il n'a pas de courbe d'apprentissage abrupte contrairement aux autres outils de conception. L'outil a été créé strictement pour la conception de sites Web et d'applications, de sorte qu'il n'y a pas de fonctionnalités inutiles qui regroupent l'interface de conception. Cela rend la conception plus facile et moins compliquée. Autre avantage: dans la mesure où il s'agit d'une application vectorielle, la taille des fichiers est nettement plus petite.

Vous pouvez choisir parmi des centaines de plugins et d'extensions qui vous aident à tout faire, de la création de graphiques avec des données aléatoires, tabulaires ou JSON. Vous pouvez également créer des maquettes 3D dans Sketch avec un contrôle total sur les angles et les perspectives. Il est également livré avec un compresseur SVGO, Bitmap Compressor, et permet une capture facile des images d'Unsplash.

sketch "width =" 1856 "height =" 1280 "srcset =" https://danjer.doudouke.org/wp-content/uploads/2020/06/10-outils-sans-lesquels-je-ne-peux-pas-concevoir.png 1856w, https://www.webdesignerdepot.com/ cdn-origin / uploads / 2020/06 / sketch-300x207.png 300w, https://www.webdesignerdepot.com/cdn-origin/uploads/2020/06/sketch-768x530.png 768w, https: // www. webdesignerdepot.com/cdn-origin/uploads/2020/06/sketch-1024x706.png 1024w "tailles =" (largeur max: 1856px) 100vw, 1856px "/></div>
<p class=

2. Procréer

Procreate est une application d'illustration numérique puissante et intuitive pour iPad. L'application vous permet de créer des illustrations, des animations, des peintures riches et des croquis. Avec ses outils créatifs et ses fonctionnalités uniques, il peut servir de studio d'art complet.

L'application est livrée avec une énorme bibliothèque de plus de 200 brosses artisanales. Vous avez accès à des pinceaux d'artistes, des crayons, des encres et du fusain. Vous pouvez également créer vos propres pinceaux personnalisés ou personnaliser n'importe quel pinceau en fonction de votre style avec le Brush Studio. Il est également livré avec un moteur graphique Valkyrie qui vous permet de dessiner, peindre et esquisser des conceptions à des vitesses incroyables. Le moteur tire parti de la technologie ProMotion d’Apple pour vous aider à tirer le meilleur parti de votre iPad.

Il est également livré avec des fonctionnalités uniques comme QuickShape qui vous aide à obtenir la forme parfaite à chaque fois et StreamLine qui vous aide à créer des traits avec des courbes plus lisses et moins d'imperfections.

procreate "width =" 1856 "height =" 1280 "srcset =" https://danjer.doudouke.org/wp-content/uploads/2020/06/10-outils-sans-lesquels-je-ne-peux-pas-concevoir.jpg 1856w, https://www.webdesignerdepot.com/ cdn-origin / uploads / 2020/06 / procreate-300x207.jpg 300w, https://www.webdesignerdepot.com/cdn-origin/uploads/2020/06/procreate-768x530.jpg 768w, https: // www. webdesignerdepot.com/cdn-origin/uploads/2020/06/procreate-1024x706.jpg 1024w "tailles =" (largeur max: 1856px) 100vw, 1856px "/></div>
<p class=

3. Dribble

Dribbble est un réseau social pour les designers. L'application est une ressource incontournable pour découvrir et créer des liens avec les meilleurs designers et créatifs du monde. Dribbble peut être utilisé pour créer votre portfolio personnel, trouver l'inspiration et interagir avec d'autres designers.

Ce que j'aime dans l'outil, c'est son utilisation des métaphores du basket-ball. Ses utilisateurs sont appelés «Dribbblers». Les dribbblers peuvent publier des «plans» (images de taille 800 x 600). Dribbble a une fonctionnalité connue sous le nom de «seau» qui est similaire aux tableaux Pinterest. Les autres utilisateurs peuvent aimer, commenter ou suivre votre bucket. Vous pouvez également «rebondir» en publiant un design inspiré d'un autre article. Vous pouvez également créer des concours de design également appelés «playoffs». Les agences de design peuvent créer des «équipes» afin que leurs designers puissent collaborer en un seul endroit.

Dribbble sert également de marché, donc si vous êtes un designer indépendant à la recherche d'emplois de conception, vous devriez vérifier régulièrement la plate-forme.

dribbble "width =" 1856 "height =" 1280 "srcset =" https://danjer.doudouke.org/wp-content/uploads/2020/06/1592827790_716_10-outils-sans-lesquels-je-ne-peux-pas-concevoir.jpg 1856w, https://www.webdesignerdepot.com/ cdn-origin / uploads / 2020/06 / dribbble-300x207.jpg 300w, https://www.webdesignerdepot.com/cdn-origin/uploads/2020/06/dribbble-768x530.jpg 768w, https: // www. webdesignerdepot.com/cdn-origin/uploads/2020/06/dribbble-1024x706.jpg 1024w "tailles =" (largeur max: 1856px) 100vw, 1856px "/></div>
<p class=

4. Adobe Capture

Adobe Capture est un puissant convertisseur vectoriel qui vous permet de convertir des images sur vos appareils mobiles en motifs, thèmes de couleurs, types, pinceaux et formes. Vous pouvez ensuite utiliser ces ressources dans d'autres outils créatifs comme Adobe Photoshop et Illustrator.

L'outil vous permet de convertir un objet ou votre photo entière en graphique vectoriel. Vous pouvez régler le contraste sur la quantité de détails que vous souhaitez capturer et également inverser les zones en noir et blanc sur l'image vectorielle.

L'une de mes fonctionnalités préférées est la possibilité de créer des palettes personnalisées. Vous pouvez choisir les couleurs de vos photos à utiliser dans un projet. Vous pouvez prendre une photo et utiliser ses couleurs pour créer une palette. Donc, si vous voyez un design visuellement agréable et que vous ne savez pas de quelle couleur exacte il s'agit, vous pouvez capturer l'image et Capture créera automatiquement une palette pour vous.

L'application propose également la possibilité de convertir n'importe quelle partie de votre image en pinceaux, de créer des motifs kaléidoscopiques à partir de photos, de collecter des textures 3D et de créer vos propres matériaux 3D (PBR) de haute qualité à utiliser dans Adobe Dimension.

capture "width =" 1856 "height =" 1280 "srcset =" https://danjer.doudouke.org/wp-content/uploads/2020/06/1592827790_615_10-outils-sans-lesquels-je-ne-peux-pas-concevoir.jpg 1856w, https://www.webdesignerdepot.com/ cdn-origin / uploads / 2020/06 / capture-300x207.jpg 300w, https://www.webdesignerdepot.com/cdn-origin/uploads/2020/06/capture-768x530.jpg 768w, https: // www. webdesignerdepot.com/cdn-origin/uploads/2020/06/capture-1024x706.jpg 1024w "tailles =" (largeur max: 1856px) 100vw, 1856px "/></div>
<p class=

5. InVision Studio

InVision Studio est un outil avancé de prototypage et d'animation qui vous permet de créer des conceptions d'écran vectorielles. Grâce à ses couches flexibles et sa toile infinie, vous pouvez concevoir des workflows à des vitesses incroyables. L'outil vous permet de créer des prototypes intéressants, de tester vos conceptions et d'apporter des modifications avant la phase de développement, ainsi que de communiquer vos idées de conceptions à votre équipe ou à vos clients.

InVision Studio fonctionne sur Mac et Windows. Vous pouvez importer des fichiers de Sketch dans InVision. Certaines de ses fonctionnalités intéressantes sont le recadrage d'image intelligent qui recadre automatiquement les images lorsque vous modifiez la taille de l'écran. Vous pouvez créer un prototype réactif sans écrire de ligne de code, tester une animation ou un prototype sur votre téléphone, créer des déclencheurs de balayage pour les animations qui se déroulent sur le défilement et lier plusieurs plans de travail en une seule animation.

invision "width =" 2691 "height =" 1856 "srcset =" https://danjer.doudouke.org/wp-content/uploads/2020/06/1592827790_170_10-outils-sans-lesquels-je-ne-peux-pas-concevoir.jpg 2691w, https://www.webdesignerdepot.com/ cdn-origin / uploads / 2020/06 / invision-300x207.jpg 300w, https://www.webdesignerdepot.com/cdn-origin/uploads/2020/06/invision-768x530.jpg 768w, https: // www. webdesignerdepot.com/cdn-origin/uploads/2020/06/invision-1024x706.jpg 1024w "tailles =" (largeur max: 2691px) 100vw, 2691px "/></div>
<p class=

6. Wappalyzer

Wappalyzer est un outil qui vous permet de découvrir avec quelles technologies les sites Web sont construits. La meilleure partie est qu'il est gratuit et que vous pouvez rechercher n'importe quel site Web. Il est livré avec une extension gratuite pour Chrome, Edge et Firefox qui fonctionne localement et hors ligne.

L'API Wappalyzer vous offre un accès instantané à la pile technologique d'un site Web, enrichit vos propres ensembles de données et analyse un grand nombre de sites Web en temps réel. Vous pouvez effectuer jusqu'à 1 000 recherches à la fois.

wappalyzer "width =" 1856 "height =" 1280 "srcset =" https://danjer.doudouke.org/wp-content/uploads/2020/06/1592827790_491_10-outils-sans-lesquels-je-ne-peux-pas-concevoir.png 1856w, https://www.webdesignerdepot.com/ cdn-origin / uploads / 2020/06 / wappalyzer-300x207.png 300w, https://www.webdesignerdepot.com/cdn-origin/uploads/2020/06/wappalyzer-768x530.png 768w, https: // www. webdesignerdepot.com/cdn-origin/uploads/2020/06/wappalyzer-1024x706.png 1024w "tailles =" (largeur max: 1856px) 100vw, 1856px "/></div>
<p class=

7. Validateur CSS W3C

Le validateur CSS W3C est un outil simple mais efficace qui vous permet de vérifier la validité du balisage des documents Web en HTML, XHTML, SMIL, MathML, etc. Pour valider une URL, il vous suffit de mettre l'adresse et d'exécuter le test . L'outil détecte également automatiquement l'encodage des caractères et le type de document. Vous pouvez également nettoyer le balisage avec HTML-tidy, regrouper les messages d'erreur par type et valider les messages d'erreur.

css-validator "width =" 1856 "height =" 1280 "srcset =" https://danjer.doudouke.org/wp-content/uploads/2020/06/1592827790_931_10-outils-sans-lesquels-je-ne-peux-pas-concevoir.png 1856w, https: // www. webdesignerdepot.com/cdn-origin/uploads/2020/06/css-validator-300x207.png 300w, https://www.webdesignerdepot.com/cdn-origin/uploads/2020/06/css-validator-768x530.png 768w, https://www.webdesignerdepot.com/cdn-origin/uploads/2020/06/css-validator-1024x706.png 1024w "tailles =" (largeur max: 1856px) 100vw, 1856px "/></div>
<p class=

8. Figma

Figma est un outil de conception UI / UX en ligne qui permet aux équipes de collaborer en temps réel. Grâce à ses capacités de prototypage interactif, vous pouvez créer des illustrations vectorielles, des applications de conception et des écrans. Bien qu'il s'agisse d'un outil basé sur un navigateur, il existe des versions qui fonctionnent sur Windows et Mac.

Avec Figma, vous pouvez créer des bibliothèques avec des composants réutilisables. Lorsqu'un composant de la bibliothèque est mis à jour, des modifications sont automatiquement apportées à toute conception utilisant ce composant. Les bibliothèques d'équipe sont disponibles sur la version payante uniquement. Vous pouvez également générer du code CSS et SVG, iOS et Android; exporter des fichiers au format JPG, PDF, PNG ou SVG et également importer des fichiers Sketch. Vous pouvez également automatiser des tâches répétitives, créer des flux de travail personnalisés et importer des données à l'aide de plug-ins.

figma "width =" 1856 "height =" 1280 "srcset =" https://danjer.doudouke.org/wp-content/uploads/2020/06/1592827790_14_10-outils-sans-lesquels-je-ne-peux-pas-concevoir.png 1856w, https://www.webdesignerdepot.com/ cdn-origin / uploads / 2020/06 / figma-300x207.png 300w, https://www.webdesignerdepot.com/cdn-origin/uploads/2020/06/figma-768x530.png 768w, https: // www. webdesignerdepot.com/cdn-origin/uploads/2020/06/figma-1024x706.png 1024w "tailles =" (largeur max: 1856px) 100vw, 1856px "/></div>
<p class=

9. Proto.io

Proto.io est un outil qui vous permet de créer des prototypes haute fidélité en temps réel. Avec cet outil, vous pouvez tester vos conceptions avant de construire. Vous pouvez tester le flux, les interactions et les animations sans écrire un seul morceau de code.

L'outil est livré avec des modèles personnalisables qui vous aident à créer facilement des prototypes et des wireframes. Il est également livré avec une immense bibliothèque d'icônes (y compris des icônes animées) qui peut être redimensionnée et recolorée. Avec sa bibliothèque d'effets, vous pouvez également ajouter des interactions, des sons, des animations et des fichiers vidéo à vos prototypes. Comme il s'agit d'un éditeur 100% Web, vous n'avez pas besoin de télécharger de logiciel.

proto "width =" 1856 "height =" 1280 "srcset =" https://danjer.doudouke.org/wp-content/uploads/2020/06/1592827790_576_10-outils-sans-lesquels-je-ne-peux-pas-concevoir.png 1856w, https://www.webdesignerdepot.com/ cdn-origin / uploads / 2020/06 / proto-300x207.png 300w, https://www.webdesignerdepot.com/cdn-origin/uploads/2020/06/proto-768x530.png 768w, https: // www. webdesignerdepot.com/cdn-origin/uploads/2020/06/proto-1024x706.png 1024w "tailles =" (largeur max: 1856px) 100vw, 1856px "/></div>
<p class=

10. Démarrage 3

Startup 3 est une application qui aide les concepteurs et les développeurs à créer des thèmes de site Web Bootstrap. Il s'agit d'un puissant générateur de thème bootstrap par glisser-déposer pour vous aider à créer des pages de destination. Il a une interface intuitive facile à utiliser sans courbe d'apprentissage.

Vous avez accès à plus de 300 blocs d'éléments et de styles pré-codés et préconçus que vous pouvez facilement personnaliser. Les conceptions de l'application sont automatiquement optimisées pour les mobiles et sont compatibles avec tous les appareils de rétine. Il s'intègre également à d'autres outils tels que Hubspot, MailChimp, Gmail et Captcha. Vous pouvez également exporter toutes les conceptions de votre site Web (y compris l'image, le texte et les styles) directement sur votre PC.

startup "width =" 1856 "height =" 1280 "srcset =" https://danjer.doudouke.org/wp-content/uploads/2020/06/1592827790_462_10-outils-sans-lesquels-je-ne-peux-pas-concevoir.jpg 1856w, https://www.webdesignerdepot.com/ cdn-origin / uploads / 2020/06 / startup-300x207.jpg 300w, https://www.webdesignerdepot.com/cdn-origin/uploads/2020/06/startup-768x530.jpg 768w, https: // www. webdesignerdepot.com/cdn-origin/uploads/2020/06/startup-1024x706.jpg 1024w "tailles =" (largeur max: 1856px) 100vw, 1856px "/></div>
</p></div>

		</div><!-- .entry-content -->

	</div><!-- .post-inner -->

	<div class=

Laisser un commentaire

Votre adresse de messagerie ne sera pas publiée. Les champs obligatoires sont indiqués avec *