• Nosotros
  • Contacto
Öbjetto
Mússica
Advertisement
  • Login
  • Regístrate
Mi plan
Gràffica
  • Ilustración
  • Tipografía
  • Branding
  • Packaging
  • Suscríbete
  • Tienda

No hay productos en el carrito.

Sin resultado
Ver todos los resultados
Gràffica
  • Ilustración
  • Tipografía
  • Branding
  • Packaging
  • Suscríbete
  • Tienda

No hay productos en el carrito.

Sin resultado
Ver todos los resultados
Gràffica
Sin resultado
Ver todos los resultados

Las nuevas Tipografías Variables OpenType

Por Gràffica
16/09/2016
en Tipografía

Gracias a la tecnología responsive el diseño cada vez es mucho más flexible. Pero lo que todavía no tenía era unas tipografías que se adaptaran automáticamente a cada una de las dimensiones, cambiando sus características según las necesidades compositivas y en el mismo momento que se está redimensionando el diseño responsive que las aloja.

Tipografias Variables OpenTYpe-1
Pulsa la imagen para ver cómo respondería una tipografía variable OpenType. Por Erik van Blokland.

Se trata de las Tipografías Variables OpenType, el nuevo tipo de fuentes variables desarrolladas conjuntamente por Apple, Google, Microsoft y Adobe y que ha presentado Typekit en uno de los eventos tipográficos más importantes del mundo: ATypI 2016.

Estas tipografías variables tienen la atractiva peculiaridad de que son capaces de comportarse como múltiples fuentes pero en un solo archivo OpenType. Imagina las infinitas posibilidades que se le ofrecen al diseñador si emplea una tipografía tan flexible que tiene la habilidad de cambiar de pesos, de tamaños y de otros atributos sin tener que aumentar el tamaño del archivo.

Los diseños web pueden ser todavía más efectivos en su componente responsive. Por ejemplo, una composición que reduzca el tamaño de sus elementos en formatos más pequeños y estrechos, puede tener una tipografía que vaya acompasando sus características –en este caso aumentando su tamaño o condensándose– para conseguir una mejor legibilidad del texto.

UAI, de Naipe Foundry, equilibrio tipográfico perfecto entre estética y función para entornos UI 

Tausend: una tipografía que homenajea a las grotescas alemanas… y las lleva al futuro

Más
Tipografias Variables OpenTYpe-6
Ejemplo de cómo respondería una tipografía variable OpenType, por cortesía de Erik van Blokland

Con el objetivo de favorecer la adaptabilidad de la tipografía al diseño web, se han hecho viables todo tipo de cambios: es posible que se produzca un aumento de la x de una tipografía solo en dimensiones más pequeñas para facilitar la legibilidad del texto; se puede afilar o arquear ligeramente la tipografía de un logo atendiendo a objetivos compositivos y de adaptación de la marca según qué momentos; si fuera necesario se podrían también modificar astas descendentes de manera imperceptible para acomodar visualmente la tipografía en casos en las que los caracteres se encuentren muy apretados, etc.

Más de medio año ha sido necesario para mejorar significativamente las especificaciones del archivo OpenType. Ahora incluye la tecnología OpenType Font Variations que permite al diseñador barajar conjunto de glifos o glifos individuales gracias a 64.000 posibles variaciones (pesos, altura, etc.) y definir posiciones específicas en el diseño (en el artículo escrito por John Hudson puedes ampliar la información técnica sobre las Tipografías Variables OpenType).

Aunque las fuentes variables ya son una realidad, los creadores afirman que todavía queda mucho por hacer. Por lo que todavía tardaremos un poco en ver esta tecnología funcionar de forma natural en cualquier diseño responsive. Por el momento, esperaremos impacientes las novedades que vayan surgiendo sobre estas tipografías responsive tan prometedoras.

→ typekit.com

Tipografias Variables OpenTYpe-2
Pulsa la imagen para ver cómo respondería una tipografía variable OpenType. Por Erik van Blokland.
Tipografias Variables OpenTYpe-5
Pulsa la imagen para ver cómo respondería una tipografía variable OpenType. Por Erik van Blokland.
Tipografias Variables OpenTYpe-4
Pulsa la imagen para ver cómo respondería una tipografía variable OpenType. Por Erik van Blokland.
Tipografias Variables OpenTYpe-3
Pulsa la imagen para ver cómo respondería una tipografía variable OpenType. Por Erik van Blokland.

Actualizado 16/09/2016

+ Artículos

Tipografía

UAI, de Naipe Foundry, equilibrio tipográfico perfecto entre estética y función para entornos UI 

Por Ana Moliz
Tipografía

Tausend: una tipografía que homenajea a las grotescas alemanas… y las lleva al futuro

Por Gràffica
Tipografía

El Gran Casino del Sardinero acoge la nueva exposición de Santatipo sobre memoria gráfica y vida de barrio

Por Gràffica
Tipografía

Ceno & Meso, superfamilia tipográfica dual de Sociotype basada en la clásica Johnston

Por Ana Moliz
Tipografía

#NOTWITHMYTYPE, creatividad contra los discursos de odio

Por Ana Moliz
Tipografía

«Font Licensing Mess», descifrando las licencias tipográficas

Por Ana Moliz
Formación

¿No sabes qué estudiar? Tres grados creativos de UDIT que sí tienen futuro

Por Gràffica

Todavía no lo has decidido. A estas alturas del verano, quizá sigues dándole vueltas. Lo sabemos bien en la redacción...

Leer
Logo Nasa Spot B 1

El logo de la NASA: quién lo diseñó, qué significa y por qué es un icono universal

El diseño de la portada de The Dark Side of the Moon, el álbum icónico de Pink Floyd

Los manuales de marca de las empresas más importantes del mundo

Encuesta: ¿Qué pasa con el audiovisual? Ayúdanos a dibujar el estado actual del sector

  • Ilustración
  • Tipografía
  • Branding
  • Packaging
  • Suscríbete
  • Tienda
Aviso legal | Política de Privacidad y cookies | Condiciones de compra

© 2025 graffica.info

Sin resultado
Ver todos los resultados
  • Ilustración
  • Tipografía
  • Branding
  • Packaging
  • Suscríbete
  • Tienda
  • Login
  • Únete
  • Carrito

© 2025 graffica.info

¡Hola de nuevo!

Entra en tu cuenta abajo

¿Has olvidado tu contraseña? Únete

¡Crea una nueva cuenta!

Rellena el formulario de abajo para registrarte

Se requieren todos los campos Entrar

Recupera tu contraseña

Por favor, pon tu usuario o email para restablecer tu contraseña

Entrar
Sin resultado
Ver todos los resultados
  • Ilustración
  • Tipografía
  • Branding
  • Packaging
  • Suscríbete
  • Tienda
  • Login
  • Únete
  • Carrito

© 2025 graffica.info