Pasar al contenido principal
Panorámica nocturna de Uniandes desde un dron

Sistema de diseño Uniandes

Diseñamos experiencias digitales claras, accesibles y escalables.

¿Qué es el sistema de diseño?

El sistema de diseño TU+ es una herramienta para crear experiencias digitales coherentes, accesibles y alineadas con la identidad de Uniandes, una Universidad de Mentalidad Digital.

No es solo una guía de estilos, es la manifestación de una transformación cultural centrada en las personas.

Con este sistema, garantizamos que todos los sitios y plataformas digitales de Uniandes sean fáciles de usar, accesibles y consistentes.

animacion

Principios clave del sistema de diseño

Confianza

 Diseños que facilitan encontrar la información de manera clara y segura.

  • Arquitectura de información bien estructurada.
  • Pruebas constantes con usuarios.

Inclusión y diversidad

Diseños accesibles para todas las personas.

  • Contrastes adecuados y textos alternativos.
  • Compatibilidad con diferentes dispositivos.

Transparencia

Cualquier persona puede conocer y usar el sistema de diseño.

  • Documentación abierta y actualizada.
  • Espacios para contribuciones y mejoras.

Escalabilidad

Un sistema flexible que mantiene la identidad de Uniandes.

  • Patrones visuales y de navegación consistentes.
  • Optimización para crecimiento continuo.

¿Cómo está organizado el sistema de diseño?

El sistema de diseño de Uniandes está estructurado en cinco niveles que trabajan juntos para crear interfaces digitales coherentes y funcionales. Desde los elementos más básicos hasta la interfaz final, cada nivel asegura que los productos digitales mantengan una identidad visual clara y sean fáciles de usar.

Sistema (2).png

Base (Tokens)

Elementos fundamentales como colores, tipografías e iconos que establecen la identidad visual.

iconos (1).png

Componentes

Elementos reutilizables como botones, menús y formularios que facilitan la interacción.

Bloques.png

Bloques y secciones

Agrupaciones de componentes, como tarjetas y banners, que organizan el contenido.

CMS

Drupal CMS + Mercury

Herramientas para administrar contenido digital sin necesidad de conocimientos técnicos o códigos de programación.

Interfaz

Interfaz de usuario

La apariencia y experiencia final en los productos digitales.

  • Esta estructura permite que cualquier producto digital de Uniandes sea fácil de diseñar, usar y mantener.

Componentes del sistema de diseño

El sistema de diseño de Uniandes ofrece una colección de elementos visuales y funcionales que aseguran una experiencia digital intuitiva, accesible y coherente en todos los dispositivos.

Accede a la documentación

El sistema de diseño de Uniandes es parte de la Estrategia Web, liderada por la Dirección Ejecutiva de Transformación Digital, y unifica la experiencia digital de la universidad. Encuentra guías, ejemplos y estándares para implementarlo en tu unidad, facultad o vicerrectoría.

Uso de componentes

Documentación interactiva con ejemplos.