Ustensiles et outils utiles (hors ligne) pour les concepteurs

La plupart des concepteurs de sites Web commencent de nouveaux projets sur leur ordinateur. Il existe des centaines d'outils permettant de créer des structures filaires, des maquettes, des prototypes et d'effectuer diverses autres activités de planification sur votre ordinateur ou en ligne. Mais il existe également une multitude d'outils hors ligne sur papier qui peuvent accélérer votre processus de développement et de conception. Les concepteurs qui commencent leur planification hors ligne utilisent souvent du papier vierge ou graphique et repartent de zéro..

Pourquoi recommencer complètement à zéro quand vous pouvez utiliser l'un de ces guides pré-fabriqués pour gagner du temps et mieux diriger vos énergies créatives? Vous trouverez ci-dessous une vaste liste d'outils téléchargeables gratuitement, ainsi qu'une collection de blocs-notes et d'autres produits que vous pouvez acheter pour la planification et la conception hors ligne..

Voici d'autres articles utiles de la boîte à outils destinés aux concepteurs que vous pouvez consulter:

• 27 kits de démarrage indispensables pour les concepteurs Web
• Icônes d'interface graphique pour les concepteurs Web
• 50 (Plus) Excellents Mini Icon Sets

Téléchargements

Les outils ci-dessous sont tous disponibles en téléchargement gratuit. Ils comprennent des navigateurs, des grilles et des outils prédéfinis pour le développement d’iPad et d’iPhone..

Navigateur de papier

Une fenêtre de navigateur simple et imprimable pour les opérations filaires. Il y a une grille subtile à l'intérieur de la fenêtre pour une meilleure conception (pour les conceptions larges de 960px et larges de 800px). Il est proportionné pour une résolution d'écran de 1024 × 768.

Papier à croquis MBTI pour idéation

Le document de croquis MBTI contient quatre domaines distincts pour proposer des idées pour les quatre modalités d'achat spécifiques: concurrentiel, spontané, méthodique et humaniste. Il est disponible en quatre tailles: A4, A3, Letter et Legal.

Concept7 Papier à Esquisse

Ce papier à dessin fournit une fenêtre de navigateur avec des lignes de grille prédéfinies, ainsi qu'une zone de notes sur le côté. Il est disponible en formats A4 et A3.

Feuilles d'esquisse du système de grille 960

Le système de grille 960 dispose de nombreux modèles disponibles pour divers programmes de conception. Mais beaucoup de gens ne se rendent pas compte qu'il existe également des modèles PDF téléchargeables pour l'enchaînement d'images avec 960.gs sur papier..

Papier quadrillé design

Konigi propose du papier graphique gratuit et imprimable pour les maquettes de conception en grille. Les modèles disponibles incluent une structure filaire avec zone de notes, des structures filaires orientées paysage et portrait, des story-boards (avec et sans notes), du papier quadrillé deux par deux et du papier quadrillé standard.

Kit de bricolage aimants filaire

Un ensemble de modèles d'aimants de Konigi. Imprimez-les simplement sur des feuilles magnétiques et vous êtes prêt à commencer à effectuer des encadrements et des prototypes sur votre tableau blanc ou une autre surface magnétique. Vous pouvez également les plastifier pour les utiliser avec des marqueurs effaçables à sec.

Des croquis

Ces croquis sont disponibles en deux versions: un seul écran avec un espace pour les notes ou un six écrans avec un espace pour les notes. La version multi-pages est idéale pour le prototypage rapide de plusieurs pages, tandis que la version d'une seule page est idéale pour une trame filaire plus détaillée de pages spécifiques..

Modèle 6 pages

Il s'agit d'un modèle simple avec des fenêtres de navigateur pré-dessinées pour des maquettes de six pages sur chaque feuille, avec un espace supplémentaire pour les notes sur le côté. Très simple, mais très utile pour la planification de haut niveau.

Modèles de fil de papier

Une variété de modèles filaires, avec un total de sept inclus dans le téléchargement. Il existe également des modèles PSD disponibles, si vous souhaitez les personnaliser avant l'impression.

Modèle filaire

Un modèle filaire simple avec un espace pour le titre de la page en haut et des notes sur le côté. Il est suffisamment professionnel pour utiliser les maquettes finales et les maquettes à montrer aux clients..

Modèle filaire pour application iPhone

Un modèle d'application iPhone très élégant, disponible en orientation portrait et paysage. Il existe des versions avec des maquettes pour un seul iPhone offrant beaucoup d'espace pour les notes ainsi que des pages avec trois iPhones sur une seule page.

Feuille d'idées iPad

Trois versions sont disponibles: une feuille double avec des iPads orientés portrait, une feuille quadruple avec des iPad orientés paysage et une feuille simple avec un iPad orienté paysage. Ils ont également une feuille d'idées iPhone disponible pour le téléchargement.

Feuilles de calcul de scénarios, de flux de tâches et de grille

Ces feuilles de croquis sont des outils précieux pour la planification de sites Web. La feuille de scénario vous aide à planifier comment amener les visiteurs de votre site à effectuer l'action souhaitée. La feuille de flux de tâches vous aide à comprendre quelles étapes sont impliquées dans l'exécution de tâches spécifiques sur votre site. Et la grille vous donne de la place pour des encadrements et des notes sur des pages spécifiques..

Des produits

Les produits ci-dessous sont souvent similaires à ceux disponibles en téléchargement ci-dessus, mais sont préimprimés. D'autres outils sont également inclus, tels que des pochoirs et des notes autocollantes.

Tapis de souris puissant

Un tapis de souris qui est aussi un bloc-notes. Il existe trois versions différentes: 5 jours par semaine (avec suffisamment d'espace pour les listes de tâches à effectuer pendant cinq jours), Information Central (avec beaucoup d'espace pour les notes) et Random Dawdle. 10 $ chacun.

Kit de pochoir iPad

Un gabarit en métal de UI Stencils pour la conception sur iPad Apple. Il contient tout ce dont vous avez besoin pour créer des applications maquette pour iPad. Le kit comprend également un crayon mécanique de 7 mm pour zèbre et un tableau des techniques d'interaction. 24,95 $

Kit Stencil iPhone

Un autre kit de pochoir en métal de UI Stencils, cette fois pour l'iPhone. Il vient également avec les autocollants Zebra Mechanical Pencil et UI Stencils. 24,95 $

Carnet d'applications

Sketchbooks d'applications reliées en spirale pour la conception d'applications iPhone et iPad. Des versions standard, perforée et iPad sont disponibles. Les versions iPhone sont fournies avec trois images iPhone de taille réelle par page, soit un total de 50 pages (recto verso). Le carnet de croquis pour iPad (non encore disponible) contient une image par page. 12 $ chacun.

Bloc-notes et bloc-notes+

Bloc-notes grandeur nature pour la conception d'applications pour iPod et iPad. Les ordinateurs portables iPod sont proposés dans un pack de 3, avec 100 pages par bloc. La version iPad (Notepod +) est vendue à l'unité et comporte également 100 pages par bloc. Notepod + coûte 19,95 $; Notepod est 17,95 $ / trois.

Bloc-notes Storyboard

Bloc-notes 8 1/2 x 11 pouces de Konigi avec 50 feuilles de scénarimage, chacune avec un espace pour les notes. Ce qui distingue ces sections de la plupart des blocs-notes de scénarimage habituels est que chaque section de scénarimage est divisée en une grille, ce qui les rend beaucoup plus appropriées pour la conception d'interactions. 9 $ chacun, disponible uniquement aux États-Unis.

Bloc-notes de navigateur

Un bloc-notes comprenant un modèle de fenêtre de navigateur sur chaque page. Chaque fenêtre comprend une grille compatible avec le kit de gabarit de site Web (24,95 $), également fournie par UI Stencils. 8,95 $ chacun.

Livre de grille de points

Les livres à grille de points de Behance ressemblent au papier quadrillé traditionnel, mais ils comportent plutôt des points où les lignes se croisent. Il fournit une excellente grille pour dessiner sans l'intrusion de lignes continues. 14 $ chacun.

À chaque fois que pense-bête

Pour ceux d’entre nous qui utilisent des notes autocollantes pour rester organisés, il s’agit peut-être de la solution pour amener votre système de productivité au niveau supérieur. Séparez les types de notes des tâches à effectuer aujourd'hui, bientôt ou un jour, ainsi que trois types de notes supplémentaires. 12,99 $.

Ressources supplémentaires

Trouvez encore plus de ressources via les rafles ci-dessous:

• 50 kits, ressources et fichiers sources filaires pour la conception d’interface Web et de conception Web gratuites - Un résumé fantastique de Smashing Magazine incluant des ressources en ligne et hors ligne.
• Modèles PDF d'esquisse, de grillage et de prise de notes imprimables gratuits - Autre grand récapitulatif de Smashing Magazine, entièrement constitué de ressources imprimables.
• Ressources de conception pour l’interface utilisateur, l’animation filaire et la mise en page - Un petit aperçu des ressources imprimables compilées par Es Developed.