0. Presentación del Recurso
Este laboratorio está diseñado como un recurso abierto para investigadores, estudiantes, profesorado y responsables de sistemas institucionales. Su objetivo es mostrar cómo se pueden crear iconos, señales y elementos visuales únicamente con HTML y CSS, sin imágenes, sin SVG y sin bases de datos.
El sistema permite:
- Explorar técnicas de dibujo con CSS.
- Crear iconos en tiempo real desde el navegador.
- Exportar el código CSS y HTML de los iconos generados.
- Utilizar los iconos en proyectos educativos, institucionales y de investigación.
1. Acceso al Laboratorio de Iconos
El laboratorio de creación de iconos se encuentra en la siguiente página. Desde allí se pueden ajustar propiedades, visualizar resultados y exportar el código.
Recomendado para:
- Estudiantes que desean comprender la relación entre forma, color y código.
- Profesorado que necesita ejemplos claros para explicar CSS avanzado.
- Investigadores que trabajan en visualización de información y sistemas de iconografía.
2. Librería de Iconos CSS (cssIconos.css)
El archivo cssIconos.css actúa como librería institucional de iconos. Contiene ejemplos de formas básicas, pseudo-elementos, clip-path, gradientes y animaciones, así como iconos científicos y tecnológicos creados para este recurso.
Este archivo puede ser estudiado como si fuera un “manual técnico visual”: cada bloque está comentado para facilitar su comprensión y reutilización en proyectos formativos y de investigación.
3. Manual y Protocolos Institucionales
Para una revisión más profunda de las técnicas utilizadas, se recomienda consultar el manual técnico del sistema y el archivo de protocolos visuales.
- iconManual.html · Manual técnico y educativo del sistema de iconos.
- iconProtocolos.css · Definición de colores, tipografías y normas de diseño.
4. Uso libre y descarga de iconos
Los iconos generados desde el laboratorio pueden descargarse en formato CSS y HTML, sin necesidad de bases de datos. El objetivo es que cualquier persona pueda reutilizar estos recursos en proyectos educativos, institucionales o de investigación, manteniendo siempre la referencia al laboratorio.
El sistema está pensado para:
- Crear colecciones de iconos para portales educativos.
- Diseñar sistemas de señalización digital en centros de investigación.
- Explorar nuevas formas de representación visual en la Red.