A veces me pregunto si no nos hemos pasado de frenada con tanto diseño minimalista, plano y extremadamente pulcro. Entras en cualquier web hoy en día y todo parece sacado de la misma plantilla aséptica de Silicon Valley. Por eso, cuando me topé el otro día buscando recursos para un proyecto personal con la tendencia de los «esbozos» o sketches de Ubuntu, sentí una especie de alivio visual. Hay algo en el trazo imperfecto, en la línea que parece dibujada a mano alzada sobre un cuaderno de espiral, que nos devuelve un poco de esa humanidad que la inteligencia artificial y los renders de alta fidelidad nos están quitando a marchas forzadas.
La verdad es que, si te mueves por el mundillo del software libre, sabrás que Ubuntu no es solo un sistema operativo; es casi una religión para algunos y una herramienta de supervivencia para otros. Y su identidad visual, ese famoso «Círculo de Amigos» (Circle of Friends), ha pasado por mil fases. Pero ver ese logo y su interfaz planteados como un boceto, como un borrador rápido, tiene una utilidad que va mucho más allá de lo puramente estético. No es solo «postureo» de diseñador; es una forma de volver a las raíces de la creación.
Resulta curioso que, teniendo pantallas con una densidad de píxeles que ya ni el ojo humano distingue, nos empeñemos en buscar imágenes que parecen hechas con un rotulador gastado. Pero tiene su lógica. En el desarrollo de software, y especialmente cuando hablamos de distribuciones Linux que se cocinan en comunidad, el concepto de «trabajo en progreso» es constante. Un esbozo comunica que la idea está viva, que es moldeable.
Además, para los que nos dedicamos a aporrear el teclado, usar imágenes de tipo esbozo en nuestras presentaciones o en la documentación de un proyecto quita mucha presión. Si le enseñas a un cliente o a un jefe un diseño finalizado y perfecto, se centrarán en si el naranja de Ubuntu es demasiado chillón. Si le enseñas un esbozo, se centrarán en la funcionalidad. Es un truco viejo, pero oye, funciona de maravilla.
En España, y concretamente aquí en Cartagena, tenemos una comunidad técnica bastante potente. Si te pasas por la UPCT (la Universidad Politécnica), verás que en los laboratorios de informática el ambiente es un poco así: pizarras llenas de esquemas, flechas que no apuntan a ningún sitio y logos de Ubuntu garabateados en las esquinas de los apuntes. Ese espíritu de «estamos construyendo algo» es lo que capturan estas imágenes de recursos gratuitos que están aflorando ahora.
La evolución del naranja: De Warty Warthog a la elegancia actual
Para entender por qué alguien querría un esbozo de Ubuntu, hay que recordar de dónde venimos. La primera vez que instalé Ubuntu (creo que fue la 4.10, allá por 2004), el color predominante era un marrón… bueno, digamos que «difícil de mirar». Lo llamaban «Human», y la idea era representar la tierra, la calidez y la conexión africana de la palabra Ubuntu.
Con los años, ese marrón fue mutando hacia el naranja vibrante y el berenjena que conocemos hoy. Pero en los bocetos originales de Mark Shuttleworth y su equipo, la idea era mucho más simple. El logo representa a tres personas dándose la mano, formando un círculo. Es una abstracción de la comunidad.
Vaya, que si intentas dibujar el logo actual de memoria, probablemente te salga algo muy parecido a estos «esbozos» que circulan por la red. Y ahí reside su encanto. No necesitas la perfección matemática de un archivo SVG exportado desde Illustrator para transmitir la idea de libertad que supone Linux.
El valor de lo gratuito y lo libre
Lo que me parece más interesante de plataformas como Magnific o similares, que ofrecen estos recursos de «Ubuntu esbozo», es que mantienen la filosofía del proyecto original. Ubuntu significa «humanidad hacia otros», y qué hay más humano que compartir recursos gráficos de calidad sin cobrar un euro.
Ojo, que sea gratis no significa que sea malo. He visto algunos vectores de estos esbozos que tienen un nivel de detalle en la textura del papel y en la presión del trazo que ya quisiera yo para mis dibujos de primaria. Para un blog de tecnología, para una cabecera de un canal de YouTube sobre programación o incluso para decorar el README de un repositorio en GitHub, estas imágenes son oro puro.
Cómo integrar estos esbozos en tus proyectos de desarrollo
Si eres desarrollador, probablemente pienses: «¿Y yo para qué quiero un dibujo de Ubuntu que parece hecho por un niño?». Pues mira, te voy a dar un par de ideas que yo mismo he aplicado.
- Wireframing con alma: Cuando estás diseñando la interfaz de una app que va a correr sobre Linux, usar iconos tipo sketch ayuda a que los usuarios que prueban el prototipo no se distraigan con el acabado final.
- Presentaciones de «Pitch»: Si estás intentando convencer a alguien de que migre los servidores de la empresa a Ubuntu Server, una presentación con una estética de boceto da una imagen de agilidad, de «startup», de algo que se está moviendo rápido.
- Merchandising local: Aquí en Cartagena, para algún evento de software libre que hemos organizado, hemos usado estos diseños para pegatinas. Quedan mucho más «cool» en la tapa de un portátil que el logo oficial y rígido de siempre.
La verdad es que la versatilidad de un archivo vectorial que imita un dibujo a mano es enorme. Puedes cambiarle el color, deformarlo un poco o integrarlo en un fondo que parezca una servilleta de bar (donde, seamos sinceros, han nacido las mejores ideas de la historia de la informática).
Un poco de contexto técnico: ¿SVG o PNG para tus bocetos?
Aquí es donde me pongo un poco el sombrero de experto, porque no todo es descargar y ya está. Si vas a trabajar con imágenes de «Ubuntu esbozo», mi recomendación es que busques siempre el formato vectorial (SVG).
¿Por qué? Pues porque un esbozo, por definición, tiene líneas finas y texturas. Si descargas un PNG pequeño y luego intentas ampliarlo para un cartel, se va a ver más pixelado que un juego de la Game Boy. El SVG te permite escalar ese dibujo hecho «a mano» hasta el infinito sin perder ni un ápice de esa esencia de rotulador.
Además, si te manejas un poco con CSS, puedes hacer cosas muy chulas con un SVG de un esbozo. Por ejemplo, puedes animar el trazo para que parezca que el logo se está dibujando solo en tiempo real cuando alguien entra en tu web. Es un efecto que queda de lujo y que, sinceramente, no es tan difícil de implementar. Aquí te dejo un ejemplo rápido de cómo se vería la lógica (no te asustes, que es sencillo):
/* Un pequeño truco para animar el trazo de un esbozo */
.path-esbozo {
stroke-dasharray: 1000;
stroke-dashoffset: 1000;
animation: escribir 5s linear forwards;
}
@keyframes escribir {
to {
stroke-dashoffset: 0;
}
}
Para que nos entendamos: lo que hacemos es decirle al navegador que la línea del dibujo es como un hilo muy largo que vamos soltando poco a poco. El resultado es hipnótico y le da un toque profesional a cualquier sitio de temática Linux.
La conexión con Cartagena: ¿Qué tiene que ver el puerto con el software libre?
Igual te parece una tontería, pero siempre que hablo de diseño y de Ubuntu, me acuerdo de los planos antiguos del Arsenal de Cartagena. Si vas al Museo Naval, verás bocetos de barcos y de infraestructuras que tienen esa misma energía: líneas precisas pero con el alma del dibujante que sabe que está creando algo importante.
En Cartagena siempre hemos sido de construir cosas sólidas. Desde el submarino de Isaac Peral hasta las actuales plantas industriales. Y Ubuntu es eso: una construcción sólida, pero que empezó con un boceto, con una idea de comunidad. Me gusta pensar que un ingeniero aquí en el Polígono de Santa Ana está ahora mismo usando uno de estos recursos gráficos para documentar un sistema de control que corre sobre Ubuntu Core. Al final del día, la tecnología y el arte de dibujar no están tan alejados.
IA y la generación de nuevos esbozos
No puedo escribir esto sin mencionar a la elefanta en la habitación: la Inteligencia Artificial. Herramientas como Magnific, que mencionábamos antes, están usando modelos avanzados para mejorar o incluso generar estas imágenes desde cero.
La ironía es deliciosa. Usamos algoritmos de una complejidad absurda para que simulen el trazo tembloroso de un humano con un bolígrafo Bic. Pero oye, los resultados son espectaculares. Puedes pedirle a una IA: «Logotipo de Ubuntu estilo boceto de Leonardo da Vinci en papel envejecido», y te saca algo que podrías colgar en el salón de tu casa.
Sin embargo, hay algo que la IA todavía no pilla del todo bien, y es la intención. Un esbozo humano tiene «fallos» que cuentan una historia. Quizás una línea es más gruesa porque el autor dudó, o hay una mancha de café virtual en una esquina. Esos detalles son los que hacen que estos recursos gráficos gratuitos sean tan valiosos para nosotros, los que buscamos algo con un poco más de «chicha» que el típico icono plano de Android o iOS.
¿Dónde encontrar los mejores recursos?
Si te ha picado la curiosidad y quieres descargar algunas de estas imágenes para tus proyectos, no te vuelvas loco buscando en sitios raros. Hay un par de sitios que lo están haciendo muy bien:
- Repositorios de la comunidad: La propia Wiki de Ubuntu tiene a veces secciones de «Artwork» donde la gente sube sus conceptos. Es el sitio más auténtico.
- Plataformas de stock creativo: Como la que mencionábamos en las fuentes, que se especializan en dar ese toque «premium» a recursos que parecen hechos a mano.
- Behance o Dribbble: Si buscas «Ubuntu sketch concept», verás el trabajo de diseñadores brutales que a veces comparten sus archivos base solo por amor al arte.
La verdad es que, busques donde busques, lo importante es que te fijes en la licencia. La mayoría de las cosas relacionadas con Ubuntu suelen ser Creative Commons, lo cual te da mucha libertad, pero nunca está de más echar un ojo para no meter la pata, especialmente si lo vas a usar para algo comercial.
El impacto visual de la «imperfección controlada»
A veces, cuando estoy en una de esas reuniones eternas por Zoom, me pongo a garabatear en un cuaderno. Me he dado cuenta de que mucha gente hace lo mismo. Hay una conexión neuronal entre la mano y el cerebro que se pierde cuando solo usamos el ratón.
Por eso, cuando usamos una imagen de un esbozo de Ubuntu en un entorno digital, estamos enviando una señal subconsciente de «esto es creativo», «esto es humano». En un mercado saturado de interfaces que parecen diseñadas por un robot para otros robots, destacar con una estética de boceto es una decisión valiente.
Y no creas que esto es solo para blogs de cuatro frikis. Grandes empresas tecnológicas están empezando a usar ilustraciones tipo sketch en sus páginas de error 404 o en sus procesos de «onboarding». Es una forma de decir: «Ey, sabemos que esto es software y a veces falla, pero hay personas detrás».
Reflexiones finales sobre el diseño y el código
Al final del día, lo que importa no es si el logo de Ubuntu está perfectamente alineado con la proporción áurea (que lo está, por cierto), sino lo que representa. Representa una alternativa, una forma distinta de entender la informática donde la colaboración es la base de todo.
Tener a nuestra disposición imágenes de alta calidad que capturan esa esencia de «borrador», de idea en construcción, es un regalo para cualquier creador de contenido. Ya seas un desarrollador de Cartagena que está montando su primer servidor en casa, o un diseñador de Madrid trabajando para una multinacional, estos recursos te permiten añadir una capa de cercanía que el diseño vectorial puro simplemente no puede ofrecer.
Vaya, que si estás cansado de lo de siempre, dale una oportunidad a la estética del esbozo. Descárgate un par de esos recursos, juega con ellos en GIMP o Inkscape (herramientas libres, por supuesto) y mira cómo cambia la cara de tu proyecto. A veces, para avanzar, hay que volver un poco al lápiz y al papel, aunque sea de forma digital.
Y si alguna vez pasas por Cartagena y ves a alguien en una cafetería con un portátil lleno de pegatinas de Ubuntu que parecen dibujadas a mano, saluda. Probablemente sea yo, dándole vueltas a cómo explicar el próximo gran cambio en el kernel mientras me tomo el tercer café de la mañana. Porque así es como nacen las mejores cosas: con un café, una buena idea y un esbozo rápido en cualquier parte.
Deja una respuesta