Sauter les liens

Conception et adaptation de mises en page

2.2 Conception et adaptation des mises en page

Dans ce chapitre, nous allons examiner en détail comment créer des modèles attrayants et fonctionnels pour vos bases de données FileMaker. Nous allons passer en revue, étape par étape, l'utilisation des thèmes et des styles, le travail avec des objets tels que les rubriques, les textes et les boutons, l'utilisation des outils et des techniques de modification des modèles, ainsi que l'utilisation des images et des graphiques.

Vidéo d'introduction aux thèmes et styles dans FileMaker

La vidéo suivante présente brièvement les thèmes et les styles dans FileMaker, ainsi que la manière d'aligner, de regrouper et de fixer des objets dans le modèle à l'aide de l'inspecteur.

1. utilisation de thèmes et de styles

Étape 1 : Choisir un thème pour votre mise en page

Un thème est un ensemble d'options de mise en forme prédéfinies que vous pouvez appliquer à votre modèle afin d'en optimiser l'aspect et la convivialité. FileMaker propose un grand nombre de thèmes que vous pouvez utiliser directement.

  1. Passez en mode mise en page: Cliquez dans le menu sur Affichage > Mode de mise en page ou utilisez la combinaison de touches Cmd + L (macOS) ou Ctrl + L (Windows).
  2. Choisir un thème: En mode mise en page, allez sur Layouts > Modifier le design. Sélectionnez un thème dans la liste. Vous pouvez immédiatement voir comment la mise en page est modifiée par le nouveau thème.
  3. Adaptation du thème: vous pouvez adapter les paramètres prédéfinis d'un thème. Par exemple, si vous n'aimez pas les couleurs ou les polices de caractères, adaptez-les en utilisant le Inspecteur sur la page. Les modifications sont immédiatement appliquées à la mise en page.

Étape 2 : Travailler avec des styles

Les styles vous permettent de modifier l'apparence d'objets individuels tels que les champs ou les boutons.

  1. Appliquer un style: sélectionnez un objet (par ex. un champ ou un bouton) et ouvrez le Inspecteur. Sous l'onglet Présentation vous pouvez choisir des styles prédéfinis ou créer les vôtres.
  2. Créer et enregistrer des styles: Pour créer un nouveau style, adaptez les propriétés de l'objet (par ex. police, cadre, remplissage) et cliquez sur Enregistrer le style. Vous pouvez ensuite appliquer ce style à d'autres objets.
  3. Changements globaux: Si vous modifiez le style, tous les objets qui utilisent ce style sont automatiquement mis à jour. Ceci est particulièrement utile si vous souhaitez appliquer les modifications de design de manière cohérente à toutes les mises en page.
Design 'Classique' dans le logiciel ERP gFM-Business
Design 'Classique' dans le logiciel ERP gFM-Business

2. travailler avec des objets : Champs, textes, boutons

Étape 1 : Insérer des rubriques dans un modèle

Les rubriques sont des éléments centraux de tout modèle, car elles permettent d'afficher et de saisir les données de votre base de données.

  1. Ajouter un champ: Faites glisser un champ de la Liste des champs ou le Palette d'objets dans la mise en page. Positionnez-le là où vous en avez besoin.
  2. Formater le champPersonnalisez l'apparence du champ en sélectionnant dans l'Inspecteur sous Présentation définir la police, les couleurs et les marges. Vous pouvez également ajouter des textes de remplacement pour donner aux utilisateurs des indications sur les données à saisir.
  3. Champs interactifs: utilisez des options avancées telles que des listes déroulantes ou des cases à cocher pour améliorer l'expérience utilisateur. Vous trouverez ces options dans le Inspecteur sur Données.

Étape 2 : ajouter des textes

Les textes servent à étiqueter les champs ou à fournir des instructions au sein du modèle.

  1. Insérer un objet texte: Sélectionnez dans la Palette d'objets l'outil Texte et cliquez dans la mise en page pour ajouter une zone de texte. Saisissez le texte souhaité.
  2. Mettre en forme le texte: Utiliser le Inspecteurpour ajuster la police, la taille, la couleur et d'autres styles de texte. Placez le texte à un endroit logique pour faciliter le guidage de l'utilisateur.
  3. Textes dynamiquesAjouter des textes dynamiques en cliquant sur "Ajouter des textes dynamiques". Insertion > Champ de fusion et sélectionner un champ dont la valeur doit être affichée dans le texte.

Étape 3 : Créer des boutons

Les boutons permettent aux utilisateurs d'interagir avec la base de données en déclenchant des actions.

  1. Ajouter un bouton: Sélectionnez dans la Palette d'objets l'outil Bouton et cliquez dans la mise en page pour placer un bouton. Vous pouvez écrire un texte sur le bouton ou utiliser une image.
  2. Attribuer une actionAttribuer une action ou un script au bouton. Pour cela, sélectionnez dans le Inspecteursur Action pour sélectionner le script ou la fonction souhaitée.
  3. Personnaliser le style: personnalisez l'apparence du bouton en choisissant dans le Inspecteur personnaliser les couleurs, les bordures et les remplissages. Vous pouvez également créer un bouton qui change lorsqu'on appuie dessus, afin de donner un retour visuel à l'utilisateur.

Module de développement ERP intégré avec protocole de mise en page

Plus d'informations
Logiciel ERP professionnel

3. outils et techniques d'édition de la mise en page

Étape 1 : Aligner et répartir les objets

L'alignement et la répartition précis des objets sont importants pour créer une mise en page ordonnée et professionnelle.

  1. Utiliser des outils d'alignementSélectionnez plusieurs objets et utilisez les options d'alignement de la barre d'outils pour les aligner sur les bords gauche, droit, supérieur ou inférieur. Cela permet d'obtenir une mise en page propre et symétrique.
  2. Distribuer des objets: utilisez les options de répartition pour créer des espaces égaux entre plusieurs objets. C'est particulièrement utile si vous souhaitez disposer uniformément une série de champs ou de boutons.
  3. Afficher les lignes auxiliaires et la grilleActivez les lignes d'aide et la grille en cliquant sur Affichage > Lignes directrices et grillepour obtenir une aide visuelle lors du placement des objets. Ces aides vous aident à positionner les objets avec précision.

Étape 2 : Regrouper et verrouiller des objets

Le regroupement et le verrouillage d'objets facilitent l'édition de mises en page complexes.

  1. Regrouper des objets: sélectionnez plusieurs objets et choisissez Disposer > Grouperpour les regrouper en une seule unité. Cela est utile si vous souhaitez déplacer ou formater plusieurs objets en même temps.
  2. Utiliser le contrôle des calquesAjustez l'ordre des objets en les déplaçant vers l'avant ou l'arrière. Pour ce faire, utilisez les commandes Disposer > Au premier plan ou En arrière-plan.
  3. Bloquer des objetsSi vous voulez être sûr qu'un objet conserve sa position et sa taille, verrouillez-le en cliquant sur Disposer > Verrouiller. Les objets verrouillés ne peuvent pas être déplacés ou modifiés par inadvertance.

gFM-Business Open Source FileMaker ERP de base

Le logiciel du cours accéléré

Télécharger gratuitement
ERP open source basé sur Claris FileMaker

4. utilisation d'images et de graphiques

Étape 1 : Insérer des images dans les mises en page

Les images confèrent un attrait visuel à vos mises en page et peuvent être utilisées à différentes fins, par exemple pour créer une marque ou comme éléments fonctionnels.

  1. Ajouter un objet image: sélectionnez l'outil image dans la Palette d'objets et cliquez dans la mise en page pour insérer une image. Vous pouvez sélectionner l'image à partir d'un fichier ou la télécharger dans une rubrique Conteneur.
  2. Ajuster la taille et la position de l'image: ajustez la taille et la position de l'image à l'aide des outils dans le Inspecteur pour s'assurer qu'elle s'intègre bien dans la mise en page. Vous pouvez également recadrer ou redimensionner l'image pour qu'elle s'adapte mieux à vos besoins.
  3. Utiliser des images comme boutonsVous pouvez également utiliser les images comme boutons en leur attribuant des actions. C'est un excellent moyen de créer des mises en page interactives qui sont visuellement attrayantes et fonctionnelles.

Étape 2 : Graphiques pour la visualisation des données

Les graphiques sont idéaux pour visualiser des données complexes de manière simple.

  1. Insérer des graphiques: Aller à Insertion > Diagramme et choisissez le type de graphique qui convient le mieux à vos données. Vous pouvez utiliser des graphiques à barres, des graphiques linéaires, des graphiques circulaires et bien plus encore.
  2. Définir la source de donnéesSélectionnez les champs de données qui doivent être représentés dans votre graphique. Il peut s'agir de champs de la table actuelle ou de champs calculés représentant des valeurs spécifiques.
  3. Formater le diagramme: Utiliser le Inspecteurpour personnaliser les couleurs, les étiquettes des axes et d'autres propriétés du graphique. Cela permet de rendre le graphique clair et informatif.

Étape 3 : Utiliser les icônes et les symboles

Les icônes et les symboles sont des éléments visuels utiles qui peuvent transmettre rapidement des informations et simplifier la navigation dans votre base de données.

  1. Insérer des icônes: sélectionnez l'outil icône ou ajoutez une icône en tant qu'objet image. Vous pouvez utiliser des icônes prédéfinies ou télécharger vos propres graphiques qui soulignent l'objectif de votre mise en page.
  2. Utilisation des icônesLes icônes peuvent être utilisées pour identifier des fonctions telles que "Enregistrer", "Supprimer" ou "Modifier". Ils rendent la mise en page plus intuitive et plus conviviale, car les symboles sont universellement compréhensibles.
  3. Style d'icônesComme pour d'autres objets, vous pouvez utiliser des icônes et des symboles dans le Inspecteur personnaliser les icônes. Assurez-vous que la taille et la couleur des icônes correspondent au reste de votre mise en page.

Quatre plateformes ERP FileMaker pour des processus opérationnels optimaux.

Demander des informations
Logiciel ERP professionnel

Foire aux questions

  • Comment utiliser les thèmes dans FileMaker pour personnaliser l'apparence de mes modèles ?
    • Dans FileMaker, vous pouvez utiliser des thèmes pour personnaliser rapidement l'aspect visuel de vos modèles. Les thèmes sont des modèles de conception prédéfinis qui définissent les couleurs, les polices et le formatage des rubriques, boutons et autres objets du modèle. Pour utiliser ou modifier un thème, passez en mode Modèle et choisissez "Modèles" > "Modifier le thème" dans le menu. Vous pouvez choisir le thème qui convient à votre application et l'appliquer à tous les modèles afin de garantir une apparence cohérente.
  • En quoi les styles diffèrent-ils des thèmes et comment puis-je utiliser les styles dans ma mise en page ?
    • Les styles sont des mises en forme spécifiques qui peuvent être appliquées à des objets de mise en page individuels, tels que des rubriques, des boutons ou des textes. Alors que les thèmes définissent le design global, les styles offrent un contrôle détaillé sur l'apparence des éléments individuels. Vous pouvez modifier le style d'un objet dans l'inspecteur sous "Apparence" ou enregistrer un style personnalisé. L'utilisation de styles vous aide à maintenir la cohérence entre différents objets de mise en page et vous permet d'appliquer rapidement des modifications à plusieurs objets.
  • Comment modifier les rubriques, les textes et les boutons d'un modèle ?
    • En mode Modèle, vous pouvez sélectionner des rubriques, du texte et des boutons et ajuster leur taille, leur position et leur formatage. Lorsque vous sélectionnez un objet, vous pouvez le déplacer ou le redimensionner à l'aide des poignées situées sur l'objet. La barre d'inspection vous permet de personnaliser l'apparence, notamment la police, la couleur et la bordure. Vous pouvez également définir des actions pour les boutons, par exemple l'exécution d'un script lorsqu'on clique dessus.
  • Comment insérer de nouvelles rubriques dans un modèle ?
    • Pour ajouter une nouvelle rubrique, passez en mode mise en page et cliquez sur "Ajouter une rubrique" dans la barre de rubriques. Sélectionnez la rubrique souhaitée dans le tableau sous-jacent et placez-la sur le modèle. Vous pouvez ensuite personnaliser davantage la rubrique en modifiant sa taille et sa position et en personnalisant son apparence à l'aide de styles. La barre de rubriques affiche toutes les rubriques de la table sous-jacente, ce qui vous permet d'accéder rapidement aux données pertinentes.
  • Comment travailler efficacement avec plusieurs objets sur un layout ?
    • Vous pouvez sélectionner plusieurs objets en même temps en traçant un cadre de sélection autour des objets avec la souris ou en maintenant la touche Maj enfoncée et en cliquant sur les objets. Une fois que plusieurs objets sont sélectionnés, vous pouvez les déplacer ensemble, les redimensionner ou les aligner les uns par rapport aux autres. Vous pouvez également aligner les objets dans le menu "Alignement" ou définir des distances égales dans l'Inspecteur afin de créer une mise en page propre.
  • Comment puis-je aligner et ajuster les objets dans ma mise en page ?
    • FileMaker propose différents outils d'alignement et de positionnement des objets. En mode Modèle, l'option Alignement vous permet d'aligner la position des objets sur les bords ou au centre du modèle. L'inspecteur affiche des positions et des tailles précises, ce qui vous permet d'aligner les objets au millimètre près. Vous pouvez également utiliser des guides et des grilles pour contrôler visuellement le placement des objets et garantir une conception uniforme.
  • Comment utiliser les images et les graphiques dans mes mises en page ?
    • Vous pouvez insérer des images et des graphiques dans vos mises en page afin d'en améliorer l'aspect visuel. En mode mise en page, vous pouvez ajouter un graphique via "Insertion" > "Image" et le placer dans la mise en page. Les images peuvent être utilisées à la fois comme éléments décoratifs et comme images d'arrière-plan. Vous pouvez ajuster le format de l'image dans l'inspecteur, par exemple si l'image doit être étirée, redimensionnée ou affichée dans son rapport original.
  • Comment concevoir une mise en page pour les appareils mobiles tels que l'iPhone ou l'iPad ?
    • Lorsque vous créez un modèle pour FileMaker Go (la version mobile de FileMaker), vous devez utiliser des modèles spéciaux optimisés pour les appareils mobiles en mode Modèle. Ces modèles comportent des boutons plus grands, une navigation plus simple et sont conçus pour une utilisation tactile. Vous pouvez également utiliser le zoom en mode mise en page pour simuler la manière dont la mise en page s'affiche sur un appareil mobile. Il est important de respecter les principes du responsive design pour s'assurer que votre mise en page s'affiche bien sur différentes tailles d'écran.
  • Puis-je créer des boutons personnalisés pour des actions spécifiques ?
    • Oui, vous pouvez créer des boutons personnalisés dans FileMaker pour effectuer différentes actions. En mode Modèle, vous pouvez insérer un bouton depuis la barre d'outils, le placer sur le modèle, puis lui attribuer une action ou un script. Vous pouvez par exemple demander au bouton de créer un nouvel enregistrement, d'effectuer une recherche ou de diriger l'utilisateur vers un autre modèle. Les boutons peuvent également être personnalisés à l'aide d'icônes et de texte.
  • Comment améliorer les mises en page avec des icônes et des symboles personnalisés ?
    • Vous pouvez ajouter des symboles et des icônes personnalisés aux boutons et autres objets de mise en page afin de rendre l'interface utilisateur plus attrayante. En mode mise en page, vous pouvez sélectionner une forme de bouton dans l'inspecteur et y ajouter une icône. Vous pouvez également télécharger vos propres icônes et les intégrer à vos créations. Les icônes permettent de guider visuellement les utilisateurs et de faciliter l'utilisation de votre application.
  • Comment travailler avec les outils d'édition de mise en page tels que l'inspecteur, la grille et les lignes de guidage ?
    • La barre d'outils de l'Inspecteur dans FileMaker est un outil central pour la modification et la conception de modèles. Dans l'inspecteur, vous pouvez contrôler la position, la taille, le formatage et l'interactivité des objets. En outre, vous pouvez activer des grilles et des guides en mode Modèle afin d'aligner les objets avec précision. Ces outils vous aident à concevoir des mises en page cohérentes et à vous assurer que tous les éléments sont parfaitement agencés.
  • Puis-je dupliquer des mises en page et les utiliser comme modèles pour d'autres mises en page ?
    • Oui, vous pouvez dupliquer des modèles dans FileMaker afin de gagner du temps et d'assurer la cohérence entre les modèles. En mode Modèle, choisissez le menu " Modèles " > " Gérer le modèle ", puis le modèle souhaité et cliquez sur " Dupliquer ". Vous pouvez alors modifier et adapter la mise en page dupliquée sans modifier la mise en page originale. Cela est particulièrement utile si vous souhaitez créer des mises en page similaires pour différents tableaux de données.
2.2 Conception et adaptation des mises en page

Partager cette page :

Un logiciel ERP aussi flexible que votre entreprise.
Nous nous ferons un plaisir de vous conseiller.

Logiciel ERP personnalisable pour Mac, Windows et iOS.

Vous êtes ici : Création et adaptation de mises en page