Spécifications de conception du programme WeChat Mini (5) Spécifications visuelles
5. Spécifications visuelles
Afin de faciliter la conception des concepteurs, WeChat fournit un ensemble de bibliothèques de contrôle de base pour la conception Web et les petits programmes que les développeurs peuvent également appeler facilement.
Adresse d'aperçu : https://weui.io
1. Spécifications de police
Les tailles de police courantes sont 20, 18, 17, 16, 14, 13, 11 (pt). :
L'utilisation des polices WeChat est cohérente avec les polices du système en cours d'exécution. En prenant la navigation comme exemple, les polices correspondantes pour iOS et Android sont les suivantes :
Navigation (iOS et Android)
Couleur de police
Le contenu principal est noir, le contenu secondaire est gris ; l'horodatage et la valeur par défaut du formulaire sont gris clair ; les grandes sections du contenu de description qui constituent le contenu principal sont semi-noires ;
Le bleu est la couleur des liens, le vert Pour compléter la couleur du texte, le rouge est la couleur utilisée pour les erreurs. Les états Appuyer et Désactiver réduisent la transparence à 20 % et 10 % respectivement
Texte standard sur les boutons en dehors de la liste
Utiliser lorsque la hauteur du bouton est de 44 pixels : couleur #000000 / #353535 taille de police 18 pts
Ajustez la transparence du texte à 60% à l'état cliquable
état non cliquable Ajustez la transparence du texte inférieur à 30%- Le texte sur le bouton en dehors de la liste est standard
À utiliser lorsque la hauteur du bouton est de 25 px : couleur #000000 / #353535, taille de police 14pt
Texte standard sur les boutons linéaires de la page
À utiliser lorsque la hauteur du bouton est de 35px : couleur #09BB07 / #353535, taille de police 16pt
5. Principe d'utilisation des icônes
