Structure de l’interface utilisateur Office

Office and SharePoint Add-ins

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.

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é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.

Afficher: