Dans quelle partie du processus de conception créez-vous un guide de style?
Pour moi, je conçois généralement un tas de maquettes haute fidélité pour voir ce qui semble le mieux, puis je commence à adapter les composants à un guide de style. Y a-t-il des gens ici qui ont réellement conçu le système à l'avance? Je suis curieux de savoir comment vous gérez ce processus.
Je pense qu'il y a 2 réponses différentes à cette question:
1. Si vous utilisez un framework d'interface utilisateur comme Material Design ou Bootstrap: Dans ce cas, généralement, je lis la documentation et choisis les composants d'interface utilisateur utiles pour mon projet. Après cela, nous avons besoin d'une modification de ce cadre. C'est là que je commence habituellement à esquisser de nouveaux composants et ...
2. Si vous êtes seul: Dans ce cas, je fais ce que vous avez dit. Concevez quelques pages pour montrer mon goût sur ce projet. Après cela, je commence à terminer les composants lors de la conception des pages. Dans ce cas, vous créez un kit d'interface utilisateur. Pages Déterminez comment les composants doivent être conçus. Après avoir conçu certaines pages, votre kit est prêt à être utilisé pour le reste du projet! mais ce n'est pas la fin et le kit changera pendant le projet!
Dans mon cas, je conçois les modèles avec 2-3 options et les fais approuver par les parties prenantes (responsable créatif, équipe marketing, commerciale et développeurs),
une fois que cela a été approuvé, je crée un système de conception pour l'entreprise, puis nous utiliserons les mêmes composants pour créer les autres écrans.
D'après mon expérience, si vous partez de zéro, c'est-à-dire qu'il n'y a pas de limitations techniques, de modèles existants que vous utilisez (conception de matériaux), c'est quelque chose que j'ai tendance à faire en tandem avec les conceptions.
Comme je crée des pages, je crée simultanément un système de conception - si vous utilisez correctement Sketch en utilisant des symboles, beaucoup de travail est fait pour vous dans la page des symboles lorsque vous créez des boutons, des couleurs, des composants, etc. Cela peut être le fondement de votre guide de style.
Un guide de style est une entité vivante et change beaucoup avec le développement du produit, donc le créer en tandem aide à mon avis. Il y aura un travail continu après pour le finir sans aucun doute.