Structure de l’interface utilisateur Office
Utilisez Structure de l’interface utilisateur Office pour concevoir et créer des compléments ainsi que des applications web qui s’intègrent aux hôtes Office.
Dernière modification : samedi 5 décembre 2015
S’applique à : Office 365 | Office Add-ins | SharePoint Add-ins
Structure est une infrastructure frontale mobile et réactive qui vous permet de créer des expériences web à l’aide du langage de conception Office. Si vous créez un complément ou que vous ajoutez des fonctionnalités à un complément existant, vous pouvez utiliser Structure pour effectuer une intégration en toute transparence dans les applications hôtes Office.
Avec Structure, vous pouvez :
normaliser les modèles d’interface utilisateur en code via le langage HTML courant, CSS, les thèmes, l’iconographie et les modèles ;
appliquer un jeu de styles courant aux compléments développés pour l’ensemble de produits et de plateformes ;
créer des expériences de qualité Office.
Pour prendre en main Structure, clonez le référentiel de la structure de l’interface utilisateur Office sur GitHub. Consultez également le site web interactif Office UI Fabric pour obtenir des détails sur la prise en main, ainsi que sur les styles et les composants disponibles.
Concevoir avec Structure
Tirez profit des fonctionnalités de Structure pour concevoir des compléments de premier ordre. Avec Structure, vous disposez des éléments suivants :
Une palette permettant de créer une expérience Office 365, le tout dans un fichier .zip. |
Des fonctionnalités et composants officiels Office 365, provenant de produits comme SharePoint, Outlook Web App et OneDrive. |
Des couleurs améliorées pour vous permettre d’harmoniser votre expérience avec les applications Office. |
Des animations qui donnent vie à votre expérience. |
Des composants conformes au modèle Office 365. |
Une grille réactive pour améliorer la fluidité et l’apparence de votre contenu sur l’ensemble des appareils. |
Fonctionnalités et composants de Structure
Structure inclut des fonctionnalités et des composants pour des éléments courants de vos compléments, et permet une personnalisation avancée.
Fonctionnalités |
Composants courants |
Composants spécialisés |
|---|---|---|
Typographie Couleur Icônes Animations Grille réactive Localisation |
Boutons Listes déroulantes Cases d’option Cases à cocher Champs de formulaire Zones de recherche Boutons bascule Champs de texte |
Listes Boîtes de dialogue (avec superposition) Légendes Barres de navigation Champs dynamiques Personnage Tableaux |
Créer avec Structure
Créez avec Structure pour obtenir une expérience simple et personnalisable qui s’intègre à vos autres structures.
Semblable aux autres structures connues, mais entièrement créé pour Office 365 sans remplacement excessif. |
Tout est une question de style, plutôt que de JavaScript. Ainsi, vous pouvez vous concentrer sur l’apparence. |
Intégration avec d’autres structures, comme Bootstrap. |
Noms de classe uniques pour éviter les conflits. |
Conception simple pour permettre une personnalisation avancée. |
Prise en charge linguistique (notamment la lecture de la droite vers la gauche) pour simplifier la localisation. |