Diseños gráficos
Diseño de factura de estudio
El diseño de factura de estudio organiza el alcance del proyecto, los honorarios desglosados, las condiciones de pago, los ajustes y las notas de pago en un único documento largo para el cliente.
Casos de uso de la factura de estudio
- Estudios independientesPresentan servicios y datos de pago en un único documento listo para el cliente
- Consultores de marcaConectan el alcance del proyecto, los honorarios, los anticipos y el trabajo de entrega
- Equipos de cuentas por pagarLocalizan la identidad de la factura, la orden de compra y la información de pago
- Diseñadores de documentos editorialesEstudian la tipografía estructurada para comunicaciones financieras densas
Aspectos destacados de la factura de estudio
- Alcance antes que costeEl contexto del proyecto aparece antes de las partidas facturables detalladas
- Ajustes explícitosLos cambios por anticipo e impuestos permanecen visibles junto a los totales
- Dos vías de pagoLos datos de transferencia, ACH y pago en línea comparten una sola sección
- Estilos preparados para impresiónLas reglas de impresión eliminan la sombra y el borde y reducen el relleno de la página.
La factura de estudio, del encabezado a las notas de pago
1 / 1Sobre el diseño de factura de estudio
El diseño de factura de estudio es un ejemplo oficial de OpenDesign para una factura de cliente de Sable Studio. Su composición visible combina la identidad del estudio, los metadatos de la factura, los datos del cliente y del emisor, el contexto del proyecto, el trabajo facturable, las condiciones de liquidación, las instrucciones de pago y una firma de cierre en un único documento largo.
El encabezado establece el tipo de documento con la etiqueta «INVOICE», el identificador «INV-2025-0142» y las fechas de emisión y vencimiento. Ese orden da al lector la referencia y el calendario del documento antes de pedirle que interprete el detalle comercial. Las fechas y las identidades de ejemplo son contenido ilustrativo dentro del diseño, no prueba de una transacción pagadera.
Los bloques del emisor y del destinatario usan etiquetas paralelas, «FROM» y «BILL TO», de modo que la responsabilidad y el destino pueden comprobarse en la misma franja horizontal. Las direcciones de correo verdes son enlaces de correo definidos en el diseño; la captura solo demuestra su presentación visible, no un flujo de correo probado.
Casos de uso de este diseño de factura
El diseño resulta útil cuando una factura de servicios debe explicar qué se entregó además de lo que se debe. La franja del proyecto nombra «Northwind brand identity refresh», incluye la orden de compra «NW-PO-2025-3387» y indica «Net 30 · USD». Esos tres campos vinculan el documento con un encargo, una referencia interna de compras y una convención de pago antes de que el lector llegue a los importes.
Su mejor uso es para estudios que trabajan por proyectos y combinan servicios de alcance fijo con trabajo variable. Las tres primeras filas muestran cantidad 1, mientras que «Senior design hours · overage» muestra cantidad 14 con una tarifa de 220,00 $. El distinto patrón de cantidad hace que el exceso se lea como un añadido basado en tiempo y no como otro entregable empaquetado.
Revisión del cliente
Usa los bloques emparejados de las partes y la franja del proyecto para confirmar quién emitió la factura, quién la recibe y qué orden de compra corresponde al trabajo.
Conciliación interna
Usa las descripciones desglosadas, las cantidades, las tarifas, el ajuste por anticipo y la línea de impuestos para comparar el documento con el registro del encargo.
Traspaso del pago
Usa el panel final de pago para mantener juntas las instrucciones bancarias, la disponibilidad del pago en línea, las notas sobre divisas y el tratamiento del recibo.
Composición y orden de lectura
La página avanza de la identificación general al detalle de apoyo en cinco etapas deliberadas. Una marca circular negra con una «S» y el logotipo de Sable Studio establecen el emisor; el número de factura grande y las fechas establecen el estado del documento; el área de dos columnas con las partes identifica la transacción; la banda verde pálido del proyecto aporta contexto; y la tabla de partidas lleva la explicación financiera principal.
La tabla de partidas da a «DESCRIPTION» el área visual más ancha y deja columnas más estrechas para «QTY», «RATE» y «AMOUNT». Esta proporción acomoda textos explicativos como «Stakeholder interviews, competitive audit, brand audit, written strategy doc.». La contrapartida es la longitud vertical: las descripciones se ajustan en varias líneas, pero el lector puede entender el servicio antes de examinar su valor numérico.
Las condiciones de pago se sitúan junto a los totales. El subtotal de ejemplo de $40,080 menos su anticipo de $4,008 da $36,072 antes de impuestos. Al aplicar la tasa de ejemplo del 9 % se obtienen $3,246.48, lo que lleva a $39,318.48 a pagar. La fila del impuesto aparece por encima de «Net before tax», así que el orden visual difiere del orden del cálculo. La banda final oscura destaca el resultado, pero las etiquetas anteriores siguen siendo necesarias para comprobar cómo se obtuvo.
| Bloque de la factura | Evidencia visible | Tarea del lector |
|---|---|---|
| Encabezado | Número de factura, fecha de emisión, fecha de vencimiento | Identificar el documento y su calendario |
| Franja del proyecto | Nombre del proyecto, número de orden de compra, Net 30 · USD | Vincular el cargo con un encargo |
| Partidas | Descripción, cantidad, tarifa, importe | Entender el trabajo que hay detrás de cada cargo |
| Área de liquidación | Condiciones de pago, subtotal, anticipo, impuesto, total a pagar | Conciliar el importe y sus ajustes |
Alcance y límites de la capacidad
Este ejemplo de factura, solo de diseño, usa un contenedor de documento con un ancho máximo de origen de 820 píxeles. Los estilos de impresión eliminan su sombra y su borde y reducen el relleno; no se ha verificado la paginación de impresión en una sola hoja. La obra demuestra tipografía, agrupación, contenido ilustrativo y destinos mailto definidos en el diseño. No establece facturación conectada, procesamiento de pagos, recibos automáticos, verificación bancaria ni cálculo fiscal en directo.
El panel inferior presenta «WIRE / ACH (USD)» y «ONLINE PAYMENT» como contenido del documento. Enumera Mercury Bank, valores de ruta y de cuenta, una cadena de enlace de pago, «Stripe / card / ACH», «Wise / SEPA / FX» y «Auto-emailed». Trata estos datos como campos ilustrativos incluidos para la composición. Una implementación de producción necesitaría datos verificados por separado, controles de pago y decisiones de cumplimiento antes de usar contenido comparable en una factura real.
Cómo crear un diseño de factura de estudio en OpenDesign
Establece la estructura de la factura
Crea un documento de factura largo con la identidad del emisor y un bloque de factura alineado a la derecha. Incluye el número de factura, la fecha de emisión, la fecha de vencimiento, las direcciones del emisor y del destinatario, el nombre del proyecto, la orden de compra y las condiciones de pago antes de introducir la tabla de partidas. Si la salida impresa importa, revisa la paginación por separado en lugar de dar por hecho que toda la composición cabe en una hoja.
Prompt sugeridoCrea un diseño de factura de estudio para un estudio de diseño y un cliente ficticios. Usa un documento largo con la identidad del estudio a la izquierda, el número de factura y las fechas de emisión a la derecha, bloques emparejados FROM y BILL TO, una franja de proyecto y orden de compra, y una tabla de partidas con Description, Qty, Rate y Amount. Añade estilos preparados para impresión sin suponer que todo cabe en una sola hoja. Usa solo datos de ejemplo; no afirmes que haya facturación real, procesamiento de pagos, verificación bancaria ni un tratamiento fiscal válido.
Modela el alcance y la liquidación
Añade cuatro filas específicas del caso: tres filas de servicios de precio fijo con cantidad 1 y una fila de horas adicionales de diseño sénior con cantidad 14 y tarifa unitaria. A continuación, incluye las condiciones de pago, el subtotal, el anticipo aplicado, el impuesto sobre las ventas, el neto antes de impuestos y el total a pagar. Mantén el texto explicativo de los servicios lo bastante ancho como para que se ajuste en varias líneas sin tapar las columnas numéricas.
Refina la presentación del pago
Coloca la información de transferencia bancaria y de pago en línea en un panel inferior compartido, con encabezados separados y etiquetas alineadas. Conserva la distinción visual entre los totales ordinarios y el total a pagar destacado, y comprueba que el agradecimiento final y la firma sigan formando parte del documento sin dar a entender que los enlaces, los datos bancarios, los recibos o los cálculos de ejemplo sean operativos.
Exportar y obtener un enlace para compartir
Exporta tu diseño terminado y luego usa Compartir en OpenDesign para obtener un enlace. Abre el enlace en una ventana del navegador independiente y comprueba que la versión prevista y sus recursos estén disponibles antes de enviarlo.
Diseño de póster editorial sobre flujos de trabajo con IA
El diseño de póster editorial sobre flujos de trabajo con IA presenta seis afirmaciones sobre los flujos de trabajo, con capítulos numerados, ejemplos concretos de prompts y acentos tipográficos color óxido sobre un fondo crema.
Diseños gráficos
Diseño de carrusel social sobre flujos de trabajo con IA
Siete tarjetas verticales utilizan encabezados chinos sobredimensionados, hábitos numerados, campos de color cambiantes y una declaración final para explicar los flujos de trabajo de edición con IA.
Diseños gráficos
Diseño de shader Aurora Field
Un campo de ruido azul verdoso animado automáticamente aporta atmósfera a un hero WebGL, mientras un titular fijo y una pequeña insignia local de frecuencia de fotogramas anclan la escena.
Diseños gráficos
Diseño de shader Aurora Veil
Aurora Veil es una composición de shader interactiva que convierte la luz en capas, las estrellas y el movimiento del cursor en un hero atmosférico de WebGL.
Diseños gráficos