Sobre este proyecto

Si alguna vez te has preguntado cómo poner un poco de orden en tus documentos de diseño, estás en el lugar correcto. Aprende buenas prácticas que puedes aplicar inmediatamente.

Soy un gran fan (¿o debería decir nerd?) de tener un archivo de diseño organizado. Incluso cuando estoy trabajando para mí mismo en proyectos personales, me gusta tener todo en orden. Siempre he pensado que es mejor invertir unos pocos segundos en organizar y nombrar las cosas al vuelo que ir rápido pero, tarde o temprano, encontrarte en una situación inmanejable que inevitablemente te hará ir más lento.

Los contenidos de este sitio web presentan ejemplos de cómo mantener tu archivo de diseño estructurado de una forma lógica, predecible, y escalable. Por ahora consideran la forma en que se usan Figma y Sketch, pero no se trata de enfocarse en ninguno de ellos en particular -- así que quizás puedas extrapolar conceptos a cualquier programa de diseño que uses.

Soy consciente de que hay muchas formas distintas de hacer esto. Lo que presento aquí es solamente una de ellas. Quizás ni mejor ni peor que otras, simplemente diferente. Cuando diseñas, tienes que adoptar un enfoque y ser consistente, pero también flexible y coherente, así puedes sostener esa forma de hacer las cosas en cualquier proyecto. Y este es mi enfoque.

Eres más que bienvenido o bienvenida a compartir tu punto de vista y enriquecer los contenidos de estos lineamientos, que pueden evolucionar con el tiempo.


Diseño y desarrollo

La idea, diseño y desarrollo fueron por mi parte (¡hola!, soy Javier Cuello) en mi tiempo libre mientras me movía de un lugar a otro de Europa.

Este sitio web está usando a Kirby como gestor de contenidos. Es muy flexible y lo he estado usando en varios de mis últimos proyectos.De su sitio web: "Con Kirby, puedes construir tu interfaz ideal. Combina formas, galerías, artículos, hojas de cálculo y más en experiencias de edición increíbles."

Las familias tipográficas que he usado son IBM Plex Sans para la mayoría de los textos, y IBM Plex Mono para los bloques de código. Las elegí porque tienen gran legibilidad y ayudan a darle al sitio web la personalidad que estaba usando. Las puedes descargar gratis de Google Fonts y otras webs.

Si te han gustado las formas 3D en la página principal y encabezados, son parte de Shape Fest, un proyecto increíble de Joseph Angelo Todaro que contiene una impresionante librería de formas en 3D. Puedes descargar algunas de ellas gratuitamente, pero asegúrate de darle una mirada a las otras opciones disponibles.

La mayor parte del diseño se hizo en Figma, pero complementando con Sketch de vez en cuando.


Cómo colaborar y contacto

Te quiero invitar a ayudar con este sitio web. Soy consciente de que los contenidos necesitan mejorarse, añadir más ejemplos y distintas prácticas para reflejar la diversidad de formas de diseñar en el mundo real. Puedes colaborar mandando feedback, sugerencias, tus propios ejemplos e incluso contribuyendo al marcado en HTML.

Para todo eso y más, por favor búscame en LinkedIn.


Licencia

El contenido de este sitio web está con una licencia "Attribution-NonCommercial (CC BY-NC)". Más información.


Agradecimientos

Quisiera agradecer a Bastian Allgeier por su apoyo. También a Florencia Rosenfeld y Emmanuel Borgarelli por su feedback.