«… Est-ce une
situation familière? J'en suis tellement sûr, surtout lorsque vous travaillez en équipe avec d'autres designers. Habituellement, vous devez créer plusieurs versions différentes de fichiers, dont le nombre dépend du projet, des modifications et d'autres facteurs, et le mal de tête est de comprendre toutes ces versions.
Dans l'article, je parlerai des options de contrôle de version les plus pertinentes et utilisées, à savoir: Zeplin (+ Sketch), Figma, Abstract (+ Sketch), c'est-à-dire que je décrirai les fonctions et caractéristiques de ces outils liées spécifiquement au versionnage.
Pourquoi le contrôle de version est important et nécessaire dans la conception
- , , . : , ;
- , ( ) , «project1», «project1.1», «project_1», «project1_lastVersion» . ( ), ;
- ;
- Il ressort du paragraphe précédent que lorsqu'on travaille ensemble, il est important de comprendre qui exactement et à quel moment les modifications ont été apportées, et ce qu'elles sont.
Ce ne sont là que quelques situations où l'utilisation d'un système de contrôle de version peut accélérer le processus de développement et éviter de s'arrêter le cœur quand il semble que tout a disparu. Ensuite, je parlerai des avantages et des inconvénients des outils de contrôle de version que j'ai dû gérer dans mon travail.
Zeplin + croquis
Le plus simple à utiliser est Zeplin. Pour l'utiliser, le concepteur doit simplement enregistrer les modifications dans le fichier Sketch de travail et exporter les plans de travail de Sketch vers Zeplin. Les plans de travail seront affichés dans Zeplin, ils peuvent être regroupés en sections, afficher les styles d'éléments, télécharger des icônes, des images, etc., ainsi que former un guide de style, qui se compose d'une palette de couleurs, de styles de texte, de distances entre les éléments, de composants / symboles.
Les avantages de l'utilisation de Zeplin sont les suivants:
- Comme indiqué précédemment, facilité d'utilisation - il vous suffit d'exporter le plan de travail sélectionné;
- Capacité à commenter les plans de travail;
- Les notifications de commentaires qui arrivent dans l'e-mail et sont affichées
dans Zeplin lui-même; - La possibilité de créer 1 projet gratuitement et d'ajouter autant de participants que nécessaire.
Comme tout outil, Zeplin a ses inconvénients:
- Lors de la modification d'un plan de travail dans Sketch précédemment exporté vers Zeplin, vous devez faire attention à son nom. Les plans de travail du même nom se remplacent automatiquement lors de l'exportation, cependant, si le nom du plan de travail exporté diffère de celui précédemment chargé dans Zeplin, ce plan de travail est exporté vers l'application en tant que nouveau et ne remplacera pas la version obsolète. L'inattention lors de l'exportation des plans de travail peut prendre du temps pour vérifier que les noms des plans de travail correspondent;
- Sketch Zeplin , . (), , ( ), , Sketch-, ;
- ,
Zeplin; - , , ;
- Zeplin , , Zeplin ;
- Sketch Zeplin owner.
Figma
Figma est activement introduit dans le travail des designers en raison de sa fonctionnalité attrayante. Cet outil est universel - ici vous pouvez trouver la conception, le prototypage et le contrôle de version.
Que peut-il faire en termes de gestion des versions?
- Figma prend en charge le travail simultané de plusieurs designers sur le même projet. Après avoir ouvert le projet requis, l'utilisateur peut voir les noms des collègues qui effectuent des modifications et visualisent le projet à côté du plan de travail / des éléments individuels;
- Historique des versions (ou version de l'historique), afin que vous puissiez voir qui a apporté des modifications et quand, revenir à une version antérieure et modifier les informations sur la version sélectionnée;
- Commentaires, description des composants;
- Figma peut être utilisé comme application sur un PC et dans un navigateur.
Figma a trop peu d'inconvénients, mais les principaux sont:
- L'historique des versions (les mêmes informations sur la gestion des versions) dans un compte gratuit n'est fourni que pendant 30 jours;
- Il n'y a pas de modes de comparaison comme dans Abstract.
Abstrait + croquis
Abstract, comme Zeplin, fonctionne avec Sketch et est spécifiquement destiné au versionnage,
contrairement à Figma par exemple.
Résumé a suffisamment d'avantages:
- Collaboration de plusieurs designers sur un seul fichier en même temps;
- Stockage de fichiers dans le cloud;
- Utilisez à la fois comme programme installé sur MacOS et dans un navigateur
sur n'importe quel PC; - Travail synchronisé avec les membres de l'équipe, ce qui vous permet d'envoyer les
modifications apportées à la révision. Les modifications peuvent être acceptées ou rejetées; - Possibilité de laisser des commentaires et des annotations, recevoir des notifications à leur sujet;
- La possibilité de comparer des fichiers entre eux - Abstract propose 2 modes de comparaison;
- Flux d'activité, qui vous permet de voir qui a changé quoi et quand.
Parmi les inconvénients, je soulignerais les suivants:
- Utilisation payante. Abstract fournit un essai gratuit (seulement 30 jours pour une utilisation avec Sketch) et une démo de 14 jours pour Adobe XD. Mais ce temps est suffisant pour se familiariser avec l'instrument, travailler avec l'équipe et comprendre si Abstract est pratique ou non;
- Pour le moment, une version complète pour le travail n'est fournie que pour Sketch + Abstract, c'est-à-dire qu'elle convient à MacOS. Comme mentionné précédemment, Abstract se développe
vers Adobe XD, mais jusqu'à présent, seule une version bêta est disponible.
Que choisir pour le contrôle de version
Cela dépend de l'outil dans lequel le concepteur travaille sur le projet. J'utilise à la fois Sketch et Figma dans mon travail. Cependant, après avoir considéré 3 options de contrôle de version différentes, à savoir Sketch + Zeplin, Figma, Sketch + Abstract, je trouve que Abstract est la plus fonctionnelle, donc j'envisagerai la gestion des versions plus en détail.
La tablette est-elle abstraite?
Abstract est une sorte de GitHub pour les designers. Le principe de fonctionnement est que le concepteur charge un fichier Sketch précédemment créé dans Abstract (ce fichier est un fichier maître, c'est-à-dire qu'il contient les plans de travail / éléments les plus pertinents et des informations sur le projet). Plusieurs concepteurs peuvent travailler sur un fichier maître en même temps. Pour être plus précis, chaque concepteur travaille dans sa propre copie (branche) du fichier maître. Une fois terminé, la branche doit être validée dans Abstract. La validation d'une branche est un must, car c'est la seule façon d'enregistrer les modifications apportées à la branche et de les ajouter à Abstract. La validation n'affectera en aucune façon le contenu du fichier maître jusqu'à ce que la fusion se produise (en d'autres termes, fusion). Vous pouvez fusionner non seulement une branche avec un fichier maître, mais également une branche avec une branche.
Dans Abstract, comme dans Zeplin et Figma, vous pouvez afficher les styles d'éléments, ainsi que la possibilité de télécharger des icônes et des images utilisées.
De plus, la section Propriétés montre quel style l'élément sélectionné est actuellement dans le fichier maître, et quel style est l'élément identique mais modifié dans le commit actuellement affiché.
Un fichier maître peut contenir plusieurs plans de travail. Lors des modifications, toutes les modifications sont enregistrées en arrière-plan. Il vous suffit de valider la branche avec laquelle le concepteur a travaillé et toutes les modifications seront reflétées dans Abstract. Les plans de travail modifiés ou les éléments modifiés individuels sont signalés par l'icône Modifié. Grâce à cela, le concepteur n'a pas besoin de créer un grand nombre de fichiers avec différentes versions du projet, car tout est clairement enregistré et affiché au même endroit.
Comme mentionné précédemment, Abstract fournit des modes de comparaison.
Le premier mode de comparaison est côte à côte - lorsque le plan de travail du fichier maître et le plan de travail modifié de la branche sont situés l'un à côté de l'autre.
Le mode de comparaison suivant est la superposition - lorsque le plan de travail du fichier principal et le plan de travail modifié de la branche sont superposés et que toutes les modifications sont affichées sur un fond blanc.
En plus de ce qui précède, Abstract a d'autres fonctions utiles, par exemple, vous pouvez synchroniser des bibliothèques Sketch, créer des collections - des ensembles de plans de travail que vous devez présenter à vos collègues.
Le flux d'activité contient les modifications apportées, les commentaires, la création de branches, les validations, les fusions et autres mises à jour. Il montre qui, quand et ce qui a exactement changé, ajouté, commenté, approuvé ou désapprouvé, fusionné, etc.
Zeplin, Figma et Abstract permettent de travailler plus rapidement et plus facilement sur des projets non seulement pour les concepteurs, mais pour tous les membres de l'équipe. Mais les plus réussis, à mon avis, sont Figma et Abstract (Résumé dans une plus grande mesure en raison de la fonctionnalité et du contenu de l'information en termes de contrôle de version). En les utilisant, les membres de l'équipe n'ont pas besoin de passer beaucoup de temps sur les réunions, les discussions de chat afin de savoir quelles modifications ont été apportées aux mises en page et où ils doivent regarder pour les voir. L'utilisation du contrôle de version sous n'importe quelle forme améliore la collaboration entre les membres de l'équipe, améliore la compréhension du projet et, au mieux, accélère le développement.
Dans cet article, j'ai considéré loin de toutes les options de contrôle de version existantes dans la conception, mais les plus célèbres et les plus couramment utilisées. Si une équipe de plusieurs concepteurs travaille sur un projet, cela vaut la peine d'envisager la gestion des versions dans Abstract ou Figma, et Zeplin est plus adapté pour un travail unique, lorsque vous n'avez pas besoin de collaborer et de travailler simultanément avec d'autres collègues sur le même fichier. Quoi qu'il en soit, cela ne fait pas de mal d'essayer chacun de ces outils.