Category ArchiveDiseño Gráfico
Por minombresbond 12 Nov 2008
Arquitectura | Diseño Gráfico | Tipografía | Cultura libre
Como hacer (mucho) dinero con software libre

Literalmente, muchas monedas
El Ministerio de Finanzas de Paises Bajos organizó un concurso para el diseño de una moneda conmemorativa con el tema ‘Paises Bajos y Arquitectura’. La moneda de 5 euros sería de circulacion legal. El ganador fue el artista visual y arquitecto Stani Michiels, quien realizó su diseño utilizando sólo software libre.
Código y diseño
Según puede notarse en su blog, Stani Michiels es un fan de Python y además autor de SPE, un editor y entorno de desarrollo para ese lenguaje de programación y del software de procesamiento de imagenes en lote Phatch.
No sólo ha realizado un interesante recorrido conceptual en este proyecto, también puede leerse como un paradigmático punto de encuentro entre código y diseño, donde el artista (o diseñador) es quien domina la herramienta y no a la inversa.
La moneda tiene en el frente el retrato de la Reina compuesto por una trama tipográfica con los nombres de célebres arquitectos holandeses siguiendo un camino en espiral. Una curiosidad es el ordenamiento de los nombres, ni alfabético ni cronológico, por número de apariciones en internet.
Para graduar los valores de la trama y reconstruir la imagen del retrato, Michiels diseñó su propia fuente paramétrica (!) que le permitía modificar el peso de cada letra.

La otra cara de la moneda también es una reconstrución, pero del contorno geográfico de Paises Bajos, mediante una transformación desde una proyección radial a una lineal, convirtió geografia en cielo y libros en edificios.
Podríamos colocar aqui un sello de ‘100% libre’: Python, SPE editor, librerias PIL y pyCairo, Gimp, Inkscape, Phatch, corriendo sobre Ubuntu y Debian.
Desde el 30 de octubre los holandeses ya disponen de estos frutos del software libre circulando, y segun cuenta el autor “I would have loved to release the coin under the GPL, which could maybe solve the financial crisis”
Más info
- En el post donde Stani Michiels, toda la información detallada (en ingles) del proceso.
- Visto en: understandinglimited.com
Por minombresbond 11 Nov 2008
Sonido & Música | Diseño Multimedia | Diseño Gráfico | Eventos Locales | Licencias | Cultura libre
1er Festival de Cultura Libre y Copyleft en Buenos Aires
Fábrica de Fallas
- 15 y 16 de Noviembre de 14 a 21 hs
- La Tribu - Lambaré 873
- Entrada Libre y Gratuita
- El programa completo aqui: Programación
“Hay una leyenda urbana que cuenta que en 1947 se produjo un error en
una computadora causado por una polilla que se había metido en ella.
Para algunos, allí nació el concepto de “bug” para denominar un
error en el software.”
“Como una fábrica de fallas, el festival, propone entrecruzar ideas y
experiencias vinculadas a la cultura libre y el copyleft justo cuando
ellas dejan de ser una simple manera de producir e intercambiar
cultura y se transforman en un modo de habitar el mundo y vincularse
con otrxs. Un espacio de encuentro, intercambio y producción que
reune ideas y experiencias vinculadas a la cultura, la comunicación y
la política.”
“Música, software, cine, radio, libros, pintura, fotografía,
comercio justo, web, tierra, semillas y conversaciones.”
Seguir Leyendo »
Por minombresbond 05 Nov 2008
Diseño Web | Diseño Gráfico | Weblogs | Tips de recomendacion
Red social Inkscape
Hace un tiempo hicimos referencia al curso de inkscape Logo a Logo, escrito por ‘Joaclint Istgud’. Ahora, hace pocos dias, Joaclint inició una Red Social para Inkscape en Ning. No hay muchos lugares de encuentro para los usuarios de inkscape en español actualmente, es importante generarlos. En los foros de Gimp en español hay un foro para inkscape, pero era hora de tener un sitio ó comunidad propia. En los grupos de Ning hay foros, blogs, galerias de imagenes y un montón de herramientas muy útiles que pueden usar quienes se anoten.
Esperamos que su crecimiento sea rápido, ya nos hemos anotado y publicamos por ahi un mini-tutorial sobre ajustes de interletrado y posición de caracteres para textos en inkscape.
Siguiendo la filosofia libre con la que se desarrolla inkscape, seria deseable que esto promueva la creación de contenido publicado bajo licencias compatibles con obras libres entre los diseñadores y artistas, como las que cumplen con la definición de freedomdefined.org, o las licencias CC que llevan el sello ‘Aprobado para Obras Libres’.
Por pablo 01 Nov 2008
General | Diseño Gráfico | Licencias | Cultura libre | utopia tecnológica
Acerca de la propiedad intelectual…
Ante todo -y como mi primer artículo dentro de este sensacional blog- queria agradecer la oportunidad que me dieron (Julia y minombresbond) en poder colaborar con mi sencillo aporte. La reflexión que sigue aqui debajo es un mensaje abierto que le escribi a unos colegas y alumnos de diseño y me pareció oportuno publicarlo aqui. Gracias otra vez!
Quisiera compartir con ustedes una serie de reflexiones que desde hace un tiempo me vienen resonando y cada vez con mas fuerza. Se trata de la propiedad intelectual y la “protección” de nuestras obras.
Seguir Leyendo »
Por minombresbond 27 Oct 2008
Diseño Multimedia | Diseño Gráfico | Tipografía | utopia tecnológica
Cartografía del pasado

La gente de OSP (Open Source Publishing) está trabajando en un mapa colaborativo que trace una cartografía visual de la historia del diseño digital, hitos sobre software, fuentes tipográficas, citas, personas, formatos, hardware, etc.
El mapa es una superposición de capas en formato SVG (Scalable Vector Graphics), sobre una hoja A3 en inkscape. Aquí puede verse el mapa resultante (tu navegador debe soportar objetos SVG, como firefox), a partir de las capas SVG subidas al servidor de OSP. Han utilizado algo de código en el servidor que permite superponer los archivos .svg, que diferentes usuarios pueden ir sumando.
En otro post nos recuerdan la existencia de inkboard, una extensión para inkscape, que permite la edición compartida de un mismo documento .svg a través de una red, utilizando jabber. Herramientas abiertas como Inkscape, estándares como SVG, configuran un marco estimulante en la búsqueda de nuevos caminos en el diseño colaborativo.
Por minombresbond 15 Oct 2008
Diseño Web | Diseño Gráfico | Licencias | Tipografía
¿Se viene el estándar EOT (embebido de fuentes para la web) impulsado por Microsoft?

El tema Web Fonts es un asunto que venimos siguiendo de cerca, esta entrada de hace unos meses puede servir de introduccion al tema.
Recientemente la W3C (el organismo que define los estándares de la web) publicó un artículo, ‘For & against - Standardizing font embedding’ dando cuenta del actual debate sobre Web Fonts:
- En un rincón, ‘font linking’, o la posibilidad de enlazar transparentemente un archivo de fuente tipográfica remoto con un formato estándar.
- En el otro rincón, la propuesta de Microsoft (y de la industria): Embedded OpenType (EOT), o la posibilidad de embeber una fuente, y la consiguiente presentación a la W3C de las especificaciones para promover el estándar del formato EOT, en marzo de este año.
‘Font linking’ está incluído dentro de las recomendaciones para CSS2 desde hace una década!, describe como pueden referenciarse fuentes remotas, por ejemplo, truetype, opentype ó type-1, sólo hace falta especificar la url en la hoja de estilo:
@font-face {
font-family: “Mi Familia”;
src: url(”http://site/fonts/miarchivo”)
}
Pero esto casi no funciona, porque los navegadores web nunca lo implementaron (hasta el 2006, que empezó Webkit/Safari). EOT tambien lleva muchos años —olvidado— como una tecnología cerrada de Microsoft, y también está entre las referencias para @font-face (que sólo podía usarse en IE, al mantener Microsoft cerrada la especificación de su formato EOT).
Los estándares abiertos impulsados por Microsoft
La reciente novedad de que Mozilla se está sumando a Safari en la implementación de ‘font linking’, seguramente forzó a Microsoft (y la industria tipográfica detrás), a impulsar un estándar más acorde a sus intereses, liberando las especificaciones de EOT para que pueda ser adoptado por los otros navegadores.
El motivo de este post es la traducción al castellano el articulo publicado por la WC3. Si bien es algo extensa aconsejo leerla a todo aquel a quien los ‘estandares abiertos impulsados por Microsoft’, no dejan de provocarle cierta suspicacia.
Si los usuarios no defendemos nuestros intereses, la industria no lo hará por nosotros, recordemos que detrás de cada traba impuesta ‘para evitar la posibilidad de copias indebidas’ se esconden nuestros viejos conocidos, los monopolios artificiales.
¿El documento de la W3C parece favorable a EOT? a estar atentos…
Artículo original (en inglés) de la W3C:
‘For & against - Standardizing font embedding’ por Bert Bos
A favor y en contra: Estandarizando embebido de fuentes
Todo lo que he oído acerca embebido de fuentes en la web…
… hasta Septiembre de 2008
Por minombresbond 09 Oct 2008
Accesibilidad, un ejemplo de lo que no debe hacerse
Si se respetan los estándares web, y se coloca lo sustancial del sitio en el html, entonces, los contenidos serán accesibles para cualquiera. Eso no ocurre cuando los contenidos están ‘encapsulados’ en flash. El sitio de Silvio Velo, (la máxima figura de los murciélagos, la selección argentina de fútbol para ciegos), si bien llama la atención sobre aspectos relacionados con la accesibilidad, en tanto permite experimentar como es navegar la web para un no-vidente, paradójicamente, no es nada accesible.
Si estás leyendo esta entrada desde un lector de feeds, seguramente habrás leído el texto de arriba sin problemas, si estás leyendo directamente el sitio, solo verás un rectangulo negro: prueba poner el estilo de página de tu navegador en ’sin estilo’. (en firefox: Ver -> Estilo de la página -> Sin estilo).
Que no se vea, no significa que no esté.
La web para los ciegos es como el ejemplo de arriba, que no puedan ver el contenido ‘impreso’ en la pantalla no significa que no puedan acceder, en tanto el contenido esté donde debe estar: en el html.
El html no es un lenguaje para maquetación gráfica, la idea es que describe la estructura del contenido independientemente si este es accedido con la vista, tacto, oído o el medio que sea, y ése es el punto de partida para la accesibilidad (gracias a que el html es un estándar que surgió desde fuera de la industria o de la web comercial, sino otro cantar hubiera sido…)
“El poder de la Web está en su universalidad. Que todo el mundo pueda acceder, a pesar de la discapacidad, es un aspecto esencial.”
(Tim Berners-Lee, Director del W3C e inventor de la “World Wide Web”)
Navegar no es solo ver
El trabajo que hace el navegador web que estás usando ahora es mostrar el contenido de textos incluídos en el html (siguiendo las reglas de presentación indicadas en el css) e ‘imprimirlo’ en la pantalla, junto con imágenes y demás objetos multimedia. Pero esta no es la única forma de acceder: los ciegos, por ejemplo utilizan navegadores que en vez de imprimir ese contenido en la pantalla, lo transforman en audio, de esta forma un no-vidente puede enterarse de lo que hay en un sitio web, en tanto los diseñadores respetemos pautas de accesibilidad cuando diseñamos.
Por ejemplo si colocamos a las imágenes de un sitio un texto alternativo en el atributo ‘alt’, entonces un no-vidente podrá enterarse de qué se trata la imagen en cuestión. De eso se trata la accesibilidad.
Colocar todo el contenido dentro de un binario (.swf), es lo opuesto a hacer un sitio accesible, sino intenta navegarlo siendo no-oyente.
Algunos enlaces relacionados
- Documentos para el diseño accesible de contenidos en la Web, traducción al castellano de Web Content Accessibility Guidelines de la W3C
- ‘Accesibilidad con software libre’ por M. Baldassarre y C. Segovia durante las Jornadas Regionales de agosto último.
- ‘WebAnyWhere’ un lector de páginas web on-line, de código abierto desarrollado por la Universidad de Washington.
- ‘Festival’ Sintetizador de Voz desarrollado por la Universidad de Edinburgo, y voces en español.
- ‘Herramientas de diseño simplifican la navegación para deficientes visuales’ Artículo publicado en el diario El Mercurio.
- ‘Accesibilidad Web’ blog especializado en el tema.
Por minombresbond 06 Oct 2008
Más cocina de Inkscape
Inkscape Labrat es un nuevo blog para los fans de inkscape, con screencasts de muchas de las nuevas funcionalidades de la futura version 0.47, publicado por Steren Giannini, desarrollador de inkscape y oriundo de Francia. El blog publica contenido libre bajo cc-by
- Spiro curves and Freehand shapes: Algo que ya nos llamó bastante la atención por aqui
.
- Edit externally: Editar externamente, por ejemplo, usar Gimp para editar una imagen que tenemos en inkscape.
- New Pen Tool behaviour: Nuevas interesantes caracteríscticas de la Herramienta Pluma, como dibujar sólo horizontales y verticales.
- Eraser tool: La Herramienta Borrar.
- LPE for groups: Aplicación de LPE (Live Paths Effects) a grupos de objetos.
- Live Path Effects Stacking: Aplicación de LPE (Live Paths Effects) en forma acumulativa.
Hablando de screencasts
…algo de autobomblog: nuestro screencast sobre spiro e inkscape ha recibido algunas visitas en el tubo y ha estado dando vueltas por la red, en particular en sitios de gran interés para diseñadores como I love typography en un post recopilatorio de links sobre tipografia, ‘Sunday Type: circumflex type’ y en el foro tipográfico typophile, ilustrando un hilo sobre la integración de spiro a inkscape ‘Inkscape now integrates Spiro’, y para los hispanoparlantes, por la bitácora del diseñador jEsuSdA, (si eres diseñador y quieres incorporar herramientas libres a tu trabajo no puedes dejar de pasar por alli).
Por minombresbond 01 Oct 2008
Diseño Gráfico | Licencias | Tipografía | Citas
Discriminación tipográfica

“… Siento decirte que Illustrator no soporta los set de caracteres de algunas fuentes no-romanas (por ejemplo Árabe, Hebreo, Cirílico) aunque tú estés usando una versión en árabe de tu sistema operativo o el kit de idioma árabe en Windows. Adobe sugiere que consideres la compra de la edición de Adobe Illustrator CS-ME*…”
Bueno, pues imagino que al leer esto os habréis quedado con una cara de asombro como la que se me quedó a mi.
Resulta que Adobe Illustrator cuesta alrededor de 1.300$ , te propone, que compres otra versión del mismo programa (otros 1.300$) para solventar un problema que, al menos yo creo, no debería ni existir.
La gracia está en que con Inkscape no tuve el menor problema y pude pegar el texto en árabe de manera natural.
[…]
(JEsuSdA ‘Textos en árabe: Inkscape vs Adobe Illustrator’)
(*) La versión ‘ME’ de Adobe Illustrator significa ‘Middle Eastern’.
Por minombresbond 19 Sep 2008
Diseño Web | Diseño Gráfico | Eventos internacionales | Tipografía
Fuentes tipográficas para todas las lenguas
La gente en todo el mundo habla mas de 6000 lenguajes, y millones de ellos no tienen manera de escribir en su idioma en una computadora. No hay fuentes tipográficas adecuadas para su sistema de escritura. Lenguajes con siglos de antiguedad se enfrentan a una posible extinción. Pero eso está cambiando. Un creciente número de individuos y grupos están empezando conjuntamente a proveer soluciones. Esta charla ilustra la amplitud y variedad de sistemas de escritura alrededor del mundo, los problemas implicados en darles soporte, y algunas prometedoras iniciativas para hacer frente a esta problematica: Open Font License, Graphite, the OLPC y Scriptsource
(‘Fonts for every language’ en ATypI 2008)
La conferencia estará a cargo de Victor Gaultney, el próximo 21 de septiembre en Atypi 2008, San Petesburgo. Ya hablamos aqui sobre Gentium, la tipografía diseñada por Victor Gaultney y de proyectos como Open Font License.
En ATypI se están desarrollando varias actividades relacionadas a algunos tópicos que nos interesan: ‘African fonts and the open source community’ por Denis Moyogo Jacquerye (uno de los responsables del proyecto Deja-Vu), ‘Crossing borders, The best of different worlds’ por Frank E. Blokland, acerca de la integración de diferentes plataformas en el diseño de tipografías, un panel de discusión ‘The war over web fonts’, Roger Black, Håkon Wium Lie, Thomas Phinney, Si Daniels y Bert Bos, un debate sobre fuentes para la web y sus implicancias (un tema que ya tocamos), ‘Tech of Web fonts implementation’ por Thomas Phinney y Si Daniels, sobre Embedded OpenType (EOT) , el sistema de embebido de fuentes para web impulsado por Microsoft y Adobe, la alternativa cerrada de la industria a webfonts css, ya implementadas en webkit y en versiones en desarrollo de firefox.
Visto en el blog de Nicolas Spalinger, a través de Planet Open Fonts.












