Instituto de Física
Diseño para la Ciencia:
estrategia, estética y conexión
Fabiola Monserrat Pérez Rubio
Instituto de Física
“El diseño es simple por eso es tan complicado”
Paul Rand
El arte – expresión
Artesanía – tradición
Diseño – Función
Estrategia
– Definir el objetivo
– Conocer al público objetivo
Estética
-Estilo
-Forma
-Composición
¿Pensamos en el público objetivo o en nuestras intuiciones o asunciones personales?
Frecuentemente, los diseños se basan en las intuiciones o asunciones. La base para creer que estas decisiones son acertadas es un sesgo cognitivo que se conoce en psicología como el efecto del falso consenso.
Este se refiere a la tendencia a pensar que otras personas comparten nuestras creencias y se comportan de la misma manera que nosotros en un contexto determinado (Budiu, 2017).
Estrategia
Definir el objetivo
¿Cuál es el propósito del material? (informar, invitar, educar…)
¿Qué acción esperas que haga el público?
¿Cuál es el mensaje principal?
Conocer al público objetivo
¿A quién va dirigido? (edad, intereses, contexto cultural)
¿Dónde lo verá? (en redes sociales, impreso, en una pantalla)
Estrategia
Contenido
Texto: claro, breve, jerarquizado y completo.
Logos y elementos institucionales.
Fechas, lugares, contactos.
Estética
Inspiración
-
Behance – Portafolios de diseñadores de todo el mundo en todas las disciplinas.
- Pinterest – Excelente para buscar moodboards, paletas de colores, carteles, etc.
- Designspiration – Similar a Pinterest, más curado y enfocado al diseño gráfico.
-
Awwwards – Ejemplos de diseño web con estética sobresaliente y funcionalidad innovadora.
Estética
Concepto
Literal
Representa de forma directa y realista el objeto o concepto.
Subjetivo
Depende de la interpretación personal y emocional del espectador.
Figurativo
Representa objetos reconocibles, aunque estilizados o simplificados.
Abstracto
No representa figuras u objetos reconocibles; se enfoca en formas y colores.
Estética
Composición y Estilo
La teoría de la Gestalt es fundamental en el diseño gráfico porque explica cómo las personas percibimos las composiciones visuales. Nos ayuda a crear diseños claros, equilibrados y visualmente atractivos al aprovechar cómo el cerebro organiza la información.
Hey Jaime. (s. f.). Teoría de la Gestalt. Recuperado el 26 de mayo de 2025, de https://heyjaim.com/blog/teoria-de-la-gestalt/
Estética
Color
El color es un elemento fundamental en el diseño, ya que influye directamente en la forma en que se percibe y comprende un mensaje. Tiene la capacidad de evocar emociones, estados de ánimo y asociaciones culturales, por lo que su elección no solo es estética, sino también estratégica. Usar el color de manera consciente permite reforzar ideas, conectar con el público y comunicar con mayor eficacia.
Tipografías
Serif
-
Tienen remates o adornos en los extremos de las letras (llamados serifas).
-
Transmiten formalidad, tradición y autoridad (común en libros, periódicos, instituciones académicas).
Sans serif
-
No tienen remates en los extremos (de ahí el “sans”, sin serifas).
- Transmiten simplicidad, objetividad y actualidad, por eso son comunes en diseño digital.
Display
-
Diseñadas para llamar la atención, no para textos largos.
-
Tienen estilos decorativos, exagerados o únicos, como formas experimentales o artísticas.
-
Ideales para títulos, carteles o logos, donde la expresividad es clave.
Script
-
Imitan la escritura manual o caligráfica.
-
Pueden ser formales (como invitaciones) o informales (tipo lettering).
-
Transmiten elegancia, personalidad y fluidez, pero se deben usar con moderación para no afectar la legibilidad.
Combinar familias tipograficas (Pairings)
Gratuitas
Imágenes
Una imagen bien elegida puede sintetizar información compleja, crear conexión con el público y fortalecer la identidad visual de un proyecto.
-
-
- Fotografía
- Ilustración
- Esquema
-
Unsplash – Fotografías de alta calidad, libres para uso educativo y comercial.
Pexels – Fotos y videos gratuitos con licencia flexible.
Pixabay – Imágenes, vectores y videos sin necesidad de atribución (aunque se recomienda).
Freepik – Ilustraciones y recursos gráficos (requiere atribución en plan gratuito).
Openverse – Motor de búsqueda de imágenes con licencia Creative Commons.
Software
Adobe Creative
Photoshop
Illustrator
Indesing
AfterEffects
Office
Word
Power Point
Plataformas en linea
Canvas
Figma
¿Qué dificultades encuentras al momento de diseñar un cartel?
- Sofware 5.9%
- Elección de colores 23.5%
- Uso de tipografías 29.4%
- Imágenes 41.2%
- Distribución de elementos 82.4%
- Cantidad de información 70.6%
Espacio de trabajo
El tamaño dependerá del medio (redes sociales, página web, impresio (carta, doble carta, otros)
Impreso: resolución de 300dpi
Digital: resolución desde 70 dpi
Estética
Reticula
Sirve como una guía estructural que facilita la distribución del texto, imágenes y espacios en una composición, mejorando la legibilidad, el equilibrio y la consistencia visual. Además, permite que el diseño sea más funcional y armonioso, especialmente en publicaciones, carteles o interfaces digitales.
¿Qué es Retícula en el diseño editorial?. (2022). Tito campos [Video]. YouTube. https://youtu.be/Kdg59ewFwMs
Inteligencia Artificial
Inspiración
Automatizar tareas respectivas
Genera pruebas visuales rápidas
Conexión
El nuevo contenido busca conexión.
Se valora la autenticidad.
Buscar analogías con las tendencias o algo relacionado con la cultura popular.
Unidad de Comunicación
Diseño gráfico
Carteles de eventos, anuncios de seminarios, convocatorias, entre otros.
Impresión
Carteles
- Formato de archivo: PDF.
- Resolución: 200-300 dpi (puntos por pulgada) para asegurar alta calidad de impresión.
- Tamaño máximo: 120 cm x 90 cm.
- Orientación: Preferentemente vertical.
- Colores: Evitar colores oscuros o sólidos de fondo.
Fotografía
Eventos
Laboratorios
Fotos grupales
Pasos para realiza una solicitud
- Información
-
- Textos (jerarquizados, completos, sintetizados)
- Logos
- Formato (Impreso, digital o ambos)
- Medios de difusión
- Objetivo general
- Observaciones
-
2. Subir una solicitud en la plataforma ASIF – Unidad de comunicación
- Enviar un correo con la información a design-if@fisica.unam.mx
La planeación y el tiempo es nuestro amigo.
Referencias bibliográficas
Budiu, R. (2017, 22 de octubre). You Are Not the User: The False-Consensus Effect.
Nielsen Norman Group. https://www.nngroup.com/articles/false-consensus/
Del Olmo Barbero, J., & Alonso Seco, J. (enero, 2006). Más allá de la Comic Sans. La enseñanza de la tipografía en la era digital. En Edutec. Revista Electrónica de Tecnología Educativa, (no. 20). Recuperado de: https://doaj.org/ article/c41140ed5dec4966923dc3ca1c54f0f4
Heller, Eva (2007). Psicología del color : cómo actúan los colores sobre los sentimientos y la razón. Barcelona, España: Editorial Gustavo Gili
López López, Anna María (2014). Curso diseño gráfico: fundamentos y técnicas. Madrid, España: Ediciones Anaya Multimedia.
Martínez Solana, Yolanda (2004). La comunicación institucional: análisis de sus problemas y soluciones. Madrid, España: Fragua.
Hey Jaime. (s. f.). Teoría de la Gestalt. Recuperado el 26 de mayo de 2025, de https://heyjaime.com/blog/teoria-de-la-gestalt/
Adobe. (s. f.). Rueda de colores. Recuperado el 26 de mayo de 2025, de https://color.adobe.com/es/create/color-wheel
Colour Contrast Checker. (s. f.). Contrast checker. Recuperado el 26 de mayo de 2025, de https://colourcontrast.cc/?background=0da540&foreground=212223
Google Fonts. (s. f.). Explora fuentes. Recuperado el 26 de mayo de 2025, de https://fonts.google.com/
Motion Design School. (2020). The Psychology of Fonts [Video]. YouTube. https://youtu.be/Kdg59ewFwMs