Cours de référence : comment utiliser Think Kit

1. Introduction: Salut. Je suis Max. Je suis ingénieur logiciel à 53. Aujourd'hui, nous allons nous concentrer sur Think Kit, qui est une suite d'outils que nous avons publiés dans Paper orientés vers la pensée visuelle structurée. La trousse de réflexion est au cœur de trois nouveaux outils l'outil de diagramme, l'outil de remplissage et l'outil de coupe. Ce que nous essayons de faire dans ce cours, c'est de vous familiariser avec certaines des fonctionnalités de base de Think Kit, et comment vous pouvez vraiment les utiliser pour présenter vos idées, obtenir vos idées, les rendre agréables. Une des choses qui est génial à propos de Think Kit est que lorsque vous l'utilisez, il prend la plupart de ce travail de vos mains et vous permet élargir votre boîte à outils de pensée visuelle, et de réfléchir à plus comment vous voulez présenter vos idées plutôt le sale travail de les rendre beaux. Tout au long de ce cours, je vais vous montrer les tenants et aboutissants des outils Think Kit à travers mon propre travail, afin que vous puissiez voir comment je l'utilise. Cette classe est vraiment pour tout le monde, que vous soyez un concepteur mobile utilisant ceci pour filtrer l'interface utilisateur de votre nouvelle application, ou que vous soyez dans le marketing en essayant de pimenter la prochaine présentation pour votre grand client. Le projet pour cette classe est de créer un diagramme montrant une habitude quotidienne. Vous pouvez prendre ce projet dans beaucoup de directions différentes, soit la façon dont vous passez votre temps libre ou comment vous arrivez au travail, mais la principale chose que nous voulons que vous en sortiez est de vous entraîner à communiquer vos idées visuellement à l'aide du Pensez aux outils Kit. Tout ce dont vous aurez besoin pour cette classe est votre iPad, la nouvelle version de Paper qui comprend les outils Think Kit gratuitement, et un stylet si vous voulez ou vous pouvez simplement utiliser votre doigt. Vous pouvez terminer ce projet en quelques minutes seulement. Tu verras plus tard que je ferai juste ça. Vous pouvez passer plus de temps sur le projet si vous le souhaitez, mais rappelez-vous qu'il ne s'agit pas d'obtenir votre idée soit parfaite, mais simplement de bien les communiquer d'une manière visuelle. Un très grand projet va communiquer une idée simplement et clairement en utilisant des couleurs qui fonctionnent bien ensemble et des formes qui ne sont pas trop occupées. n'y a pas de limite au nombre de façons dont vous pouvez présenter ce que vous pensez, qu'il s'agisse d'un organigramme, d'un diagramme Venn, d'un graphique pyramidal ou même d'un simple carré, l'important est que vous trouviez la structure qui correspond à votre idée. 2. Qu'y a-t-il à l'écran ?: Lorsque vous ouvrez l'application pour la première fois, vous êtes placé dans la vue d'accueil. C' est là que vous pouvez voir toutes les revues que vous avez créées. Vous pouvez choisir de leur donner une autre feuille de couverture ou de modifier leur titre. Si vous appuyez sur un journal, vous êtes pris dans ce que nous appelons la vue papillon. C' est là que vous pouvez voir toutes les pages du journal et toutes les créations que vous avez ajoutées à ce journal. Vous pouvez toujours appuyer sur le bouton plus si vous n'avez plus de pages pour en ajouter une nouvelle. Vous pouvez utiliser le bouton Partager ici pour partager une idée à mélanger, partager l'intégralité du journal au format PDF, ou partager cette page spécifiquement à n'importe quel service social, service d'impression ou simplement votre pellicule photo. Si vous décidez de supprimer une page d'un journal, vous pouvez appuyer sur le bouton X et supprimer cette page. Si vous décidez de dupliquer une page et peut-être enregistrer la copie originale, vous pouvez maintenir le bouton plus enfoncé et appuyer sur le doublon. Pour modifier une idée, appuyez simplement dessus dans la vue papillon et vous serez pris dans la vue canevas. Vous pouvez glisser vers le haut à partir du bas de l'écran pour remonter votre plateau et changer les outils ou la couleur. Lorsque vous avez terminé l'édition, vous pouvez simplement pincer pour revenir à la vue papillon. Pour revenir à la vue de la maison, il suffit de pincer à nouveau. C' est votre espace privé où vous conservez tous vos journaux personnels. Si vous effectuez un balayage vers le haut, vous accédez à l'espace de mixage public. Vous pourriez voir que vous avez trois piles. Sur la gauche, est toutes les idées que vous avez créées et partagées sur Mix. Cette pile du milieu vous emmène à votre flux où vous pouvez voir les créations de tous les utilisateurs que vous suivez. Si vous appuyez sur une icône, vous accéderez à leur fiche de profil et vous pouvez les suivre si vous ne l'êtes pas déjà. Si vous utilisez Think Kit pour collaborer sur une idée, suivre vos collaborateurs est un excellent moyen de se tenir au courant des révisions et des modifications apportées à ce projet. La troisième pile est des idées et des créations que vous avez jouées. Quand vous voyez une idée que vous aimez particulièrement, vous pouvez la mettre en vedette et elle apparaîtra dans ce flux pour que vous puissiez regarder en arrière plus tard. En ce moment, dans le flux de mixage, vous voyez une combinaison d'illustrations et de diagrammes Think Kit. Je vais commencer par vous montrer où Think Kit vit dans le papier. Donc, je suis à mon écran d'accueil en papier avec tous mes journaux, et je vais en ouvrir un nouveau, pour vous montrer Think Kit. Ainsi, Think Kit est au cœur trois nouveaux outils : l'outil de diagramme, l'outil de remplissage et l'outil de coupe. Ceux-ci vivent dans le même bac à outils que les cinq outils originaux, sorte que vous êtes peut-être déjà familier avec ce que nous appelons le kit essentiel, les cinq outils originaux de papier. Vous avez le stylo plume, le pinceau à croquis, le marqueur, le stylo à bille et l'aquarelle. Vous avez ici un mélangeur de couleurs qui vous permet de bien planifier les couleurs, ou vous pouvez choisir les vôtres. Vous avez vos palettes où vous pouvez stocker les couleurs que vous avez créées dans le passé. Think Kit, nous vous présentons trois nouveaux outils, l'outil de diagramme, l'outil de remplissage et l'outil de coupe. Ces deux ensembles d'outils fonctionnent ensemble pour vous permettre de créer une façon visuellement attrayante de communiquer vos idées. L' outil Diagramme vous permet de créer de jolies formes structurées, qu' il s'agisse d'un rectangle, d'un triangle ou d'un cercle. Vous pouvez appuyer longuement sur ces derniers pour les déplacer si vous voulez les repositionner. Une autre chose que vous pouvez faire avec l'outil de diagramme est de créer des flèches. Disons que nous voulons faire un organigramme à travers ces trois formes. C' est vraiment facile à faire avec l'outil de diagramme. L' outil de remplissage a quelques aspects différents. Premièrement, il vous permet de remplir rapidement ces formes intelligentes que vous avez créées. Tout ce qui a été corrigé par l'outil de diagramme peut être facilement rempli en un seul clic. Il vous permet également de créer plus de formes abstraites sur le même calque d'arrière-plan sur lequel le remplissage intelligent se produit. Avec l'outil de coupe, vous pouvez rapidement repositionner des formes intelligentes ou découper de plus grandes zones de la toile et les déplacer. Je suis sûr que vous commencez déjà à réfléchir à la façon dont vous pouvez utiliser ces outils pour créer des diagrammes, des filaires et des organigrammes. Maintenant, je vais vous donner un exemple de la façon dont j'ai utilisé Think Kit dans le passé, je vais aller ici à mon flux de mixage, et vous pouvez voir quelques-unes des idées que j'ai créées, celle-ci est celle que j'ai créée pour l'équipe de la communauté 53 pour communiquer l'un des aspects les plus confus de Think Kit. Faire cela avec les outils Think Kit était assez simple. Comme vous pouvez le voir, les seules formes ici sont vraiment des rectangles et des carrés, et ceux-ci sont super rapides et faciles à réaliser avec l'outil de diagramme. Après cela, il s'agissait simplement d'utiliser l'outil de coupe pour les positionner comme je le voulais, puis l'outil de remplissage pour y ajouter de la couleur. C' était un moyen très rapide et facile pour l'équipe de la communauté et moi de communiquer cette idée relativement complexe sur certaines des fonctionnalités de Think Kit. Voici un exemple de la façon dont un utilisateur a utilisé Think Kit pour présenter une idée un peu moins sérieuse. Nous voyons de l'eau chaude, du café moulu et de la pression, et comment ils interagissent pour faire du café infusé, expresso ou simplement de la vapeur. Ce diagramme est composé de quelques aspects vraiment basiques qui sont faciles à faire avec les outils Think Kit. Il suffit de créer un cercle, couper et de le coller, puis de remplir les zones avec la couleur que vous voulez. Ensuite, vous pouvez simplement utiliser l'outil de diagramme pour créer des flèches vers zone que vous voulez appeler et ajouter des étiquettes et du texte. Dans ce cas, le projet était plutôt un filaire d'interface utilisateur. La création d'un design comme celui-ci avec Think Kit facilite et accélère la diffusion de vos idées sur le papier. Si vous faites une erreur, c'est vraiment facile à réparer. Vous pouvez simplement ramasser la forme et ajuster la mise en page, ou simplement la remplir avec une couleur différente avec l'outil de remplissage. C' est une partie vraiment importante du processus de conception, c'est de ne pas avoir à se soucier de faire des erreurs et devoir revenir en arrière et effacer soigneusement ou refaire ce que vous avez fait. Voici un exemple d'organigramme réalisé avec Think Kit. Vous pouvez voir que c'était vraiment facile à faire. Il suffit de faire un rectangle avec l'outil de diagramme et d'utiliser la coupe pour le copier et le coller tout autour de la toile. L' outil de diagramme peut être utilisé pour créer facilement des flèches d'une boîte à l'autre pour guider l'œil le long d'un organigramme, puis l'outil de remplissage peut ajouter de la couleur. Après avoir coupé et collé les boîtes autour de la toile, il est vraiment facile d'ajouter les flèches pour guider l'œil des utilisateurs. Il suffit de tracer une ligne d'une boîte à l'autre avec l'outil de diagramme et la ligne sera automatiquement corrigée et accrochée afin qu'elle ne chevauche aucune des cases. Ajouter une pointe de flèche est aussi facile que de taper simplement cette extrémité de la flèche. C' est donc une introduction aux outils Think Kit, et à la façon dont ils ont été utilisés jusqu'à présent. Dans la prochaine vidéo, nous allons aborder plus de détails sur la façon dont ces outils peuvent être utilisés. 3. Les fonctionnalités clés: Commençons par un outil de diagramme. L' une des choses les plus faciles que vous pouvez faire avec un outil de diagramme est de rendre un organigramme vraiment rapide. Ainsi, vous pouvez commencer simplement par déposer quelques rectangles, qui sont bien sûr automatiquement corrigés pour être de jolis carrés et rectangles. On peut ajouter des cercles et des triangles, quelques autres carrés. Utilisez ensuite l'outil de diagramme pour créer le flux réel à travers le graphique. Il vous suffit de tracer rapidement une ligne d'une à l'autre, puis de taper pour créer une pointe de flèche. Nous pouvons le faire tout au long du diagramme pour indiquer le flux de forme à forme et serpent autour du diagramme entier. Donc, maintenant nous avons notre organigramme et nous pouvons utiliser l'outil de remplissage pour ajouter un peu de couleur. Donc, il vous suffit de sélectionner l'outil de remplissage et de taper à l'intérieur de n'importe quelle forme intelligente et il remplira toute la forme avec cette couleur. Bien sûr, une partie importante des diagrammes sont les étiquettes. Ainsi, vous pouvez utiliser l'outil de diagramme pour créer facilement une écriture manuscrite qui ne sera pas reconnue comme des formes. C' est un bon moyen d'ajouter rapidement des informations à un graphique ou à un organigramme. Si vous le souhaitez, vous pouvez utiliser certains des outils essentiels originaux pour un look légèrement différent dans vos étiquettes d'écriture manuscrite. L' outil Couper peut être utilisé de différentes manières. Si vous voulez repositionner le graphique entier, vous pouvez simplement dessiner un lasso autour l'ensemble et le déplacer vers le centre de l'écran. Ou si vous voulez simplement ajuster la disposition d'un seul élément, vous pouvez taper sur la forme intelligente pour le faire apparaître et le replacer vers le bas sur la toile. Vous remarquerez dans cet organigramme que, bien que nous ayons corrigé les formes pour être de beaux rectangles carrés, cercles et triangles, nous avons laissé l'encre assez organique. La largeur du trait, comme certains de nos autres outils du kit Essentials, est basée sur la vitesse à laquelle vous dessinez. Donc, nous ne modifions pas ces aspects du trait lorsque nous avons corrigé ces belles formes, nous déplacons simplement le trait lui-même et la forme. C' était donc un exemple rapide d'utilisation de l'outil de diagramme pour créer un diagramme de flux simple, mais il y a beaucoup d'autres cas d'utilisation pour l'outil de diagramme. Vous pouvez l'utiliser pour créer rapidement un graphique à secteurs. Dessine ton cercle pour la tarte. Vous pouvez rectifier les lignes pour diviser les segments de tarte, puis les remplir de manière appropriée. Vous pouvez également utiliser l'outil de diagramme pour esquisser quelque chose comme la pyramide alimentaire et remplir chaque niveau avec une couleur différente représentant le type d'aliment dans ce niveau. Un autre exemple courant de diagramme est le diagramme de Venn. Vous pouvez facilement utiliser les cercles pour en créer un. Créez le premier, puis maintenez-le enfoncé pour le faire apparaître. Appuyez avec votre autre main pour le dupliquer, puis faites défiler la finale pour créer un diagramme Venn. Bien sûr, nous pouvons utiliser à nouveau l'outil de remplissage pour remplir les différentes zones représentant les différents quadrants du diagramme de Venn. L' outil de diagramme facilite la mise en page des formes et des structures de base de vos idées. Comme nous l'avons vu, il existe trois formes de base que l'outil de diagramme reconnaît. Vous avez des carrés et des rectangles, des triangles et des cercles ou des ovales. Ainsi, les formes que vous dessinez avec l'outil de diagramme que nous appelons les formes intelligentes parce que nous avons ajouté beaucoup de fonctionnalités pour les rendre beaucoup plus faciles à utiliser que d'encre normale. L' une des fonctionnalités les plus élémentaires des formes intelligentes est que vous pouvez les ramasser et les déplacer avec l'outil Couper. Si vous placez une forme intelligente au-dessus d'une autre forme intelligente existante, elles fusionnent. Vous pouvez voir l'animation qui indique cette action. Ensuite, quand vous essaierez de les ramasser à nouveau, ils seront ramassés ensemble. Une fois que vous avez fusionné deux formes intelligentes, vous ne pouvez pas les séparer, sauf en les annulant. Un bon exemple de l'utilisation de formes fusionnées est utile pour un Diagramme Venn. Ainsi, vous dessinez vos deux cercles, puis vous voulez déplacer le diagramme entier pour ajuster sa disposition sur le canevas. Vous pouvez toucher n'importe lequel d'entre eux avec l'outil Couper et le diagramme entier sera ramassé, vous permettant de le placer où vous le souhaitez. Une autre interaction entre les formes intelligentes est ce que nous appelons les imbriquer. Donc, disons que vous essayez de concevoir une interface utilisateur pour un site Web. Vous avez votre fenêtre de base et ensuite vous avez ces éléments à l'intérieur de cela. Nous imbriquons ces formes dans la fenêtre principale de sorte que si vous souhaitez ajuster la position de la fenêtre elle-même, les formes qu'elle contient seront déplacées avec elle. Donc, nous avons notre fenêtre principale que nous pouvons ajuster la disposition de, mais nous pouvons également toujours déplacer chaque forme imbriquée individuelle sans déplacer les autres. C' est vraiment génial pour faire des choses comme la conception d'une interface utilisateur, car vous pouvez ajuster le positionnement de chacun des sous-éléments sans avoir à ruiner ce que vous avez déjà créé avec certains des éléments d'interface utilisateur les plus importants. Lorsque vous avez affaire à des formes intelligentes, il est important de garder à l'esprit que les bordures sont l'aspect le plus important de la forme intelligente. Si vous utilisez l'outil d'effacement près de la bordure, faites attention car si vous vous approchez trop, vous remarquerez le flash de forme intelligente. indique que la forme intelligente a été détruite et que vous ne pouvez plus la ramasser en la touchant à l'aide de l'outil Couper ou en la remplissant en la tapant avec l'outil Remplir. Nous avons donc montré toutes les formes que vous pouvez créer avec l'outil de diagramme. Mais un aspect important de la communication visuelle de vos idées est d'indiquer une relation entre ces aspects de l'idée. Vous pouvez utiliser des connecteurs pour le faire très facilement. Au niveau le plus basique, vous pouvez simplement dessiner une ligne rapide d' une forme à une autre et il s'accroche aux points d'accrochage de cette forme. Vous pouvez le laisser tel quel, ou vous pouvez appuyer sur les pointes de flèche bleues avant qu'elles ne disparaissent pour ajouter des pointes de flèche et la couleur de votre encre à chaque extrémité. Les indicateurs de pointe bleue s'affichent automatiquement lorsque vous tracez une ligne d'une forme à une autre. Mais vous pouvez également les faire apparaître sur n'importe quelle ligne que vous créez avec un outil de diagramme simplement en le maintenant enfoncé à la fin. Ici, nous pouvons créer une flèche tourbillonnante et faire apparaître les pointes de flèche juste en maintenant enfoncé à la fin. Vous pouvez également profiter de l'outil de diagramme pour créer facilement des lignes droites, comme une paire d'axes pour dessiner un graphique. Il suffit de dessiner l'angle droit et de maintenir la touche à la fin et les axes se corrigent automatiquement à l'angle droit. Cet outil peut être extrêmement utile pour créer rapidement des axes pour un graphique à l'aide de l'outil Remplir pour créer les données. 4. Les outils en action: Le projet pour cette classe est de créer un diagramme montrant une habitude quotidienne. J' ai choisi de créer un diagramme circulaire qui indique la proportion de mon apport quotidien en liquide. Je vais créer un grand rectangle pour l'arrière-plan de mon diagramme. Ensuite, je vais créer le cercle pour le graphique et le positionner correctement dans le coin inférieur gauche. Je vais créer une grande boîte étroite pour le titre en haut, puis dans l'espace restant, une boîte pour la légende. Je vais remplir l'arrière-plan avec un gris clair. Ensuite, à l'aide de l'outil Diagramme, je vais créer mon titre dans la zone supérieure. Ensuite, parce que je l'ai fait un peu trop loin vers la gauche, je vais le découper avec l'outil Couper et le faire glisser plus vers le milieu. De retour avec l'outil Diagramme, je vais couper mon graphique à secteurs en créant des lignes droites du centre vers le périmètre. Je vais les remplir avec trois couleurs différentes de façon appropriée. Maintenant, je vais créer ma légende dans la boîte de droite. Je crée un carré, puis je le duplique trois fois pour qu'ils soient tous de la même taille. Je peux utiliser le sélecteur de couleurs ici pour saisir les couleurs que j'ai récemment utilisées et remplir les boîtes de manière appropriée. Ensuite, avec l'outil Diagramme, j'étiquetterai les trois portions de mes liquides quotidiens. Là, vous l'avez. 5. Conclusion: Donc, ce que nous avons fait aujourd'hui est de vous présenter au papier et comment contourner l'application elle-même, mais aussi trois nouveaux outils qui composent la pensée, diagramme, le remplissage et la coupe. Vous m'avez même vu utiliser ces trois outils et certaines des fonctionnalités que j'ai parcouru pour créer mon propre diagramme. Maintenant, c'est ton tour. Créez un diagramme sur votre habitude quotidienne et partagez-le dans la galerie de projets. J' ai vraiment hâte de voir ce que vous créez et les idées que vous partagez. Notre objectif, nous le pensons, est de rendre facile et fluide pour vous de communiquer visuellement vos idées. Alors, amusez-vous avec elle, et la pensée heureuse.