Reforma

Cuando decidí hacer esta página, no esperaba aprender sobre la reforma universitaria Argentina de 1918, pero aquí estamos.

Diseño

Aunque no soy diseñador y nunca le he pegado mucho al diseño, encuentro muy divertido el diseño en el contexto digital. Desde que tengo memoria navego por internet, y siempre he sentido algo especial cuando entro a un sitio web que tiene intencionalidad en su diseño, aunque no me di cuenta de esto hasta que yo mismo empecé a hacer sitios web.

Creo que el diseño es harto más complicado y hace más la diferencia de lo que la gente piensa. Me da pena que gran parte del mercado no valore lo suficiente la importancia de que un producto esté bien diseñado.

Refactoring UI

Diría que la mayor diferencia ocurrió cuando leí Refactoring UI. Aunque mis habilidades de diseño siguen estando en los percentiles inferiores, empecé a notar más detalles y descubrí distintas formas de resaltar elementos: sombreado, colores, tamaño de la fuente, espaciados, jerarquía, etc.

Es muy cortito de leer y está orientado a desarrolladores, así que lo recomiendo mucho si estás en el mundo del desarrollo.

Tipografía

Me fijo mucho en la tipografía. Creo que una buena elección de familias tipográficas (fuentes para los amigos, esperando que un diseñador de tipos no lea esto) puede cambiar completamente un diseño. Así que cuando comencé a programar esta página decidí tomarme en serio esta elección. Mis requisitos iniciales eran:

• La familia debe tener variantes serif y sans-serif.
• Que la variante serif fuera bonita y elegante, pero no aburrida como Times New Roman.
• Que la variante sans-serif fuera cómoda para leer párrafos, ya que la usaría en los blogs.
• Y, lo más importante, que me gustara visualmente.

Empecé por mirar las clásicas que están en Google Fonts: Roboto, Inter, Montserrat, Poppins, Nunito, etcétera. Y aunque las he usado y ninguna me disgusta, esta vez quise aventurarme un poco más, así que decidí buscar en otros lados.

Terminé en el subreddit de r/typography. Ahí descubrí varias fundiciones tipográficas, que son compañías que diseñan familias tipográficas. Una que estuve revisando un buen rato fue Pangram Pangram. De ahí obtuve la fuente que usan los títulos al inicio de los artículos de este blog, que se llama Playground. Por suerte, los buenos samaritanos de Pangram Pangram disponen sus creaciones de manera gratuita para uso personal, ya que las licencias web de uso comercial empiezan desde 170 dólares en adelante. Sin embargo, no encontré fuentes que me gustaran lo suficiente para el resto de la página.

Continuando mi búsqueda, en un comentario de Reddit cuyo post ya perdí, había un enlace a la familia tipográfica llamada Reforma. Lo primero que me llamó la atención fue que el nombre era una palabra en español, y lo segundo fue que en la URL del sitio web se leía pampatype.com, ¡había encontrado una fundición tipográfica Argentina! Aunque no soy Argentino, mi latinoamericanismo interior automáticamente le otorgó muchos puntos a Reforma. Al ver los ejemplos en su página vi que cumplía todos mis requisitos: supe que mi búsqueda había terminado.

La reforma universitaria

Leyendo la descripción, Reforma fue diseñada para la Universidad Nacional de Córdoba por el centenario de la Reforma Universitaria de 1918, cuyo movimiento fue iniciado en esta universidad.

No daré la lata escribiendo todo lo que leí, pero me sorprendió no haber conocido el movimiento reformista, siendo que fue pionero en latinoamerica con impacto en varios países. También me llamó la atención que la gratuidad y acceso a la educación universitaria era uno de sus principios, 100 años antes de que se implementara en Chile.

Cambios en el blog

Para celebrar el segundo artículo, decidí mejorar el diseño del blog. Ahora los títulos en la lista de artículos y los headings dentro de un artículo usan la variante serif de Reforma. También mejoré algunos espaciados y le agregué algo de color (aunque aún poco, estoy yendo con cuidado) a la página.