Diseños gráficos
Diseño de informe de caso clínico
El diseño de informe de caso clínico organiza un caso ficticio de urgencias en un recorrido legible desde los síntomas y las observaciones hasta las pruebas complementarias, la valoración y el manejo.
Pensado para
- Documentación clínicaEstructura información compleja de casos para una lectura clínica rápida.
- Formación en medicina de urgenciasPresenta cuadros simulados con un razonamiento diagnóstico explícito.
- Maquetas de referencia médicaSepara observaciones, resultados, decisiones y acciones de seguimiento.
- Informes de estilo SOAPConvierte una narración larga del caso en secciones ordenadas.
Aspectos destacados
- Orden de lectura estructuradoAvanza desde el motivo de consulta hasta el plan de manejo.
- Tablas de datos clínicosEmpareja valores con rangos e indicadores de estado.
- Razonamiento en contextoConecta las pruebas complementarias con la valoración diferencial.
- Planificación orientada a la acciónAgrupa la atención inmediata, la monitorización y el destino del paciente.
Galería del informe de caso clínico
1 / 7
Diseño de informe de caso clínico
Este ejemplo de OpenDesign presenta un caso ficticio de medicina de urgencias en un informe clínico formal. El encabezado del autor es "Clinical Case Report", y la cabecera establece cuatro anclas de lectura: paciente, entorno, especialidad y formato. Juntas, "58-year-old Male", "Emergency Department", "Emergency / Cardiology" y "SOAP" indican al lector qué tipo de documento va a leer antes de que empiece la narración clínica.
La página comienza con "Chief Complaint" y enseguida expone un dolor torácico retroesternal intenso de dos horas, irradiado al brazo izquierdo y a la mandíbula, con diaforesis y náuseas. Esa apertura comprimida funciona como resumen de admisión. La siguiente sección, "History of Present Illness", amplía el mismo episodio con intensidad, inicio, síntomas asociados, negaciones relevantes, tabaquismo y antecedentes familiares, de modo que el lector pasa de la señal inicial al contexto que la rodea.
El diseño usa un tratamiento de documento sobrio: un lienzo amplio de una sola columna, tipografía serif marcada, filetes horizontales finos, etiquetas de sección en mayúsculas y bandas gris claro para las subsecciones de manejo. El CSS de origen fija un ancho máximo del cuerpo de 900px, lo que favorece la lectura larga y mantiene las tablas y las listas clínicas densas dentro de una medida controlada.
Es un ejemplo de diseño oficial incluido de OpenDesign, creado por OpenDesign. Los detalles del caso, las mediciones, las afirmaciones y el contenido del tratamiento son material de ejemplo ilustrativo, no datos verificados de pacientes ni prueba de rendimiento clínico.
Cómo leer la narración clínica
El valor del informe está en su secuencia. No coloca todos los datos en una narración indiferenciada. Avanza por "Chief Complaint", "History of Present Illness", "Past Medical History", "Vital Signs", "Physical Examination", "Investigations", "Assessment" y "Management Plan". Cada sección responde a una pregunta distinta, de modo que el lector puede localizar tanto el relato del paciente como la toma de decisiones posterior.
La sección de historia muestra cómo los datos repetidos ganan significado según su ubicación. El dolor torácico aparece primero como motivo de consulta en una frase y vuelve como dolor opresivo de 9/10 que comenzó en reposo hacia las 14:30. La versión posterior añade hallazgos negativos, como ausencia de disnea, palpitaciones o variación posicional. El precio es la extensión, pero el contexto añadido hace que la valoración posterior sea rastreable y no abrupta.
La exploración física usa líneas etiquetadas para General, Cardiovascular, Respiratory, Abdomen, Neurological y Skin / Peripheries. Este patrón compacto permite recorrer los sistemas corporales sin perder el detalle en prosa. También conserva distinciones como pulsos periféricos débiles, relleno capilar de tres segundos, crepitantes bibasales y una Escala de Coma de Glasgow de 15/15, en lugar de reducir la exploración a una única etiqueta de gravedad.
Del síntoma al contexto
El motivo de consulta es breve; la historia aporta inicio, intensidad, irradiación, síntomas asociados y negativos relevantes.
Del contexto a la exploración
La exploración pasa de la historia subjetiva a hallazgos observables sistema por sistema.
De los hallazgos a las decisiones
Las pruebas complementarias y la valoración explican por qué el plan de manejo se ordena como una vía de escalada.
Datos, énfasis y orden
La sección Vital Signs convierte las mediciones en una interfaz de comparación. Su tabla usa las columnas "Parameter", "Value", "Reference Range" y "Status". Por ejemplo, "Blood Pressure (Systolic/Diastolic)" aparece como 88 / 60 mmHg frente a 90-140 / 60-90 mmHg con estado hipotensivo, mientras que la frecuencia cardíaca es de 112 lpm frente a 60-100 lpm, con taquicardia. La relación entre valor, referencia y estado es más útil que cualquier valor aislado.
Antes de la tabla aparece un mensaje crítico: "CRITICAL - ACTIVATE CATH LAB". Le sigue un resumen del ECG que indica elevación del ST en las derivaciones II, III y aVF con cambios recíprocos en I y aVL. Este orden hace visible la urgencia antes de que el lector llegue a las filas de apoyo. La contrapartida es que la alerta puede competir con la tabla por la atención, por lo que el diseño circundante necesita suficiente espacio en blanco y un énfasis coherente para que el aviso siga siendo distinto.
Las pruebas complementarias se amplían después desde el ECG de 12 derivaciones a los resultados de laboratorio, la radiografía de tórax portátil y el ecocardiograma a pie de cama. La tabla de laboratorio mantiene los resultados junto a los rangos de referencia, mientras que los hallazgos narrativos añaden interpretación, como hipocinesia de la pared inferior, una fracción de eyección estimada del 40% y una valoración formal del lado derecho pendiente. Así, el informe combina campos exactos con breves resúmenes interpretativos en lugar de forzar cada modalidad a la misma forma visual.
| Campo observado | Valor indicado | Relación de diseño |
|---|---|---|
| Presión arterial (sistólica/diastólica) | 88 / 60 mmHg | El valor se lee frente a un rango de referencia y se etiqueta como hipotenso. |
| Frecuencia cardíaca | 112 lpm | Una medición numérica se empareja con un estado de taquicardia. |
| Saturación de oxígeno (SpO2) | 94% con aire ambiente | La condición de aire ambiente se conserva junto al valor y al estado bajo. |
| Escala de coma de Glasgow | 15 / 15 | Un resultado normal se muestra con su valor de referencia correspondiente. |
Límites de la capacidad
Este artefacto demuestra una composición de documento y un caso clínico simulado, no un sistema clínico conectado. Las capturas muestran encabezados, tablas, alertas y contenido de manejo renderizados, pero no establecen datos de pacientes en vivo, almacenamiento en backend, apoyo a la decisión, validación de guías, comprobación de medicación ni eficacia clínica.
El plan de manejo está orientado a la acción de forma deliberada, con grupos numerados como Immediate - Revascularisation, Antiplatelet and Anticoagulation, Cardiogenic Shock, Respiratory / Oxygenation, Monitoring, Secondary Prevention y Disposition. Esa agrupación es útil para estudiar la priorización y la arquitectura de la información. No debe tratarse como guía de prescripción, protocolo operativo ni prueba de que las dosis y los objetivos de ejemplo mostrados sean adecuados para un paciente real.
Al adaptar este diseño, conserva la frontera entre datos observados del caso, interpretación y manejo propuesto. Mantén visible la procedencia de cualquier contenido clínico real, valida el lenguaje médico de forma independiente y trata los valores ilustrativos como marcadores de posición hasta que los sustituya material de origen autorizado.
Cómo crear un diseño de informe de caso clínico en OpenDesign
Define la estructura del caso
Crea un informe de una sola columna con una cabecera concisa para paciente, entorno, especialidad y formato. Usa la secuencia Chief Complaint, History of Present Illness, Past Medical History, Vital Signs, Physical Examination, Investigations, Assessment y Management Plan para que cada sección tenga una función clara.
Prompt sugeridoCrea un informe de caso clínico ficticio de medicina de urgencias con un diseño de una sola columna de 900px de ancho máximo. Usa un estilo de documento con tipografía serif, un título de informe destacado, cuatro campos de cabecera para paciente, entorno, especialidad y formato, y después secciones para Chief Complaint, History of Present Illness, Past Medical History, Vital Signs, Physical Examination, Investigations, Assessment y Management Plan. Usa solo datos de ejemplo y no sugieras servicios clínicos en vivo ni consejo médico validado.
Perfecciona las relaciones entre datos
Construye tablas de constantes vitales y de laboratorio con relaciones explícitas entre parámetro, valor, rango de referencia y estado. Mantén junto a la medición las unidades y condiciones, como el aire ambiente. Añade una alerta breve antes de la evidencia urgente, pero comprueba que el color y el énfasis no oculten los valores subyacentes.
Prompt sugeridoAñade una tabla Vital Signs con las columnas Parameter, Value, Reference Range y Status, que incluya filas ilustrativas de presión arterial, frecuencia cardíaca, saturación de oxígeno, temperatura, Escala de Coma de Glasgow y relleno capilar. Añade una sección Investigations con resúmenes de ECG, laboratorio, radiografía de tórax y ecocardiograma a pie de cama. Trata todos los valores como datos de ejemplo ficticios.
Revisa el razonamiento y los límites
Revisa si cada afirmación de la valoración puede rastrearse hasta un síntoma, un hallazgo de la exploración o una prueba anteriores. Organiza el plan de manejo por prioridad, pero indica con claridad el material simulado o educativo. Confirma que la jerarquía visual separa observación, interpretación y acción propuesta sin afirmar validación en ejecución ni resultados clínicos.
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