Diseños gráficos
Diseño de currículum de ingeniero frontend
Este diseño de currículum chino en dos columnas combina una cronología profesional detallada con secciones compactas de habilidades, formación e idiomas.
Casos de uso del diseño de currículums
- Currículums de ingenieros frontend séniorPresenta una trayectoria técnica a través de puestos, proyectos y habilidades.
- Currículums técnicos chinosCombina descripciones en chino con términos técnicos en inglés familiares.
- Resúmenes de trayectorias técnicasRelaciona el trabajo de ingeniería con medidas y resultados concretos.
Aspectos destacados de la composición del currículum
- Orden de lectura guiado por la trayectoriaPrimero el perfil, seguido de puestos fechados y proyectos públicos.
- Información en dos columnasLa experiencia ocupa la columna más ancha; las credenciales se sitúan al lado.
- Énfasis azul selectivoLas cifras clave y los marcadores de sección se distinguen del texto principal.
El currículum de ingeniero frontend, columna por columna
1 / 3
Un currículum chino de ingeniero frontend
Distribuido en la biblioteca de la comunidad de OpenDesign, con HTMLAnything declarado como upstream, este currículum chino representa a un ingeniero frontend sénior de muestra. El encabezado combina el puesto en chino con “Senior Frontend Engineer”, mientras la fila de contacto agrupa Shanghái, el correo electrónico, GitHub y LinkedIn bajo el nombre. Un perfil breve afirma ocho años de experiencia en frontend, una refactorización de un sistema de diseño para un producto descrito como destinado a 50M+ MAU y un enfoque en herramientas de desarrollo asistido por IA. Se trata de credenciales ilustrativas, no de un historial personal verificado.
Colocar el perfil antes de la sección de experiencia proporciona al lector una declaración introductoria compacta antes de la evidencia más densa que aparece después. La fila de contacto mantiene visibles los datos prácticos cerca del nombre, aunque sus varios elementos en línea pueden necesitar redistribuirse en formatos más estrechos.
Dónde encaja esta estructura de currículum
Este diseño es adecuado para un candidato técnico cuya historia depende de la progresión profesional y del alcance de la ingeniería. En la columna de experiencia de muestra, Acme AI, ByteDance y Meituan aparecen en orden cronológico inverso, cada una con un puesto y un intervalo de fechas. Las viñetas que aparecen debajo representan trabajos como una actualización de React 16 a 19 y una migración de webpack a Vite. Los nombres de las empresas, la cronología y los resultados pertenecen a la muestra; esta página no verifica el empleo de la persona representada.
Esta secuencia ayuda a los lectores a revisar empleadores y fechas antes de considerar las afirmaciones asociadas a cada puesto. También asigna a los proyectos un lugar diferenciado después del historial laboral: “公开项目” enumera html-anything y lite-form con descripciones breves. Esta separación puede ayudar a que el trabajo independiente siga visible sin interrumpir la cronología profesional. Los candidatos con un énfasis diferente podrían adaptar el orden, pero deberían conservar una distinción clara entre el empleo y los proyectos presentados por separado.
Progresión profesional
Usa grupos de puestos fechados cuando los cambios de responsabilidad o de enfoque técnico sean centrales en la historia del candidato.
Trabajo independiente
Asigna a los proyectos públicos su propia sección cuando aporten evidencias adicionales al historial laboral.
Cómo dividen el contenido las dos columnas
La página utiliza una composición de 210 mm de ancho. En la captura completa, la experiencia y los proyectos públicos ocupan el lado izquierdo, más amplio, mientras que la formación, las habilidades, los idiomas y los intereses ocupan el lado derecho, más estrecho. Esta proporción refleja el contenido: las descripciones de los puestos contienen viñetas más largas que se ajustan en varias líneas, mientras que la columna derecha utiliza entradas breves y listas compactas.
La introducción a todo lo ancho lleva la etiqueta “个人简介”. Debajo, la columna izquierda pasa de “工作经历” a “公开项目”, mientras que la columna derecha contiene “教育”, “核心技能”, “语言” e “兴趣”. El lado profesional contiene la narración más extensa; la barra lateral funciona como una referencia compacta de las cualificaciones. Las viñetas laborales más largas pueden hacer que ese lado tenga visualmente más peso que la columna de credenciales, más breve.
Columna principal
La experiencia fechada y las descripciones de proyectos contienen el contenido más largo y explicativo.
Barra lateral
La formación, las etiquetas de habilidades, los niveles de idioma y los intereses utilizan entradas compactas.
Entradas de puestos fechadas y evidencias
Cada empleo comienza con una organización y un puesto, con su intervalo de fechas alineado en el lado opuesto. La entrada de Acme AI tiene tres viñetas: un editor interno de IA con cifras declaradas de DAU y NPS, una actualización de framework con una afirmación sobre regresiones y una comparación de velocidad del compilador, y una biblioteca de componentes con cifras de adopción y descargas. La combinación muestra cómo este diseño admite afirmaciones de producto, migración y reutilización dentro de un mismo puesto.
El énfasis azul dirige la atención hacia valores seleccionados como “12k”, “68” y “3.2 倍”. Esto facilita la revisión rápida, pero también puede hacer que las cifras parezcan más autorizadas de lo que permiten sus definiciones. Por ejemplo, el currículum no define cómo se midió el NPS ni cuáles fueron las condiciones de comparación de la afirmación sobre velocidad. Al adaptar el patrón, conserva suficiente contexto para explicar a qué se refiere cada métrica, en lugar de resaltar una cifra por sí sola. Las afirmaciones proporcionadas siguen siendo ilustrativas.
Las listas compactas cambian el ritmo de lectura
La sección de habilidades utiliza etiquetas breves en forma de chips, como TypeScript, React, Next.js y Vite, mientras que los idiomas se organizan como pares de nombre y dominio: chino y “母语”, inglés y “CET-6 615”, japonés y “N3”. La formación también es compacta, con la Universidad de Fudan, el título, las fechas y el GPA en un bloque pequeño. Estas formas breves permiten revisar rápidamente la barra lateral, pero dejan menos espacio para explicar el dominio, las asignaturas o la profundidad de las habilidades.
La entrada de intereses es más larga y se ajusta en varias líneas, lo que ilustra que incluso una columna compacta necesita margen para el ajuste natural del texto. En una nueva versión, el contenido debería determinar la longitud de la barra lateral; no debería comprimirse de forma tan agresiva que desaparezcan las diferencias entre nombres de habilidades, cualificaciones y evidencias.
Lo que muestra el diseño
Las capturas muestran un currículum estático y afirmaciones personales, laborales y académicas ilustrativas. Los datos de contacto son elementos span ordinarios en el código fuente, no enlaces funcionales de correo electrónico o de perfiles; no hay ningún servicio de selección ni fuente de datos conectados. Una hoja de estilos de impresión elimina el fondo exterior y la sombra, pero no implementa un control de exportación a PDF ni establece compatibilidad con sistemas de seguimiento de candidatos. Las métricas, las cualificaciones, las estrellas de los proyectos y las comparaciones de rendimiento requieren una verificación independiente. La declaración MIT del manifiesto incluido no establece una licencia independiente para cada recurso representado.
Cómo crear un diseño de currículum de ingeniero frontend en OpenDesign
Define la página y las funciones de las columnas
Empieza con una página vertical y coloca a todo lo ancho el nombre, la fila de contacto y un perfil breve. Debajo de esa introducción, asigna la columna izquierda, más ancha, al historial laboral fechado y a los proyectos públicos, y la columna derecha, más estrecha, a la formación, las habilidades, los idiomas y los intereses. Deja suficiente espacio para que las viñetas de evidencia se ajusten en varias líneas.
Prompt sugeridoCrea un diseño de currículum chino de ingeniero frontend sénior en una página vertical de 210 mm de ancho. Coloca el nombre, la etiqueta bilingüe del puesto, la fila de contacto y el perfil breve a todo lo ancho, por encima de una cuadrícula de dos columnas. Usa la columna izquierda, más ancha, para el historial laboral en orden cronológico inverso y los proyectos públicos, y la columna derecha, más estrecha, para la formación, las etiquetas de habilidades, los niveles de idioma y los intereses. Usa contenido de muestra claramente ilustrativo y un énfasis azul moderado para los marcadores de sección y algunas cifras seleccionadas. Mantén sin verificar las afirmaciones sobre empleo y dominio salvo que yo proporcione evidencia; no insinúes que existen enlaces activos ni servicios conectados.
Redacta la evidencia por grupos de puestos
Para cada puesto, proporciona la organización, el cargo, las fechas y un pequeño conjunto de viñetas concisas. Conserva la combinación del ejemplo de trabajo de producto, migración de frameworks y adopción de bibliotecas de componentes solo cuando esas categorías correspondan al candidato. Define las comparaciones y las métricas en el texto circundante; no dependas de que las cifras resaltadas aporten su propio contexto.
Refina la barra lateral y el ajuste del texto
Mantén diferenciados los nombres de habilidades y las cualificaciones lingüísticas, e incluye el nivel o la evidencia que dé sentido a cada entrada. Revisa las líneas más largas de intereses o formación con el ancho de página previsto para que el ajuste del texto no oculte la estructura de las secciones. La referencia es un ejemplo de diseño estático, así que no añadas suposiciones sobre el comportamiento de los enlaces, la persistencia ni una fuente de datos de producción.
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