Créations graphiques
Conception de facture de studio
Cette facture de studio organise en un seul long document client le périmètre du projet, les honoraires détaillés, les conditions de paiement, les ajustements et les notes de règlement.
Cas d'usage de la facture de studio
- Studios indépendantsPrésenter les services et les informations de paiement dans un seul document prêt pour le client
- Consultants en image de marqueRelier périmètre du projet, honoraires, acomptes et travaux de transmission
- Équipes comptables fournisseursRepérer l'identité de la facture, le bon de commande et les informations de paiement
- Concepteurs de documents éditoriauxÉtudier une typographie structurée pour une communication financière dense
Points forts de la facture de studio
- Périmètre avant coûtLe contexte du projet précède les lignes facturables détaillées
- Ajustements explicitesL'acompte et les variations de taxe restent visibles à côté des totaux
- Deux modes de paiementVirement, ACH et paiement en ligne partagent une même section
- Styles adaptés à l'impressionLes règles d'impression suppriment l'ombre et la bordure et réduisent les marges internes de la page.
La facture de studio, de l'en-tête aux notes de paiement
1 / 1À propos de la conception de facture de studio
Cette conception de facture de studio est un exemple officiel OpenDesign pour une facture client du Sable Studio. Sa composition visible réunit en un long document l'identité du studio, les métadonnées de la facture, les coordonnées du client et de l'émetteur, le contexte du projet, les travaux facturables, les conditions de règlement, les instructions de paiement et une signature de clôture.
L'en-tête établit le type de document avec le libellé « INVOICE », l'identifiant « INV-2025-0142 » et les dates d'émission et d'échéance. Cet ordre donne au lecteur la référence et le calendrier du document avant de l'inviter à interpréter le détail commercial. Les dates et identités d'exemple sont un contenu illustratif de la conception, et non la preuve d'une transaction payable.
Les blocs émetteur et destinataire utilisent des libellés parallèles, « FROM » et « BILL TO », afin de vérifier responsabilité et destinataire dans la même bande horizontale. Les adresses e-mail vertes sont des liens mail rédigés ; la capture n'illustre que leur présentation visible, pas un flux de messagerie testé.
Cas d'usage de cette conception de facture
Cette conception est utile lorsqu'une facture de services doit expliquer ce qui a été livré autant que ce qui est dû. La bande projet nomme « Northwind brand identity refresh », inclut le bon de commande « NW-PO-2025-3387 » et indique « Net 30 · USD ». Ces trois champs relient le document à une mission, à une référence d'achat interne et à une convention de paiement avant que le lecteur n'arrive aux montants.
Son usage le plus pertinent concerne les studios fonctionnant par projets, avec un mélange de services au périmètre fixe et de travaux variables. Les trois premières lignes affichent chacune une quantité de 1, tandis que « Senior design hours · overage » affiche une quantité de 14 à un tarif de 220,00 $. Cette différence de quantité rend le dépassement lisible comme un ajout basé sur le temps plutôt que comme un autre livrable forfaitaire.
Revue par le client
Utilisez les blocs de parties appariés et la bande projet pour confirmer qui a émis la facture, qui la reçoit et quel bon de commande correspond au travail.
Rapprochement interne
Utilisez les descriptions détaillées, les quantités, les tarifs, l'ajustement d'acompte et la ligne de taxe pour comparer le document à un dossier de mission.
Transmission du paiement
Utilisez le panneau de paiement final pour regrouper les instructions bancaires, la disponibilité du paiement en ligne, les notes de change et le traitement des reçus.
Composition et ordre de lecture
La page passe d'une identification générale aux détails de soutien en cinq étapes délibérées. Un cercle noir portant un « S » et le logotype Sable Studio établissent l'émetteur ; le grand numéro de facture et les dates établissent le statut du document ; la zone des parties sur deux colonnes identifie la transaction ; la bande projet vert pâle apporte le contexte ; et le tableau des lignes porte l'essentiel de l'explication financière.
Le tableau des lignes donne à « DESCRIPTION » la plus grande surface visuelle, laissant des colonnes plus étroites à « QTY », « RATE » et « AMOUNT ». Cette proportion accueille des textes explicatifs comme « Stakeholder interviews, competitive audit, brand audit, written strategy doc. » Le compromis est la hauteur : les descriptions passent sur plusieurs lignes, mais le lecteur comprend le service avant de parcourir sa valeur numérique.
Les conditions de paiement se trouvent à côté des totaux. Dans l'exemple, le sous-total de $40,080 moins l'acompte de $4,008 donne $36,072 avant taxe. L'application du taux d'exemple de 9 % produit $3,246.48, soit $39,318.48 dus. La ligne de taxe apparaît au-dessus de « Net before tax », si bien que l'ordre visuel diffère de l'ordre de calcul. La bande finale sombre met le résultat en évidence, mais les libellés précédents restent nécessaires pour vérifier comment il a été obtenu.
| Bloc de la facture | Éléments visibles | Tâche du lecteur |
|---|---|---|
| En-tête | Numéro de facture, date d'émission, date d'échéance | Identifier le document et son calendrier |
| Bande projet | Nom du projet, numéro de bon de commande, Net 30 · USD | Relier la facturation à une mission |
| Lignes de détail | Description, quantité, tarif, montant | Comprendre le travail derrière chaque montant |
| Zone de règlement | Conditions de paiement, sous-total, acompte, taxe, total dû | Rapprocher le montant et ses ajustements |
Périmètre et limites des capacités
Cet exemple de facture, limité à la conception, utilise un conteneur de document dont la largeur maximale source est de 820 pixels. Les styles d'impression suppriment son ombre et sa bordure et réduisent les marges internes ; la pagination d'impression sur une seule feuille n'a pas été vérifiée. La maquette illustre la typographie, le regroupement, un contenu d'exemple et des destinations mailto rédigées. Elle n'établit ni facturation connectée, ni traitement des paiements, ni reçus automatiques, ni vérification bancaire, ni calcul de taxe en direct.
Le panneau inférieur présente « WIRE / ACH (USD) » et « ONLINE PAYMENT » comme contenu du document. Il indique Mercury Bank, des valeurs de routage et de compte, une chaîne de lien de paiement, « Stripe / card / ACH », « Wise / SEPA / FX » et « Auto-emailed ». Considérez-les comme des champs illustratifs fournis pour la composition. Une mise en œuvre en production exigerait des données vérifiées séparément, des contrôles de paiement et des décisions de conformité avant d'utiliser un contenu comparable dans une vraie facture.
Comment créer une facture de studio dans OpenDesign
Établir la structure de la facture
Créez un long document de facture avec l'identité de l'émetteur et un bloc de facture aligné à droite. Indiquez un numéro de facture, la date d'émission, la date d'échéance, les adresses de l'émetteur et du destinataire, le nom du projet, le bon de commande et les conditions de paiement avant le tableau des prestations. Si l'impression compte, vérifiez la pagination séparément au lieu de supposer que toute la composition tient sur une seule feuille.
Invite suggéréeCrée une conception de facture de studio pour un studio de design et un client fictifs. Utilise un long document avec l'identité du studio à gauche, le numéro de facture et les dates d'émission à droite, des blocs FROM et BILL TO appariés, une bande projet et bon de commande, ainsi qu'un tableau de prestations avec Description, Qty, Rate et Amount. Ajoute des styles adaptés à l'impression sans supposer une pagination sur une seule feuille. Utilise uniquement des données d'exemple ; ne prétends pas à une facturation réelle, à un traitement des paiements, à une vérification bancaire ni à un traitement fiscal valide.
Modéliser le périmètre et le règlement
Ajoutez quatre lignes propres au cas : trois lignes de services forfaitaires avec une quantité de 1 et une ligne de dépassement de conception senior avec une quantité de 14 et un tarif unitaire. Faites-les suivre des conditions de paiement, du sous-total, de l'acompte imputé, de la taxe de vente, du net avant taxe et du total dû. Gardez le texte explicatif des services assez large pour qu'il passe à la ligne sans masquer les colonnes numériques.
Affiner la présentation du paiement
Placez les informations de virement et de paiement en ligne dans un panneau inférieur commun, avec des titres distincts et des libellés alignés. Conservez la distinction visuelle entre les totaux ordinaires et le total dû mis en avant, puis vérifiez que le remerciement final et la signature restent dans le document sans laisser croire que les liens, données bancaires, reçus ou calculs d'exemple sont opérationnels.
Exporter et obtenir un lien de partage
Exportez votre design finalisé, puis utilisez Partager dans OpenDesign pour obtenir un lien de partage. Ouvrez le lien dans une fenêtre de navigateur distincte et vérifiez que la version souhaitée ainsi que ses ressources sont disponibles avant de l'envoyer.
Conception d’affiche éditoriale sur les workflows IA
Cette affiche éditoriale sur les workflows IA présente six affirmations, organisées en chapitres numérotés, avec des exemples concrets de prompts et des accents typographiques rouille sur un fond crème.
Créations graphiques
Conception d’un carrousel social sur les workflows IA
Sept cartes verticales utilisent des titres chinois surdimensionnés, des habitudes numérotées, des aplats de couleur changeants et une conclusion pour expliquer les workflows d’édition avec l’IA.
Créations graphiques
Conception de shader Aurora Field
Un champ de bruit bleu-vert animé automatiquement donne son atmosphère à un hero WebGL, tandis qu’un titre fixe et un petit indicateur local de fréquence d’images ancrent la scène.
Créations graphiques
Conception du shader Aurora Veil
Aurora Veil est une composition shader interactive qui transforme des lumières superposées, des étoiles et les mouvements du curseur en un hero WebGL atmosphérique.
Créations graphiques