¿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.
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.
Base (Tokens)
Elementos fundamentales como colores, tipografías e iconos que establecen la identidad visual.
Componentes
Elementos reutilizables como botones, menús y formularios que facilitan la interacción.
Bloques y secciones
Agrupaciones de componentes, como tarjetas y banners, que organizan el contenido.
Drupal CMS + Mercury
Herramientas para administrar contenido digital sin necesidad de conocimientos técnicos o códigos de programación.
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.
Acciones claras y directas.
Botones →
Navegación estructurada e intuitiva.
Menús →
Organización visual atractiva.
Tarjetas y banners →
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.