web-dev-qa-db-fra.com

Quelle est la principale différence entre un KIT UI et un guide de style?

Nous travaillons sur la documentation de la conception visuelle et je voulais savoir: quelle est la principale différence entre un I KIT et un styleguide?

Est-ce la différence entre eux que le styleguide inclut les directives de conception et les meilleures pratiques et que le I KIT montre simplement les différents composants et leurs comportements?

Ou est-ce que les deux sont juste 2 façons de documenter la même chose mais avec des noms différents?

1
OrangeJuice

La différence entre les deux réside-t-elle dans le fait que le guide de style comprend des directives de conception et des meilleures pratiques et que le KIT UI montre simplement les différents composants et leurs comportements?

À peu près.

Un kit d'interface utilisateur est une collection de composants, interactifs (javascript) ou statiques (photoshop), à partir desquels une interface utilisateur peut être composée. Balsamiq fournit un kit d'interface utilisateur.

Les guides de style peuvent, mais pas nécessairement, faire référence à un kit d'interface utilisateur spécifique (c'est-à-dire une implémentation). Ils peuvent inclure des conseils ("ne vous fiez pas au double-clic car ceux-ci ne sont pas intuitifs sur mobile"), des directives sur la composition, l'espace blanc, la palette de couleurs, etc.

Pour donner un exemple, Material Design est un guide de style, tandis que material-ui est un kit d'interface utilisateur qui adhère au guide.

D'autre part, les directives de conception iOS d'Apple font des références spécifiques au propre kit d'interface utilisateur d'Apple.

Piège terminologique - Attention, le mot style en relation avec l'interface utilisateur décrit souvent la couche de présentation uniquement et traite moins avec interaction. Pour certains, "les utilisateurs peuvent glisser l'interrupteur" ne constituera pas un guide de style, mais plutôt une ligne directrice de conception.

2
Izhaki