Lisez ce billet de blog pour apprendre à créer un beau formulaire sans utiliser de logiciel de conception professionnel, pour savoir à quoi ils servent.

Les documents à remplir ne sont pas toujours des contrats, des questionnaires ou des formulaires destinés à des organismes publics. Il est également possible de créer des formulaires visuellement agréables. Lisez ce billet de blog pour apprendre à créer un beau formulaire sans utiliser de logiciel de conception professionnel, pour savoir à quoi ils servent et où trouver des formulaires prêts à l&#8217;emploi.
<img decoding="async" loading="lazy" class="alignnone wp-image-35296" src="https://static-blog.onlyoffice.com/wp-content/uploads/2022/07/Blog_how_to_create_beautiful_forms_with_OFORMs-1024x516.jpg" alt="When design matters: how to create beautiful forms with OFORMs" width="736" height="371" srcset="https://static-blog.onlyoffice.com/wp-content/uploads/2022/07/Blog_how_to_create_beautiful_forms_with_OFORMs-1024x516.jpg 1024w, https://static-blog.onlyoffice.com/wp-content/uploads/2022/07/Blog_how_to_create_beautiful_forms_with_OFORMs-300x151.jpg 300w, https://static-blog.onlyoffice.com/wp-content/uploads/2022/07/Blog_how_to_create_beautiful_forms_with_OFORMs-768x387.jpg 768w, https://static-blog.onlyoffice.com/wp-content/uploads/2022/07/Blog_how_to_create_beautiful_forms_with_OFORMs-634x320.jpg 634w, https://static-blog.onlyoffice.com/wp-content/uploads/2022/07/Blog_how_to_create_beautiful_forms_with_OFORMs-353x178.jpg 353w, https://static-blog.onlyoffice.com/wp-content/uploads/2022/07/Blog_how_to_create_beautiful_forms_with_OFORMs.jpg 1472w" sizes="(max-width: 736px) 100vw, 736px" /> 
<h2>Que sont les formes de design ?</h2>
Tout d&#8217;abord, il convient de comprendre la différence entre les formulaires standard et les formulaires avec design. Les formulaires à remplir sont généralement utilisés pour les contrats de vente, les baux de location ou les offres d&#8217;achat. Ces documents contiennent du texte avec des champs à remplir, de petites images, des formes et des diagrammes. Souvent, ces documents sont créés dans Microsoft Office avec la fonction de contrôle du contenu ou dans Adobe avec les champs interactifs.
Les formulaires avec un design ne contiennent habituellement pas beaucoup de texte. En revanche, ils sont principalement composés d&#8217;images d&#8217;arrière-plan, de figures, de tableaux et de textes ou d&#8217;arts textuels. Ce sont les catégories où ces formulaires peuvent être utiles :
<ul>
<li>Planification (check-lists, horaires quotidiens, plans de repas, listes de courses) ;</li>
<li>Productivité (formulaires &#8220;5 pourquoi&#8221;, objectifs mensuels, analyse SWOT, to-do lists) ;</li>
<li>Ventes (factures, devis, factures) ;</li>
<li>Diagrammes (diagrammes en arête de poisson, modèles de Frayer, diagrammes de Venn) ;</li>
<li>Sports et loisirs (cartes de bingo, pages de recettes, carrés de football, alignement de football).</li>
</ul>
<img decoding="async" loading="lazy" class="img-popup alignnone wp-image-35307 size-full" src="https://static-blog.onlyoffice.com/wp-content/uploads/2022/07/Sans-titre.png" alt="When design matters: how to create beautiful forms with OFORMs" width="736" height="736" srcset="https://static-blog.onlyoffice.com/wp-content/uploads/2022/07/Sans-titre.png 736w, https://static-blog.onlyoffice.com/wp-content/uploads/2022/07/Sans-titre-300x300.png 300w, https://static-blog.onlyoffice.com/wp-content/uploads/2022/07/Sans-titre-150x150.png 150w, https://static-blog.onlyoffice.com/wp-content/uploads/2022/07/Sans-titre-178x178.png 178w" sizes="(max-width: 736px) 100vw, 736px" />
Ces formulaires peuvent être créés à l&#8217;aide d&#8217;outils destinés aux graphistes, tels que Crello, Canva et Visme. Il s&#8217;agit d&#8217;outils de conception graphique qui vous aident à créer du contenu marketing et publicitaire professionnel, des formulaires, des affiches, des messages sur les médias sociaux, des graphiques de sites Web, des vidéos et des animations. Comme la plupart des autres programmes de conception graphique, ils offrent un large éventail de modèles.
<h2>Pourquoi créer des formulaires avec OFORMs ?</h2>
Cependant, la tâche peut être beaucoup plus facile à réaliser avec les OFORMs. <a href="https://www.onlyoffice.com/fr/form-creator.aspx?utm_source=blog&amp;utm_medium=article&amp;utm_campaign=create_designed_forms" target="_blank" rel="noopener">Créateur de formulaires ONLYOFFICE</a> offre un ensemble de champs remplissables, comme des champs texte, des cases à cocher, des listes déroulantes, des boutons radio et des images, qui sont similaires aux contrôles de contenu standard, mais disposent de propriétés de champ avancées. Ils sont particulièrement adaptés aux débutants, car ils offrent les avantages suivants :
<ol>
<li>Aucune compétence de conception n&#8217;est nécessaire. Vous n&#8217;avez pas besoin de compétences professionnelles pour créer des formulaires dans ONLYOFFICE, car vous pouvez le faire avec des fonctionnalités simples comme l&#8217;insertion d&#8217;images, la personnalisation de formes et l&#8217;ajout de champs à remplir.</li>
<li>Interface conviviale. Tout utilisateur trouvera l&#8217;interface familière et pourra se mettre au travail sans perdre de temps à apprendre à maîtriser le logiciel.</li>
<li>Solution universelle. Les formulaires créés dans ONLYOFFICE peuvent être imprimés et remplis manuellement ou utilisés numériquement sur n&#8217;importe quel appareil. En outre, vous pouvez enregistrer les formulaires au format PDF et les ouvrir dans toute application prenant en charge ce format.</li>
<li>Disponibilité. L&#8217;éditeur pour la création de formulaires est disponible dans la version en ligne. De plus, des applications de bureau gratuites sont disponibles pour tous les systèmes populaires : Windows, Linux et macOS.</li>
</ol>
Regardez notre vidéo pour en savoir plus sur les fonctionnalités d&#8217;OFORMs :
<iframe loading="lazy" width="600" height="406" src="https://www.youtube.com/embed/SKGz4pmnpgY" title="Fillable forms in ONLYOFFICE Docs" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen="allowfullscreen" data-mce-fragment="1">﻿</iframe>
Maintenant, voyons comment créer un beau modèle dans les éditeurs ONLYOFFICE.
<h2>Comment créer de beaux formulaires avec OFORMs ?</h2>
Pour le voir en action, créons un modèle d&#8217;invitation à un anniversaire. Tout d&#8217;abord, ouvrez un document au format DOCXF qui vous permet d&#8217;ajouter des champs à remplir. Sélectionnez le Modèle de formulaire dans ONLYOFFICE. Une fois la fenêtre ouverte, nous sommes prêts à commencer à créer notre formulaire.
<h3>Créer de l&#8217;arrière-plan</h3>
Nous devons choisir un arrière-plan pour notre formulaire. Pour ce faire, vous pouvez utiliser vos propres photos, des images de stock ou en trouver une appropriée sur Internet. Veuillez noter que si vous utilisez une image de source publique, assurez-vous que vous ne violez pas le droit d&#8217;auteur.
Pour ajouter une image en arrière-plan, allez dans l&#8217;onglet Insertion, dans la barre d&#8217;outils supérieure. Choisissez Image → Image à partir d’un fichier. Ensuite, trouvez l&#8217;image nécessaire dans votre stockage.
<img decoding="async" loading="lazy" class="alignnone size-full wp-image-35318 img-popup" src="https://static-blog.onlyoffice.com/wp-content/uploads/2022/07/Add-image.png" alt="When design matters: how to create beautiful forms with OFORMs" width="736" height="277" srcset="https://static-blog.onlyoffice.com/wp-content/uploads/2022/07/Add-image.png 736w, https://static-blog.onlyoffice.com/wp-content/uploads/2022/07/Add-image-300x113.png 300w, https://static-blog.onlyoffice.com/wp-content/uploads/2022/07/Add-image-353x133.png 353w" sizes="(max-width: 736px) 100vw, 736px" />
Ensuite, sélectionnez Derrière le texte dans le Style d’habillage dans la barre d&#8217;outils de droite ou dans l&#8217;onglet Mise en page de la barre d&#8217;outils supérieure. De cette façon, l&#8217;image sera à l&#8217;arrière-plan et ne chevauchera pas le texte et les formes que nous ajouterons ensuite.
<img decoding="async" loading="lazy" class="alignnone size-full wp-image-35329 img-popup" src="https://static-blog.onlyoffice.com/wp-content/uploads/2022/07/behind-text.png" alt="When design matters: how to create beautiful forms with OFORMs" width="736" height="382" srcset="https://static-blog.onlyoffice.com/wp-content/uploads/2022/07/behind-text.png 736w, https://static-blog.onlyoffice.com/wp-content/uploads/2022/07/behind-text-300x156.png 300w, https://static-blog.onlyoffice.com/wp-content/uploads/2022/07/behind-text-343x178.png 343w" sizes="(max-width: 736px) 100vw, 736px" />
Comme le texte risque de ne pas être très visible dans notre arrière-plan, ajoutons une forme qui chevauchera l&#8217;image. Allez dans l&#8217;onglet Insertion → Formes → Formes de base → Rectangle. Cliquez ensuite et dessinez la forme en appuyant sur le bouton droit de la souris.
Vous pouvez placer la forme exactement au centre de la feuille manuellement, en utilisant les lignes de repère qui apparaîtront automatiquement. Ou vous pouvez ajuster la position de la forme dans les paramètres.
Cliquez sur Afficher les paramètres avancés dans la barre d&#8217;outils de droite, puis passez à l&#8217;onglet Position. Choisissez l&#8217;alignement horizontal Centre, par rapport à la Page. Il en va de même pour l&#8217;alignement vertical. Cliquez sur OK.
<img decoding="async" loading="lazy" class="img-popup wp-image-35340 aligncenter" src="https://static-blog.onlyoffice.com/wp-content/uploads/2022/07/shape-pposition.png" alt="When design matters: how to create beautiful forms with OFORMs" width="500" height="459" srcset="https://static-blog.onlyoffice.com/wp-content/uploads/2022/07/shape-pposition.png 736w, https://static-blog.onlyoffice.com/wp-content/uploads/2022/07/shape-pposition-300x276.png 300w, https://static-blog.onlyoffice.com/wp-content/uploads/2022/07/shape-pposition-194x178.png 194w" sizes="(max-width: 500px) 100vw, 500px" />
Désormais, si vous redimensionnez une figure, elle sera automatiquement alignée sur le centre de la page.
En outre, vous pouvez personnaliser les formes dans la barre d&#8217;outils de droite. Il est possible de choisir de remplir la forme avec un dégradé, une texture, une image, ou de la laisser en une seule couleur à votre goût, de modifier la largeur des lignes de la forme et leur couleur.
L&#8217;opacité est une autre fonction utile ici. Définissez le pourcentage d&#8217;opacité de votre forme entre 100 (complètement opaque) et 0 (invisible).
<img decoding="async" loading="lazy" class="alignnone size-full wp-image-35351 img-popup" src="https://static-blog.onlyoffice.com/wp-content/uploads/2022/07/opacity.png" alt="When design matters: how to create beautiful forms with OFORMs" width="736" height="382" srcset="https://static-blog.onlyoffice.com/wp-content/uploads/2022/07/opacity.png 736w, https://static-blog.onlyoffice.com/wp-content/uploads/2022/07/opacity-300x156.png 300w, https://static-blog.onlyoffice.com/wp-content/uploads/2022/07/opacity-343x178.png 343w" sizes="(max-width: 736px) 100vw, 736px" />
<h3>Ajouter du texte</h3>
Après avoir ajouté l&#8217;arrière-plan, nous pouvons passer à l&#8217;ajout du texte de l&#8217;invitation. Double-cliquez sur la forme et tapez le texte de l&#8217;invitation. Dans la barre d&#8217;outils supérieure, sélectionnez la taille et la police appropriées pour votre invitation.
<img decoding="async" loading="lazy" class="alignnone size-full wp-image-35362 img-popup" src="https://static-blog.onlyoffice.com/wp-content/uploads/2022/07/adding-text.png" alt="When design matters: how to create beautiful forms with OFORMs" width="736" height="382" srcset="https://static-blog.onlyoffice.com/wp-content/uploads/2022/07/adding-text.png 736w, https://static-blog.onlyoffice.com/wp-content/uploads/2022/07/adding-text-300x156.png 300w, https://static-blog.onlyoffice.com/wp-content/uploads/2022/07/adding-text-343x178.png 343w" sizes="(max-width: 736px) 100vw, 736px" />
<h3>Ajouter des champs à remplir</h3>
Enfin, il ne reste plus qu&#8217;à ajouter des champs à remplir. Vous pourrez y saisir des informations sur le lieu et l&#8217;heure de la fête d&#8217;anniversaire. Les options de champ sont disponibles dans l&#8217;onglet Formulaires de la barre d&#8217;outils supérieure. Vous pouvez ajouter des champs de texte, des boîtes combo, des listes déroulantes, des cases à cocher, des boutons radio et des images.
<img decoding="async" loading="lazy" class="alignnone size-full wp-image-35373 img-popup" src="https://static-blog.onlyoffice.com/wp-content/uploads/2022/07/forms-tab.png" alt="When design matters: how to create beautiful forms with OFORMs" width="736" height="99" srcset="https://static-blog.onlyoffice.com/wp-content/uploads/2022/07/forms-tab.png 736w, https://static-blog.onlyoffice.com/wp-content/uploads/2022/07/forms-tab-300x40.png 300w, https://static-blog.onlyoffice.com/wp-content/uploads/2022/07/forms-tab-353x47.png 353w" sizes="(max-width: 736px) 100vw, 736px" />
Placez le curseur à l&#8217;endroit où vous voulez placer le champ, cliquez sur le Champ texte.
Dans les paramètres de champ de la barre d&#8217;outils de droite, dans le champ Espace réservé, indiquez Nom et prénom pour vous donner une idée de ce que vous voulez spécifier dans ce champ. Vous pouvez également utiliser un Conseil pour cela. Il apparaîtra lorsque vous passerez votre curseur sur le champ.
<img decoding="async" loading="lazy" class="alignnone size-full wp-image-35384 img-popup" src="https://static-blog.onlyoffice.com/wp-content/uploads/2022/07/name.png" alt="When design matters: how to create beautiful forms with OFORMs" width="736" height="382" srcset="https://static-blog.onlyoffice.com/wp-content/uploads/2022/07/name.png 736w, https://static-blog.onlyoffice.com/wp-content/uploads/2022/07/name-300x156.png 300w, https://static-blog.onlyoffice.com/wp-content/uploads/2022/07/name-343x178.png 343w" sizes="(max-width: 736px) 100vw, 736px" />
De la même manière, nous ajoutons les autres champs.
<img decoding="async" loading="lazy" class="alignnone size-full wp-image-35395 img-popup" src="https://static-blog.onlyoffice.com/wp-content/uploads/2022/07/fields.png" alt="When design matters: how to create beautiful forms with OFORMs" width="736" height="382" srcset="https://static-blog.onlyoffice.com/wp-content/uploads/2022/07/fields.png 736w, https://static-blog.onlyoffice.com/wp-content/uploads/2022/07/fields-300x156.png 300w, https://static-blog.onlyoffice.com/wp-content/uploads/2022/07/fields-343x178.png 343w" sizes="(max-width: 736px) 100vw, 736px" />
Voilà, c&#8217;est fait. Notre formulaire est prêt. Vous pouvez maintenant en voir un aperçu. Cliquez sur Voir le formulaire dans l&#8217;onglet Formulaires. Si tout est bien, enregistrez-le.
Allez dans l&#8217;onglet Fichier → Enregistrer sous et sélectionnez le format :
<ul>
<li>DOCXF, si vous souhaitez continuer à éditer le formulaire ;</li>
<li>PDF, si vous voulez le remplir et l&#8217;envoyer à vos amis.</li>
</ul>
<h2>Bibliothèque OFORMs</h2>
Vous n&#8217;avez pas le temps de créer les formulaires vous-même ? Vous pouvez utiliser des formulaires prêts à l&#8217;emploi de notre bibliothèque OFORMs. ONLYOFFICE propose une bibliothèque gratuite de formulaires où vous trouverez de tout, des contrats de vente aux magnifiques listes de contrôle et planificateurs. Lisez <a href="/blog/?p=35024&amp;utm_source=blog&amp;utm_medium=article&amp;utm_campaign=create_designed_forms" target="_blank" rel="noopener">ce billet de blog</a> pour apprendre à y naviguer ou visitez notre bibliothèque :
<a class="red button" href="https://oforms.onlyoffice.com/fr?utm_source=blog&amp;utm_medium=article&amp;utm_campaign=create_designed_forms" target="_blank" rel="noopener">VISITER LA BIBLIOTHÈQUE</a>
<div class="useful-links">
<h3>Liens utiles</h3>
<a href="/blog/?p=26347&amp;utm_source=blog&amp;utm_medium=article&amp;utm_campaign=create_designed_forms" target="_blank" rel="noopener">7 faits intéressants sur les formulaires ONLYOFFICE que tout le monde devrait connaître</a>
<a href="/blog/?p=26299&amp;utm_source=blog&amp;utm_medium=article&amp;utm_campaign=create_designed_forms" target="_blank" rel="noopener">Comment créer des formulaires standard à remplir</a>
<a href="/blog/?p=35024&amp;utm_source=blog&amp;utm_medium=article&amp;utm_campaign=create_designed_forms" target="_blank" rel="noopener">Tout ce qu&#8217;il faut savoir sur la bibliothèque d’OFORMs</a>
<a href="/blog/?p=35279&amp;utm_source=blog&amp;utm_medium=article&amp;utm_campaign=create_designed_forms" target="_blank" rel="noopener">Les 5 meilleures façons d&#8217;utiliser OFORMs (au travail ou à la maison)</a>
</div>

Quand le design compte : comment créer de beaux formulaires avec OFORMs

Billets récents

Utilisez la macro ONLYOFFICE pour obtenir et insérer des informations détaillées sur l’adresse

Comment Dhorde, le revendeur d’ONLYOFFICE, offre à ses clients une meilleure solution de collaboration documentaire

10 planificateurs numériques pour tous les goûts 2023