Catégories
Astuces et Design

17 outils que je ne peux pas concevoir sans

Je pense à une pratique créative comme une combinaison d'une approche (une philosophie de conception) et d'une série de techniques (compétences artisanales); un bon outil facilite une technique, qui à son tour soutient une approche.

Ce n’est que lorsque je me suis assis pour écrire une liste d’outils dont je ne peux pas me passer pour concevoir, que j’ai réalisé combien d’outils sur lesquels je comptais faisaient partie intégrante de mon processus créatif. Le danger des outils est qu'ils font la promotion de certaines techniques et que les biais peuvent altérer votre approche.

D'abord et avant tout, un bon outil ne fait pas de mal, il ne dicte ni ne gêne votre approche. Deuxièmement, un bon outil offre une flexibilité dans les techniques que vous choisissez. Troisièmement, un bon outil est invisible, il ne laisse aucune trace sur le produit final.

Si j'avais écrit ce post il y a un an, la liste aurait été différente, et j'espère que dans un an ce sera à nouveau différent. Ce sont les outils que je trouve actuellement habilitants, qui ont contribué à mon métier et soutenu ma démarche.

Concepteur d'affinité

J'ai toujours utilisé les produits Adobe. Photoshop et Illustrator ont été les outils graphiques de facto pendant la moitié de ma vie. Je n'ai jamais eu de problème avec la licence d'abonnement de Creative Cloud, ce qui, je pense, est proportionné pour un ensemble d'outils professionnels. Puis, il y a environ 18 mois, j'ai été très frustré par la lenteur d'Illustrator.

J'avais écrit une première critique d'Affinity Designer, j'avais été impressionné à l'époque, alors j'ai décidé de faire un autre essai en m'attendant à ce que le séjour dure une heure ou deux avant de revenir à Illustrator. Lancer la dernière version d'Affinity Designer a été une révélation, je n'ai tout simplement jamais voulu revenir en arrière.

Pourquoi pas Sketch? Eh bien, je saute parfois dans Sketch, en particulier pour le wireframing vectoriel pur. J'ai été l'un des premiers à adopter Sketch, mais les problèmes de fiabilité (résolus depuis longtemps) ont empoisonné ma relation avec lui. Pourquoi pas Figma? Eh bien, la vraie force de Figma réside dans la collaboration, ce que j'obtiens avec Sketch, et personnellement, je trouve certaines fonctionnalités de Figma peu intuitives.

Affinity Designer n’est pas parfait. Je n'aime pas les outils de couleur, en particulier l'outil de dégradé, que je trouve maladroit. Mais c'est la première application de design que j'utilise depuis des années et qui se synchronise étroitement avec mon processus créatif.

Photo d'affinité

Je ne fais pas beaucoup de manipulation de photos, donc lorsque je suis passé de Creative Cloud pour le travail de conception, j'étais détendu à l'idée de passer de Photoshop à Affinity Photo.

D'après mon expérience, Affinity Photo est plus puissant que Photoshop dans certains domaines et plus faible dans d'autres. La mise à l'échelle bitmap d'Affinity Photo est beaucoup mieux que Photoshop, en grande partie grâce à l'échantillonnage Lanczos 3.

Affinity Photo résout également de nombreuses petites irritations qu'Adobe a choisi de ne pas traiter pour des raisons héritées ou philosophiques, telles que le paramètre de rapport basculable lors du redimensionnement du canevas – j'ai perdu la trace des heures passées dans Photoshop à calculer manuellement la verticale espace blanc pour qu'il soit proportionnel à l'horizontale.

TinyPng

Affinity Photo et Photoshop sont tous deux médiocres pour les optimisations de format Web. Photoshop a peut-être l'avantage, mais sa sortie n'est certainement pas acceptable pour la production.

J'exécute des bitmaps via TinyPng, qui divise en moyenne de moitié la taille du fichier sans perte de qualité appréciable. (Cela a réduit de 66% les images de ce message.)

Fontstand

Quand j'ai commencé à m'éloigner de Creative Cloud, le seul service qui m'a retardé était Adobe Fonts (née Typekit). Pas tant pour les polices Web – qui sont auto-hébergées plus rapides et plus fiables – mais pour la possibilité de synchroniser les polices de bureau dans mes applications de conception.

J'ai essayé Fontstand lors de sa première sortie, et j'ai adoré le concept, mais j'étais inquiet pour la petite bibliothèque. Quand j'ai jeté un second coup d'œil et découvert que la bibliothèque était maintenant importante pour les bêtes de somme et les polices expérimentales, c'était une décision facile de changer.

Fontstand est un service de location de polices de bureau. Une fois que vous avez trouvé une police qui vous intéresse, vous pouvez activer un essai d'une heure, puis choisir de louer la police pour une somme modique. Vous pouvez renouveler automatiquement la location si vous en avez besoin, et si vous louez la police pendant 12 mois, elle vous appartient pour toujours.

S'il y a un outil sur cette liste, je ne pourrais vraiment pas concevoir sans celui-ci. Fontstand rend le travail avec des polices de fonderies indépendantes abordables pour les pigistes et enrichit la palette typographique à ma disposition.

Khroma

Chaque designer a des forces et des faiblesses. Depuis le premier jour de l'école d'art, ma faiblesse est la couleur. Cela ne me vient pas naturellement et je dois y travailler assez dur.

Un outil extrêmement utile que j'utilise depuis quelques mois est Khroma. Cela aide mes yeux à se réchauffer avant d'approcher la couleur et m'aide à trouver un point de départ que je peux ensuite affiner. En comparant mon travail de conception avant et après Khroma, ces derniers choix de couleurs sont plus propres, plus vifs et plus intéressants.

Atome

Un bon éditeur de code est essentiel, et je n’en ai jamais trouvé qui me satisfasse complètement. Pendant des années, j’ai fait des allers-retours entre Brackets, Sublime Text et BBEdit. Je pense que cela reflète probablement les changements dans le type de codage que je fais.

Pour le moment, je me suis installé sur Atom. Il est rapide, fiable et n’est pas orienté vers le code frontal ou back-end.

CodeKit

J'ai tenu des compilateurs plus longtemps que je n'aurais dû, en utilisant des applications comme Minify pour minimiser CSS et JavaScript, et la ligne de commande pour traiter Sass (voir ci-dessous). Ensuite, j'ai trouvé CodeKit et c'est depuis lors essentiel à mon flux de travail.

Ce que j'aime le plus dans CodeKit, c'est qu'il s'agit d'une interface graphique. Ce qui signifie que je peux modifier les paramètres pendant le codage, comme désactiver le linting JavaScript, sans basculer les engrenages mentaux dans une autre langue.

MAMP

MAMP est un outil qui vous permet d'exécuter un environnement de serveur local, ce qui signifie que je peux exécuter PHP et MySQL sans le processus fastidieux de FTP sur un serveur pour tester un changement. Mac est livré avec Apache, donc ce n'est pas strictement nécessaire, mais c'est simple à utiliser et fonctionne bien avec CodeKit et Craft (voir ci-dessous).

Il existe une version professionnelle de MAMP, qui vous permet de basculer de manière transparente entre les projets, mais elle est fortement orientée vers WordPress. J'essaie toujours de trouver le temps d'évaluer Laravel Valet.

Tiret

Lorsque vous commencez à coder, vous essayez de mémoriser la langue entière. Il est très possible de maîtriser le cœur d’une langue, mais il y a toujours des nuances, des valeurs par défaut et des pièges qui vous manquent. Au fur et à mesure que vous gagnez en expérience, vous vous rendez compte que tous les codeurs professionnels recherchent la réponse sur Google au moins une fois par jour.

Quand je suis devenu fatigué de googler, j'ai commencé à utiliser Dash, une superbe application qui combine les documents de nombreuses langues différentes dans une fenêtre de recherche. Je l'utilise quotidiennement pour tout, du SVG à Twig.

LambdaTest

Peu importe ce que vous construisez, même l’indy-web doit être testé. Idéalement, vous testerez sur de vrais appareils, mais si vous ne pouvez pas vous permettre une bibliothèque d'appareils – et qui, sauf les plus grandes agences le peuvent – vous avez besoin d'une solution de test en direct.

Il y a quelques parvenus, mais votre choix se situe essentiellement entre BrowserStack et LambdaTest. J'ai choisi LambdaTest parce que je préfère le style de l'interface utilisateur, mais c'est entièrement subjectif. Si vous n'êtes pas sûr, lancez une pièce, vous obtiendrez les mêmes résultats avec les deux.

Toupet

Je ne peux pas écrire du CSS sans Sass – et je le pense littéralement. Si j'essaie d'écrire du CSS vanille, je garantis que je vais imbriquer quelque chose avec @ à la racine et cela lancera une erreur.

Craft CMS

Déclarer toute préférence pour un CMS en ligne qui n'est pas WordPress invite inévitablement à des protestations passionnées de la part de développeurs dont la carrière se construit sur la plateforme WordPress. Alors laissez-moi vous dire en premier lieu: si WordPress fonctionne pour vous, et plus important encore pour vos clients, alors plus de puissance pour vous; Je pense que c’est un chien.

Rechercher un CMS est un défi, et je suis passé par le processus plusieurs fois. Un bon CMS doit être en phase avec votre état d'esprit, et il doit être adapté à vos clients – tous, car à moins que vous ne soyez dans une grande agence avec plusieurs codeurs, vous devez vous engager dans une solution unique afin de le maîtriser.

J'ai regardé et regardé, et finalement je me suis installé sur Craft CMS. Craft facilite la création et la maintenance de sites complexes et performants. Il a une courbe d'apprentissage peu profonde qui devient exponentiellement plus raide, ce qui facilite le démarrage avec beaucoup d'espace pour se développer.

Vue.js

Il y a longtemps, lorsque Flash est devenu kaput, je suis passé à jQuery, et c'était une voie très simple vers JavaScript – ignorez les personnes qui vous disent de maîtriser d'abord le langage de base, faites tout ce qu'il faut pour commencer en utilisant une langue, c’est ainsi que vous apprenez. Mais jQuery est lourd, et j'ai trouvé que j'en avais de moins en moins besoin.

Ces jours-ci, 90% du JavaScript que j'écris sont des améliorations progressives de JavaScript vanille pour maintenir les dépendances faibles. Parfois, je rencontre un travail qui nécessite une gestion d'état complexe, puis je retombe sur Vue.js. Les développeurs JavaScript sont aussi partisans que les aficionados de CMS, alors disons simplement que je préfère Vue.js car il n’est pas contrôlé par un méga-corp et restons-en là.

Ulysse

En tant qu'éditeur chez WDD, je ne saurais trop insister sur le fait que la bonne façon d'écrire une copie pour le Web est le démarquage.

Markdown est plus rapide à écrire afin que vous ne perdiez pas le fil de votre processus de réflexion, et il n'impose pas de formatage afin que vous puissiez facilement migrer vers un CMS. Si vous avez déjà passé 20 minutes à retirer les balises de classe, d'identifiant et de style d'un fichier créé dans Word, Pages ou (de loin le pire contrevenant) Google Docs, vous n'avez pas besoin d'être vendu sur ce point .

Il existe quelques applications d'écriture basées sur le démarquage, j'en ai testé une demi-douzaine et celle sur laquelle j'ai choisi était Ulysses. J'aime son mode sans distraction, j'adore ses exportations propres. Tout ce que j'écris, je l'écris en Ulysse.

Capture d'écran Plus

Tout comme les éditeurs de démarques, les applications de capture d'écran ne manquent pas. Mon préféré actuel est Screenshot Plus.

Screenshot Plus a une fonctionnalité qui le distingue pour moi, à savoir ses flux de travail. Cela semble être un petit problème, mais lorsque vous prenez des captures d'écran d'une douzaine de sites, les clics supplémentaires pour enregistrer, basculer vers votre éditeur et ouvrir le fichier sont laborieux. J'ai plusieurs flux de travail configurés dans Screenshot Plus qui me permettent de prendre une capture d'écran, de l'enregistrer dans un dossier spécifié sur ma machine locale, puis de l'ouvrir dans Affinity Photo, le tout en un seul clic.

Étincelle

Je reçois beaucoup de courriels, un lot. À un moment donné, l'afflux était si mauvais que j'utilisais plusieurs applications de messagerie pour le segmenter. Oui, j'utilise Slack tous les jours, mais cela n'élimine pas le besoin d'e-mail.

J'utilise Spark depuis environ six mois et cela a radicalement accéléré mon flux de travail. Je suis un grand fan de la boîte de réception intelligente qui me permet de compartimenter les e-mails comme les newsletters et les e-mails qui justifient une réponse. J'aime le fait que je puisse passer à une liste chronologique si je recherche quelque chose de spécifique. J'adore la possibilité d'épingler ou de répéter des messages, ce qui m'aide à trier ma boîte de réception.

Todoist

Je fais partie de ces personnes qui ne peuvent passer la journée sans être organisées. J'ai besoin de listes et de sous-listes, et j'ai besoin de quelque chose de natif qui s'ouvre automatiquement lorsque je démarre mon Mac et de quelque chose qui se trouve sur l'écran d'accueil de mon Android.

Il y a autant d'applications à faire que de choses à faire. Lorsque je travaille en équipe, j'utilise le système de suivi des tâches de mon choix. Mais par choix, j'utilise toujours Todoist grâce à son équilibre entre simplicité et puissance. À ce stade, c'est en quelque sorte un méta-outil et l'application que j'ouvre en premier tous les matins.

Laisser un commentaire

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